:root{--cyan:#65eaff;--ink:#031018;--paper:#eafcff;--muted:#aac1c9;--panel:rgba(5,18,25,.72)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}.hero{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.hero__image{position:absolute;inset:0;z-index:-3;background:url('../images/solaris-hero.png') center/cover no-repeat;animation:drift 18s ease-in-out infinite alternate}.hero__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,9,14,.94) 0%,rgba(1,9,14,.65) 42%,rgba(1,9,14,.1) 73%),linear-gradient(0deg,rgba(1,9,14,.9),transparent 45%)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}.nav{display:flex;justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,80px)}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font:800 25px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.18em}.brand__mark{display:grid;place-items:center;width:38px;height:38px;color:var(--ink);background:var(--cyan);clip-path:polygon(50% 0,100% 25%,88% 100%,12% 100%,0 25%)}.status{font:700 13px Impact,'Arial Narrow',sans-serif;letter-spacing:.2em}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);margin-right:8px;animation:pulse 1.5s infinite}.content{width:min(690px,90vw);margin:clamp(80px,13vh,160px) 5vw 80px}.eyebrow{color:var(--cyan);font:700 15px Impact,'Arial Narrow',sans-serif;letter-spacing:.36em}.content h1{margin:12px 0 22px;font:800 clamp(64px,9vw,132px)/.77 Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;text-shadow:0 8px 50px rgba(0,0,0,.35)}.content h1 span{-webkit-text-stroke:1px rgba(234,252,255,.55);color:transparent}.lead{max-width:580px;color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.65}.access-card{max-width:540px;margin-top:32px;padding:22px;background:var(--panel);border:1px solid rgba(101,234,255,.25);backdrop-filter:blur(15px);box-shadow:0 18px 55px rgba(0,0,0,.28)}.access-card label{display:block;margin-bottom:11px;color:var(--cyan);font:700 13px Impact,'Arial Narrow',sans-serif;letter-spacing:.16em;text-transform:uppercase}.input-row{display:flex;gap:9px}.input-row input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);padding:14px;color:white;outline:none}.input-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(101,234,255,.12)}button,.discord-button{border:0;cursor:pointer;font:800 14px Impact,'Arial Narrow',sans-serif;letter-spacing:.1em}.input-row button{padding:0 24px;background:var(--cyan);color:var(--ink)}.form-error{margin:12px 0 0;color:#ff9e9e;font-size:13px}.actions{margin-top:34px}.discord-button{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;color:white;background:#5865f2;text-decoration:none;box-shadow:0 10px 35px rgba(88,101,242,.25);transition:transform .2s,filter .2s}.discord-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.discord-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.7}.launch{margin-top:22px;color:var(--cyan);font:700 13px Impact,'Arial Narrow',sans-serif;letter-spacing:.24em}.profile{display:flex;align-items:center;gap:12px}.profile img{width:42px;height:42px;border-radius:50%;border:2px solid var(--cyan)}.profile form{display:inline}.text-button{padding:0;color:var(--muted);background:none;text-decoration:underline}.coordinates{position:absolute;right:5vw;bottom:42px;color:rgba(234,252,255,.55);font:600 11px/1.8 Impact,'Arial Narrow',sans-serif;letter-spacing:.18em;text-align:right}.scroll-line{position:absolute;left:50%;bottom:0;width:1px;height:55px;background:linear-gradient(transparent,var(--cyan));animation:pulse 1.5s infinite}@keyframes drift{to{transform:scale(1.035) translateX(-.5%)}}@keyframes pulse{50%{opacity:.25}}@media(max-width:650px){.content{margin-top:80px}.content h1{font-size:64px}.input-row{flex-direction:column}.input-row button{height:48px}.coordinates{display:none}.hero__veil{background:linear-gradient(90deg,rgba(1,9,14,.93),rgba(1,9,14,.5)),linear-gradient(0deg,rgba(1,9,14,.9),transparent)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}