#homeScreen{isolation:isolate;background:radial-gradient(ellipse at 48% 38%,#6ba7d2 0%,#4a8fbe 38%,#2c6e9f 72%,#1c507e 100%)!important}
#homeScreen::before{display:none!important}
#homeScreen .morph-video-backdrop{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;background:transparent}
#homeScreen .morph-video-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;opacity:.82;filter:invert(1) grayscale(1) contrast(2.4) brightness(.9)}
#homeScreen .morph-video-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,55,86,.07),rgba(19,63,100,.025) 40%,rgba(10,35,65,.17)),radial-gradient(ellipse at center,transparent 20%,rgba(12,39,74,.30));pointer-events:none}
#homeScreen .ambient-particles{z-index:1;opacity:.25}
#homeScreen .home-shell{position:relative;z-index:3}
#homeScreen .home-card{background:linear-gradient(145deg,rgba(var(--card-rgb),.18),rgba(11,20,30,.78) 52%,rgba(8,15,24,.88))!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#homeScreen .home-title,#homeScreen .home-subtitle,#homeScreen .home-kicker{text-shadow:0 3px 20px rgba(0,0,0,.9)}
/* Mobilon és tableten a videó teljes képkockája látható marad,
   a kék háttér kitölti az álló képarány miatti üres területet. */
@media(max-width:900px){
  #homeScreen{padding:clamp(12px,3.5vw,24px);overflow-x:hidden}
  #homeScreen .morph-video-backdrop{position:fixed;inset:0;width:100%;height:100%;height:100dvh}
  #homeScreen .morph-video-backdrop video{display:block;width:100%;height:100%;object-fit:contain;object-position:center 28%;opacity:.78}
  #homeScreen .home-shell{width:100%;min-height:calc(100dvh - 24px)}
  #homeScreen .home-brand{margin-bottom:22px}
  #homeScreen .home-title{font-size:clamp(30px,7.2vw,56px);line-height:1.12;overflow-wrap:anywhere}
  #homeScreen .home-kicker{font-size:clamp(10px,2.3vw,12px);letter-spacing:.10em;line-height:1.5}
  #homeScreen .home-grid{grid-template-columns:1fr;gap:12px}
  #homeScreen .home-card{min-height:150px;padding:18px;border-radius:18px}
  #homeScreen .home-card h2{margin-top:10px}
}
@media(min-width:701px) and (max-width:900px){
  #homeScreen .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #homeScreen .morph-video-backdrop video{object-position:center}
}
@media(max-width:420px){
  #homeScreen .morph-video-backdrop video{opacity:.68}
  #homeScreen .home-icon{width:50px;height:50px}
  #homeScreen .home-card{min-height:135px}
  #homeScreen .read-intro{font-size:12px}
}