:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#181818;color:#e8e8e7}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}.stage{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#353534 0,#202020 43%,#181818 75%)}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:88px 88px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.terrain{position:absolute;width:100%;height:100%;opacity:.48;fill:none;stroke:#b9b9b9;stroke-width:.65}.halo{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#18181880 90%)}header,footer{display:flex;align-items:center;justify-content:space-between;margin:0 4vw}header{height:120px;flex-shrink:0}header img{width:132px;height:auto;filter:brightness(0) invert(1);opacity:.9}.edition{font-size:11px;letter-spacing:.22em;color:#a5a5a4}main{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 24px 60px;min-height:480px}.title-wrap{width:min(900px,78vw);position:relative;margin-bottom:44px}h1{font:700 clamp(64px,11vw,150px)/.99 'Poppins',sans-serif;letter-spacing:-.065em;text-align:center;margin:0}.tech{display:none;width:100%;overflow:visible}.ready h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ready .tech{display:block}.tech text{font:700 190px 'Poppins',sans-serif;letter-spacing:-11px;text-anchor:middle}.solid{fill:#e8e8e7}.outline{fill:none;stroke:#e8e8e7;stroke-width:1.25;stroke-dasharray:5 5}.login{display:inline-flex;align-items:center;justify-content:space-between;gap:52px;background:#ddd;border:1px solid #ddd;color:#1d1d1d;border-radius:40px;padding:19px 30px;text-decoration:none;font-size:16px;font-weight:700;transition:background .2s,color .2s,transform .2s}.login:hover{background:#1d1d1d;color:#ddd;transform:translateY(-3px)}a:focus-visible{outline:2px solid white;outline-offset:7px}footer{min-height:80px;border-top:1px solid #ffffff18;font-size:12px;color:#a6a6a5;letter-spacing:.025em}.cross{font-size:24px;font-weight:400;color:#747474}@media(max-width:600px){header{height:96px;margin:0 24px}header img{width:108px}.edition{font-size:9px}main{min-height:390px;padding:16px 16px 64px}.title-wrap{width:100%;margin-bottom:44px}.tech text{stroke-width:2}footer{margin:0 24px;font-size:10px;min-height:72px}.cross{display:none}.login{padding:17px 26px;gap:44px}}@media(prefers-reduced-motion:reduce){.login{transition:none}.login:hover{transform:none}}

.tech-lines{display:none}.ready .tech-lines{display:block}.tech-line{width:100%;height:auto;aspect-ratio:1000/235;position:relative;touch-action:pan-y}.tech-line canvas{display:block;width:100%;height:100%;pointer-events:none}.title-wrap{margin-bottom:28px}
@media(max-width:600px){.tech-line{aspect-ratio:1000/290}.title-wrap{margin-bottom:24px}}

/* Light direction — one shared animation surface for both lines. */
:root{color-scheme:light;background:#fff;color:#3c3c3b}
.stage{background:#fff}.grid{opacity:.25;background-image:linear-gradient(#3c3c3b0a 1px,transparent 1px),linear-gradient(90deg,#3c3c3b0a 1px,transparent 1px)}
.terrain{stroke:#b7b7b5;opacity:.6}.halo{background:radial-gradient(ellipse at center,transparent 20%,#ffffffa0 90%)}
header img{filter:none;opacity:1}.edition{color:#747474}
.title-wrap{width:min(680px,68vw);margin-bottom:22px}
h1{font-size:clamp(52px,9vw,118px)}
.tech-line{aspect-ratio:1000/490}
.login{background:#3c3c3b;border-color:#3c3c3b;color:#fff}.login:hover{background:#fff;color:#3c3c3b}
a:focus-visible{outline-color:#3c3c3b}footer{border-color:#3c3c3b20;color:#747474}
@media(max-width:600px){.title-wrap{width:90%;margin-bottom:24px}.tech-line{aspect-ratio:1000/560}}

h1{letter-spacing:0}