@charset "utf-8";
:root{color-scheme:dark;--ink:#0b0e12;--paper:#edf2f3;--cyan:#8eeaf1;--pink:#f257c7;--violet:#9d6bff}
*{box-sizing:border-box}
html{min-width:320px;background:var(--ink);scroll-behavior:smooth}
body{margin:0;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 72% 48%,#26313a 0%,#12171c 36%,#0b0e12 74%);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.entry-page:before,.entry-page:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}
.entry-page:before{background:linear-gradient(90deg,#0b0e12 0%,#0b0e12d9 28%,#0b0e1257 56%,#0b0e1200 100%),radial-gradient(ellipse at 72% 48%,#18212700 20%,#0b0e1255 85%)}
.entry-page:after{inset:14px;border:1px solid #d9e1e20c;clip-path:polygon(0 0,22% 0,22.2% .1%,78% .1%,78.2% 0,100% 0,100% 100%,0 100%)}
.entry-grid{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#bdc8cc10 1px,transparent 1px),linear-gradient(90deg,#bdc8cc0d 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 90%,transparent)}
.entry-vapor{position:fixed;z-index:1;inset:-12vh -8vw;pointer-events:none;mix-blend-mode:screen;opacity:.7;filter:blur(30px) saturate(1.5);background-image:repeating-linear-gradient(180deg,transparent 0 13vh,#ff2fa32a 16vh,#ff2fa300 26vh,transparent 40vh),repeating-linear-gradient(180deg,transparent 0 36vh,#28edff26 40vh,#28edff00 52vh,transparent 68vh),repeating-linear-gradient(180deg,transparent 0 62vh,#9b54ff24 66vh,#ffb84b18 75vh,transparent 90vh);background-size:100% 126vh;background-repeat:repeat-y;animation:vapor-cascade 28s linear infinite}
@keyframes vapor-cascade{to{background-position:0 126vh}}
.entry-grain{position:fixed;inset:-50%;z-index:4;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");background-size:180px 180px}
.entry-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.entry-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.entry-scene[data-ready="fallback"]:after{content:"";position:absolute;inset:18% -10%;background:linear-gradient(166deg,transparent 25%,#23c7e823 36%,#c252e72b 42%,transparent 51%),linear-gradient(171deg,transparent 57%,#41ddeb18 64%,transparent 72%);filter:blur(36px)}
.entry-main{position:relative;z-index:2;min-height:100svh;max-width:1700px;margin:auto;padding:9vh 7vw 9vh;display:flex;align-items:center}.entry-copy{position:relative;z-index:3;width:100%;max-width:1100px;padding:0}.entry-copy h1{max-width:100%;overflow:visible;font-size:clamp(76px,10.3vw,158px);line-height:.88;letter-spacing:-.095em;font-weight:520;margin:0;text-wrap:balance;text-shadow:0 12px 48px #0008}.entry-copy h1 em{font-style:normal;background:linear-gradient(180deg,#f7fbfb 0%,#7feeff 22%,#a991ff 43%,#ff74d8 61%,#9f8aff 79%,#f0f4f3 100%);background-size:100% 220%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-cascade 16s ease-in-out infinite}
.entry-copy h1{letter-spacing:-.08em}.entry-copy h1 em{padding-inline-end:.02em}.entry-question-mark{display:inline-block;position:relative;overflow:visible;white-space:nowrap;margin-inline-start:.035em;padding-inline-end:.15em;margin-inline-end:-.15em;letter-spacing:normal;color:#f1e8ff;text-shadow:0 0 18px #c080ff66,0 0 3px #fff7}
@keyframes title-cascade{0%,100%{background-position:0 0;filter:drop-shadow(0 0 7px #55cfff2a)}50%{background-position:0 100%;filter:drop-shadow(0 0 20px #e25eff77) drop-shadow(0 0 34px #27e6ff68)}}
.entry-button{position:fixed;z-index:5;right:6.5vw;bottom:8vh;width:112px;height:58px;display:grid;place-items:center;border:1px solid #a8f5f488;background:#0b101875;color:#b6fbff;font-size:13px;font-weight:750;letter-spacing:.18em;box-shadow:0 0 32px #2ae1ff1f,inset 0 0 20px #8eeaf10a;transition:transform .28s,border-color .28s,background .28s,box-shadow .28s}.entry-button:before{content:"";position:absolute;inset:5px;border:1px solid #dce8e527;clip-path:polygon(0 0,72% 0,100% 28%,100% 100%,28% 100%,0 72%);pointer-events:none}.entry-button:hover{transform:translateY(-3px);border-color:#ddffff;background:#73dfea20;box-shadow:0 0 44px #2ae1ff51,inset 0 0 26px #8eeaf11b}.entry-button:focus-visible{outline:2px solid #f0fbff;outline-offset:5px}
.entry-skip{position:fixed;z-index:10;left:12px;top:-60px;background:#edf2f3;color:#101519;padding:12px 16px}.entry-skip:focus{top:12px}
@media(max-width:760px){.entry-main{padding:8vh 6vw 12vh}.entry-copy h1{font-size:clamp(64px,11.8vw,96px);line-height:.91}.entry-button{right:7vw;bottom:7vh;width:100px;height:54px}.entry-vapor{inset:-6vh -30vw;opacity:.72;filter:blur(27px) saturate(1.4)}.entry-grid{background-size:44px 44px}}
@media(max-width:390px){.entry-main{padding-inline:6vw}.entry-copy h1{font-size:clamp(56px,14vw,72px)}.entry-button{width:96px;height:52px;right:7vw;bottom:6vh}}
@media(max-width:390px){.entry-copy h1{font-size:clamp(48px,12.6vw,60px);letter-spacing:-.075em}.entry-copy h1 em{padding-inline-end:.12em;margin-inline-end:-.12em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-vapor,.entry-copy h1 em{animation:none!important}.entry-button{transition:none}}


.entry-clock{position:fixed;z-index:6;top:clamp(18px,4vh,38px);right:7vw;min-width:164px;padding:10px 14px;display:grid;gap:4px;text-align:right;border:1px solid #83e9f04d;background:linear-gradient(145deg,#0b1117ad,#10151c73);backdrop-filter:blur(12px);clip-path:polygon(0 0,88% 0,100% 24%,100% 100%,12% 100%,0 76%);box-shadow:0 0 25px #2edff014,inset 0 0 20px #8eeaf108;color:#e8f1f2}
.entry-clock__label{font-size:8px;font-weight:650;letter-spacing:.22em;color:#94eaf2}
.entry-clock__time{font:500 clamp(18px,2.2vw,24px)/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#f1f7f8;text-shadow:0 0 14px #70dbf348}
.entry-clock__note{font-size:6px;letter-spacing:.17em;color:#9aa9ae}
@media(max-width:760px){.entry-clock{top:18px;right:6vw;min-width:145px;padding:9px 12px}.entry-clock__time{font-size:17px}.entry-clock__label{font-size:7px}.entry-clock__note{font-size:5px}}
.entry-clock__note a{color:#a9eaf0;text-decoration:underline;text-decoration-color:#a9eaf055;text-underline-offset:2px}
.entry-clock__note a:focus-visible{outline:1px solid #a8f5f4;outline-offset:2px}
