/* K7H cinematic glass welcome • five-second opening.
   Overlay intentionally keeps the real site visible behind translucent glass. */
.k7h-intro[hidden],.k7h-intro [hidden]{display:none!important}
.k7h-intro{
 position:fixed;inset:0;z-index:2147483000;
 display:grid;place-items:center;isolation:isolate;
 padding:calc(24px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right))
 calc(24px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
 background:radial-gradient(ellipse 70% 60% at 50% 43%,rgba(20,73,112,.46),rgba(4,14,28,.47) 65%,rgba(3,10,19,.67));
 color:#f7fdff;text-align:center;overflow:hidden;
 opacity:1;transition:opacity .35s ease,visibility .35s ease;
}
.k7h-intro::before{
 content:'';position:absolute;inset:-25%;pointer-events:none;
 background:radial-gradient(circle at 52% 46%,rgba(59,209,255,.16),transparent 35%),
 repeating-linear-gradient(121deg,transparent 0 43px,rgba(114,215,255,.025) 44px,transparent 45px);

}
.k7h-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.k7h-intro-open{overflow:hidden!important}
.k7h-intro-box{
 width:min(540px,100%);position:relative;z-index:1;
 padding:clamp(28px,6vw,54px) clamp(20px,5vw,50px) 32px;
 border:1px solid rgba(155,226,255,.3);border-radius:30px;
 background:linear-gradient(160deg,rgba(16,49,73,.54),rgba(6,19,35,.56));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 25px 80px rgba(0,0,0,.28),0 0 75px rgba(62,199,255,.09);
 animation:k7h-intro-rise .4s ease-out both;
}
.k7h-intro-mini{margin:0 0 20px;color:#9bdefd;font:800 10px/1.5 Rajdhani,Arial,sans-serif;letter-spacing:4px;direction:ltr}
.k7h-intro-avatar{width:76px;height:76px;margin:auto auto 16px;border-radius:50%;padding:5px;background:linear-gradient(135deg,#dcf7ff,#28b8f6,#205b87);
 box-shadow:0 0 0 8px rgba(102,204,255,.07),0 0 38px rgba(74,196,249,.42)}
.k7h-intro-avatar img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;background:#0a2336}
.k7h-intro-brand{font:800 clamp(64px,15vw,106px)/.9 Rajdhani,Arial,sans-serif;letter-spacing:3px;margin:0;color:#faffff;direction:ltr;
 text-shadow:0 2px 0 #176c98,0 9px 33px rgba(61,196,255,.5)}
.k7h-intro-brand span{color:#72d9ff}
.k7h-intro-line{width:min(360px,100%);height:112px;margin:26px auto 8px;position:relative;display:grid;place-items:center}
.k7h-intro-phrase{
 position:absolute;inset:0;display:grid;place-items:center;
 font:900 clamp(25px,6.6vw,43px)/1.6 Cairo,Tahoma,sans-serif;
 letter-spacing:0;color:#eaf9ff;
 text-shadow:0 0 18px rgba(100,213,255,.42);
 opacity:0;transform:translateY(6px);
 transition:opacity .3s ease-out,transform .3s ease-out;
}
.k7h-intro-phrase.is-active{opacity:1;transform:translateY(0)}
.k7h-intro-phrase em{font-style:normal;color:#62ceff}
.k7h-intro-sub{margin:0;color:#b4d5e5;font-size:12px;font-weight:700;line-height:2}
.k7h-intro-progress{height:3px;width:100%;border-radius:12px;background:rgba(153,213,244,.16);margin-top:31px;overflow:hidden;direction:ltr}
.k7h-intro-progress>span{display:block;width:100%;height:100%;border-radius:inherit;
 transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#2e9ac9,#a1eaff,#e9fcff);box-shadow:0 0 15px rgba(130,228,255,.8)}
.k7h-intro.is-running .k7h-intro-progress>span{animation:k7h-intro-timer 5s linear forwards}
.k7h-intro-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:17px}
.k7h-intro-skip{
 background:rgba(11,44,66,.48);border:1px solid rgba(173,226,250,.23);
 border-radius:40px;padding:8px 20px;color:#eaf8ff;
 font:800 11px Cairo,Tahoma,sans-serif;cursor:pointer;
 transition:background .2s,border-color .2s;
}
.k7h-intro-skip:hover{background:rgba(45,133,176,.35);border-color:rgba(173,226,250,.6)}
.k7h-intro-skip:focus-visible{outline:2px solid #eaf8ff;outline-offset:4px}
.k7h-intro-note{position:absolute;bottom:18px;right:18px;color:rgba(219,248,255,.62);font:700 9px Rajdhani,Arial,sans-serif;letter-spacing:2px}
@keyframes k7h-intro-rise{from{transform:translateY(19px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes k7h-intro-timer{to{transform:scaleX(1)}}
@media(max-width:600px){.k7h-intro-box{border-radius:24px}.k7h-intro-line{height:94px;margin-top:16px}.k7h-intro-avatar{width:64px;height:64px}.k7h-intro-mini{letter-spacing:2.7px}}
@media(prefers-reduced-motion:reduce){
 .k7h-intro,.k7h-intro-box,.k7h-intro::before,.k7h-intro-phrase{animation:none!important;transition:none!important}
 .k7h-intro-progress>span{animation:none!important}
}


/* Lighter glass, not a second animated/blurred surface. */
.k7h-intro{background:radial-gradient(ellipse at 50% 45%,rgba(20,73,112,.59),rgba(3,13,26,.79))}
.k7h-intro::before{inset:0;background:radial-gradient(circle at 50% 46%,rgba(59,209,255,.09),transparent 55%)}
.k7h-intro-box{background:linear-gradient(160deg,rgba(16,49,73,.78),rgba(6,19,35,.81));box-shadow:0 15px 38px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.13);contain:layout paint}
body.k7h-intro-open .hero-particles,body.k7h-intro-open .hero-art,body.k7h-intro-open .hero-portrait{animation-play-state:paused!important}
@media(max-width:650px){.k7h-intro::before{display:none}.k7h-intro-box{box-shadow:0 12px 25px rgba(0,0,0,.27)}}