#sokrat-intro{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#18294a 0,#0a1224 34%,#030711 78%);color:#f5f1df;font-family:Manrope,system-ui,sans-serif;transition:opacity .75s ease,visibility .75s}
#sokrat-intro[hidden]{display:none}#sokrat-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.si-stars{position:absolute;inset:-50%;background-image:radial-gradient(#7aa7ff 1px,transparent 1px),radial-gradient(#e8c547 1px,transparent 1px);background-size:70px 70px,113px 113px;background-position:0 0,27px 39px;opacity:.23;animation:si-drift 18s linear infinite}
.si-stage{position:relative;width:min(78vw,430px);aspect-ratio:1;perspective:900px;transform-style:preserve-3d;animation:si-rise 1s cubic-bezier(.2,.8,.2,1) both}
.si-core{position:absolute;inset:24%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff9d5 0,#e8c547 12%,#765d19 38%,#151d31 69%,#050914 100%);box-shadow:0 0 48px #e8c54755,0 0 120px #6fa4ff44,inset -24px -28px 45px #02040a;animation:si-pulse 3s ease-in-out infinite;transform:translateZ(35px)}
.si-core:before{content:'Σ';position:absolute;inset:0;display:grid;place-items:center;font:600 clamp(58px,16vw,112px)/1 Georgia,serif;color:#07101f;text-shadow:0 1px 0 #fff6;transform:translateZ(20px)}
.si-ring{position:absolute;inset:13%;border:2px solid #e8c547aa;border-radius:50%;box-shadow:0 0 24px #e8c54744;transform-style:preserve-3d}
.si-ring.r1{animation:si-ring1 6s linear infinite}.si-ring.r2{inset:7%;border-color:#79a9ff99;animation:si-ring2 8s linear infinite}.si-ring.r3{inset:19%;border-style:dashed;animation:si-ring3 10s linear infinite}
.si-copy{position:absolute;left:50%;top:74%;width:min(92vw,720px);transform:translateX(-50%);text-align:center;text-shadow:0 2px 22px #000}
.si-title{margin:0;font:700 clamp(36px,9vw,72px)/1 Unbounded,Manrope,sans-serif;letter-spacing:.18em;color:#f2d968}.si-sub{margin:13px 0 0;font-size:clamp(14px,3.5vw,19px);letter-spacing:.12em;color:#dce6fa}
.si-skip{position:absolute;right:max(18px,4vw);top:max(18px,4vw);border:1px solid #ffffff44;border-radius:999px;background:#07101f99;color:#fff;padding:9px 15px;font:600 13px Manrope,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.si-sound{position:absolute;left:max(18px,4vw);bottom:max(18px,4vw);font-size:12px;color:#abb9d1;opacity:.8}
.si-enter{position:absolute;left:50%;top:70%;z-index:3;transform:translate(-50%,-50%);min-width:min(78vw,310px);padding:16px 24px;border:1px solid #f2d968;border-radius:999px;background:linear-gradient(135deg,#f2d968,#b88b20);color:#06101f;box-shadow:0 10px 45px #e8c54755;font:700 16px Unbounded,Manrope,sans-serif;letter-spacing:.04em;cursor:pointer;transition:opacity .35s,transform .35s}
#sokrat-intro:not(.is-waiting) .si-enter{opacity:0;pointer-events:none;transform:translate(-50%,-35%)}
#sokrat-intro.is-waiting .si-stage{animation-play-state:paused}#sokrat-intro.is-waiting .si-stars,#sokrat-intro.is-waiting .si-core,#sokrat-intro.is-waiting .si-ring{animation-play-state:paused}
#sokrat-intro.is-waiting .si-copy{top:57%}#sokrat-intro.is-waiting .si-sound{left:50%;transform:translateX(-50%);width:90%;text-align:center}
#sokrat-intro.is-playing .si-stage{animation:si-awaken 4s cubic-bezier(.2,.75,.2,1) both}#sokrat-intro.is-playing .si-core{box-shadow:0 0 82px #e8c54799,0 0 180px #6fa4ff66,inset -24px -28px 45px #02040a}
@keyframes si-rise{from{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:none}}@keyframes si-drift{to{transform:translate3d(70px,70px,0)}}@keyframes si-pulse{50%{filter:brightness(1.22);box-shadow:0 0 70px #e8c54777,0 0 150px #6fa4ff55,inset -24px -28px 45px #02040a}}@keyframes si-ring1{to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes si-ring2{from{transform:rotateY(70deg) rotateZ(0)}to{transform:rotateY(70deg) rotateZ(-360deg)}}@keyframes si-ring3{from{transform:rotateX(48deg) rotateY(48deg) rotateZ(0)}to{transform:rotateX(48deg) rotateY(48deg) rotateZ(360deg)}}
@keyframes si-awaken{0%{transform:scale(.88);filter:brightness(.72)}38%{transform:scale(1.04);filter:brightness(1.3)}100%{transform:scale(1);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.si-stars,.si-stage,.si-core,.si-ring{animation:none!important}}