.gp-intro{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;overflow:hidden}.gp-intro.active{pointer-events:all}.gp-intro__dirty{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);opacity:1;transition:opacity .8s ease}.gp-intro__dirty::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");opacity:.4}.gp-intro__dirty::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%)}
.gp-drop{position:absolute;width:var(--size,8px);height:calc(var(--size,8px)*1.6);background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.35),rgba(255,255,255,.08));border-radius:50% 50% 50% 50%/60% 60% 40% 40%;animation:dropSlide var(--dur,4s) var(--delay,0s) linear infinite;opacity:0;filter:blur(.5px)}@keyframes dropSlide{0%{transform:translateY(-20px);opacity:0}10%{opacity:.7}90%{opacity:.5}100%{transform:translateY(calc(100vh + 20px));opacity:0}}
.gp-intro__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;opacity:0;filter:blur(20px);animation:logoReveal 1.5s .3s ease-out forwards}.gp-intro__logo-text{font-family:system-ui,-apple-system,sans-serif;font-size:3rem;font-weight:800;color:#fff;text-align:center;letter-spacing:.05em;text-shadow:0 0 40px rgba(0,168,232,.6),0 0 80px rgba(0,168,232,.3)}.gp-intro__logo-sub{font-size:1rem;font-weight:400;color:rgba(255,255,255,.7);margin-top:.5rem;letter-spacing:.2em;text-transform:uppercase}@keyframes logoReveal{0%{opacity:0;filter:blur(20px);transform:translate(-50%,-50%) scale(.8)}60%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1.02)}100%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}}
.gp-intro__line{position:absolute;top:calc(50% + 60px);left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,transparent,#00a8e8,#00e8a8,#00a8e8,transparent);border-radius:2px;animation:lineGrow 1.2s .8s ease-out forwards;box-shadow:0 0 15px rgba(0,168,232,.5)}@keyframes lineGrow{to{width:200px}}.gp-intro__shimmer{position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 55%,transparent 60%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.gp-intro__wiper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;clip-path:inset(0 100% 0 0);animation:wiperSweep 1.8s 2s cubic-bezier(.4,0,.2,1) forwards}.gp-intro__wiper-glass{position:absolute;inset:0;background:transparent}.gp-intro__wiper-blade{position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,rgba(0,232,168,.8),rgba(0,168,232,.9),rgba(0,232,168,.8));box-shadow:-5px 0 30px rgba(0,168,232,.6),5px 0 30px rgba(0,232,168,.6),0 0 60px rgba(0,200,230,.4);z-index:5}@keyframes wiperSweep{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
.gp-sparkle{position:absolute;width:var(--s,4px);height:var(--s,4px);background:radial-gradient(circle,#fff,rgba(0,232,168,.8),transparent);border-radius:50%;pointer-events:none;z-index:6;opacity:0;animation:sparkleLife var(--dur,.8s) var(--delay,0s) ease-out forwards}@keyframes sparkleLife{0%{opacity:0;transform:scale(0) translate(0,0)}30%{opacity:1;transform:scale(1.2) translate(var(--dx,10px),var(--dy,-10px))}100%{opacity:0;transform:scale(0) translate(calc(var(--dx,10px)*2),calc(var(--dy,-10px)*2))}}
.gp-intro__flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:7;opacity:0;font-family:system-ui,-apple-system,sans-serif;font-size:clamp(1.5rem,5vw,3.5rem);font-weight:900;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#00e8a8,#00a8e8,#fff,#00e8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:flashIn .6s 3.5s ease-out forwards;filter:drop-shadow(0 0 20px rgba(0,168,232,.5))}@keyframes flashIn{0%{opacity:0;transform:translate(-50%,-50%) scale(2);filter:blur(10px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}
.gp-intro.fade-out{animation:introFadeOut .8s ease-in forwards}.gp-intro.fade-out .gp-intro__flash{animation:flashOut .5s ease-in forwards}@keyframes introFadeOut{0%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes flashOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media(prefers-reduced-motion:reduce){.gp-intro{display:none!important}}