:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050708;color:#e7f5f3}
*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0;overflow:hidden}
body{min-height:100svh}
#field,.vignette{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
#field{display:block;background:radial-gradient(ellipse at 50% 45%,#0a1717 0%,#05090b 50%,#030506 100%)}
.vignette{background:radial-gradient(ellipse at 50% 45%,transparent 12%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.7));z-index:1}
.landing{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3.1rem,9vh,6rem);padding:2rem}
.identity{text-align:center;animation:appear 1.4s cubic-bezier(.2,.7,.25,1) both}
h1{font-size:clamp(5rem,16vw,13rem);line-height:.85;letter-spacing:-.105em;font-weight:600;margin:0;padding-right:.1em;text-shadow:0 0 48px rgba(88,197,177,.1)}
h1 span{color:#a0e6d8;text-shadow:0 0 45px rgba(105,234,209,.35)}
.line{height:1px;width:34%;margin:2.3rem auto 0;background:linear-gradient(90deg,transparent,rgba(141,214,203,.55),transparent)}
.login{display:flex;align-items:center;justify-content:space-between;gap:3.6rem;min-width:190px;padding:1.05rem 1.35rem;border-radius:999px;background:rgba(16,40,41,.36);color:#d0ece7;border:1px solid rgba(112,213,197,.42);font-size:.73rem;font-weight:600;letter-spacing:.24em;backdrop-filter:blur(14px);opacity:.82;cursor:not-allowed;animation:appear 1.2s .45s both}
.arrow{font-size:1.1rem;letter-spacing:0;font-weight:400;opacity:.65}
@keyframes appear{from{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:600px){h1{font-size:clamp(4.25rem,21vw,7rem)}.landing{gap:4rem}.login{min-width:175px}}
@media(prefers-reduced-motion:reduce){.identity,.login{animation:none}}