/* Cinematic presentation layer. Existing forms and route hooks remain intact. */
@font-face{font-family:CastawayDisplay;src:url('/fonts/display.woff') format('woff');font-weight:700 900;font-display:swap}
@font-face{font-family:CastawayBrush;src:url('/fonts/brush.woff') format('woff');font-weight:400;font-display:swap}
:root{--bg:#050b10;--panel:#081827d9;--line:#74c5ed33;--muted:#a1b8c8;--blue:#8fc9eb;--white:#e8eff4;--electric:#38bdf8}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:#050b10;background-image:linear-gradient(#050b10ed,#050b10ef),url('/coast-night.webp');background-size:cover;background-attachment:fixed}button:focus-visible,a:focus-visible{outline:2px solid #8fdcff;outline-offset:5px}header{position:relative;z-index:30;max-width:none;padding:0 max(5%,calc((100vw - 1400px)/2));height:94px;gap:36px;background:#030b12bf;border-bottom:1px solid #63b9e62e;backdrop-filter:blur(18px)}.brand{font-size:22px;letter-spacing:1.4px;white-space:nowrap}.brand img{width:58px;height:58px;filter:drop-shadow(0 0 9px #49bfff33)}.brand small{letter-spacing:4px;font-size:8px;color:#c1d4e0}.brand .blue{color:#67d3ff}nav{gap:32px}nav a{position:relative;white-space:nowrap;padding:34px 0;color:#c2cbd1;font-size:13px;transition:color .2s}nav a:after{content:'';position:absolute;height:2px;bottom:24px;left:0;width:100%;background:#53ceff;transform:scaleX(0);transition:transform .2s;box-shadow:0 0 9px #38bdf8}nav a.active:after,nav a:hover:after{transform:scaleX(1)}nav a.active{color:#91dcff}.button,button{border-radius:5px;background:linear-gradient(180deg,#9ce5ff,#42c1f3);border-color:#83dcff;font-weight:800;letter-spacing:.65px;box-shadow:0 0 18px #38bdf833,inset 0 1px #e4faff88;transition:transform .2s,box-shadow .2s,background .2s}.button:hover,button:hover{box-shadow:0 0 30px #38bdf86b;transform:translateY(-3px);background:linear-gradient(#c7efff,#6dd0fa)}.button.outline,button.outline{border-color:#72c8ee9c;background:#04111d8f;box-shadow:none;color:#e1ecf4}.button.outline:hover,button.outline:hover{background:#13344dbf;box-shadow:0 0 22px #38bdf830}.discord{border-radius:28px!important;padding:12px 20px!important;white-space:nowrap}.menu-toggle{display:none}.account-wrap{position:relative}.account-menu{display:none;position:absolute;right:0;top:calc(100% + 15px);min-width:230px;background:#081827f5;border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 20px 50px #000a}.account-menu.open{display:grid;gap:13px}.account-menu span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.account-menu a{font-size:13px}.account-menu button{font-size:12px;padding:9px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--blue);color:#050b10;padding:10px}.skip-link:focus{top:10px}
.cinema{position:relative;isolation:isolate;background-image:linear-gradient(90deg,#02080b38,#02080b08 65%,#02080b16),linear-gradient(0deg,#050b10 0%,transparent 25%),url('/coast-night.webp');background-size:cover;background-position:center;overflow:hidden;margin-top:-94px;padding-top:94px}.hero{max-width:1460px;padding:45px 5% 55px;min-height:min(820px,calc(100svh - 160px));display:flex;align-items:center;overflow:visible}.hero:before{display:none}.hero-grid{width:100%;grid-template-columns:1.06fr 1fr;gap:30px;position:relative;z-index:2}.hero-copy{min-width:0}.scene-label{display:inline-flex;align-items:center;font-size:10px;letter-spacing:2px;font-weight:700;border:1px solid #8edbff9c;padding:6px 14px;border-radius:30px;background:#030c14a6;color:#e0f0fa;box-shadow:inset 0 0 12px #71cfff12}.hero h1{margin:20px 0 24px;letter-spacing:-1px;font-size:clamp(76px,7.9vw,122px);font-family:CastawayDisplay,Impact,'Arial Narrow',sans-serif;font-weight:900;line-height:.79;text-shadow:0 4px 4px #0009}.hero h1 .metal{display:block;color:#d9e1e8;background:linear-gradient(160deg,#fff 5%,#d9e1e8 26%,#7b8994 44%,#f9fcff 52%,#acb8c1 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 2px #0009);letter-spacing:-1.5px}.hero h1 em{font-family:CastawayBrush,Impact,sans-serif;font-weight:400;display:block;color:#83d7ff;font-size:clamp(44px,4.5vw,70px);letter-spacing:-2px;line-height:1.05;transform:rotate(-5deg);transform-origin:left center;margin:17px -50px 0 0;text-shadow:0 2px 0 #18405b,0 0 26px #38bdf854}.intro{font-size:15px;color:#e1e5e8;line-height:1.75;max-width:490px;text-shadow:0 2px 8px #000;margin-top:28px}.hero .actions{gap:13px;margin-top:23px}.hero .button{font-size:11px;padding:16px 20px}.hero-promises{display:flex;gap:24px;margin-top:30px;color:#95cfe9;font-size:9px;letter-spacing:1.6px;font-weight:700}.art{min-height:430px;animation:arrive 1s ease-out both}.art img{max-width:600px;width:100%;height:auto;filter:drop-shadow(0 25px 16px #000b) drop-shadow(0 0 14px #3294bc44);position:relative;z-index:2}.logo-halo{position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(ellipse,#50bcff2e,transparent 67%);box-shadow:0 0 110px #189cdd14;animation:breathe 8s ease-in-out infinite}.coordinates{bottom:4%;right:-15px;color:#81b6d2;font-size:8px;letter-spacing:3px}.scene-rail{position:absolute;right:22px;top:35%;display:grid;gap:35px;border-left:1px solid #4d9ec655;padding-left:15px;color:#8bb7cc;font-size:8px;letter-spacing:2px}.scene-rail span:first-child{color:#6ed8ff}.community-strip{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:0;border-top:1px solid #63b9e62e;border-bottom:1px solid #63b9e62e;background:#020b11c9;backdrop-filter:blur(12px);padding:25px 4%;font-size:9px;letter-spacing:1.8px;color:#9fb9cb;flex-wrap:wrap}.community-strip span{padding:0 29px;border-right:1px solid #7bc1e32e}.community-strip span:last-child{border:0}.community-strip strong{color:#e0edf4;font-weight:600}.fog{position:absolute;z-index:-1;inset:25% -15% -20%;background:radial-gradient(ellipse at 15% 70%,#69b6e52e,transparent 35%),radial-gradient(ellipse at 75% 65%,#228fcb21,transparent 30%);filter:blur(30px);animation:mist 24s ease-in-out infinite alternate;pointer-events:none}.sparks{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 36%,#94dcffbb 0 1px,transparent 2px),radial-gradient(circle at 61% 20%,#b4eaff 0 1px,transparent 2px),radial-gradient(circle at 84% 51%,#8edcff 0 1px,transparent 2px),radial-gradient(circle at 34% 78%,#8edcff88 0 1px,transparent 2px);animation:drift 18s ease-in-out infinite alternate;opacity:.6}
.section-shell{max-width:1360px;margin:0 auto;padding:0 40px}.discover{padding-top:90px;padding-bottom:90px}.section-top{margin-bottom:34px;gap:25px}.eyebrow{font-size:9px;letter-spacing:3px;color:#66ccfa}.section-top h2{font-family:CastawayDisplay,Impact,sans-serif;font-size:clamp(38px,3.7vw,55px);line-height:1.03;letter-spacing:.4px;margin:14px 0 0}.section-top p{line-height:1.8;font-size:13px;color:#9fb5c5}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.feature-card{position:relative;isolation:isolate;min-height:355px;border:1px solid #67b8e13f;border-radius:5px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;background:#081827}.feature-card>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:80% center;z-index:-2;transition:transform .7s;opacity:.8}.feature-story>img{object-position:5% center}.feature-empire>img{object-position:98% center}.feature-edge>img{object-position:17% center}.feature-community>img{object-position:75% center}.feature-shade{position:absolute;inset:0;background:linear-gradient(0deg,#040b12 5%,#050c1399 52%,#06142122);z-index:-1}.feature-card:hover{transform:translateY(-7px);border-color:#59c6fa8c;box-shadow:0 15px 45px #0008,0 0 25px #38bdf818}.feature-card:hover>img{transform:scale(1.06)}.feature-num{position:absolute;top:20px;right:20px;font:11px monospace;letter-spacing:2px;color:#b6d9eb}.feature-copy{position:absolute;inset:auto 23px 22px}.feature-symbol{font-size:25px;color:#74d2fc}.feature-copy h3{font-family:CastawayDisplay,Impact,sans-serif;letter-spacing:.7px;font-size:24px;line-height:1.05;margin:14px 0 12px}.feature-copy p{font-size:12px;line-height:1.8;color:#b1c2cf;margin:0}.journey{padding:70px 0;background:linear-gradient(100deg,#091825e8,#050b10f0),url('/coast-night.webp') center/cover}.journey .section-top{max-width:none}.steps{gap:25px;position:relative}.steps:before{content:'';position:absolute;left:5%;right:5%;top:40px;height:1px;background:#4aafdb55}.step{position:relative;backdrop-filter:blur(12px);background:#091925d9;border-color:#3e708b70;padding:28px}.step h3{font-family:CastawayDisplay,Impact,sans-serif;font-size:24px;letter-spacing:.4px}.step .icon{background:#091925;padding:0 7px}.journey-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px}.journey-cta>span{font-size:12px;color:var(--muted)}.journey-cta>span a{color:#a4dffb;margin-left:5px}footer{max-width:1360px;border-top:0;padding:35px 40px;color:#8ba5b6}.page{padding-top:55px;animation:arrive .5s ease-out both}.page h1{font-family:CastawayDisplay,Impact,sans-serif;font-size:56px;letter-spacing:.2px}.panel{background:linear-gradient(140deg,#0e2435de,#06111ce8);backdrop-filter:blur(15px);border:1px solid #70c7f13d;box-shadow:0 15px 55px #0004,inset 0 1px #c1edff0b;border-radius:8px}.panel h2,.panel h3{letter-spacing:.25px}.label{font-size:14px;line-height:1.65}.hint{color:#a2b9cb;line-height:1.7}input,textarea,select{background:#030c15b8;border:1px solid #5984a261;border-radius:5px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #38bdf81c;border-color:#72cffa}.tabs button{font-size:12px;letter-spacing:.3px}.notice{background:#102c42;border-color:#4e9dc35c}.metadata{overflow-wrap:anywhere}.entry-head{align-items:start}.badge{flex-shrink:0}.center .lede{margin-left:auto;margin-right:auto}.will-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.will-reveal.visible{opacity:1;transform:translateY(0)}
@keyframes mist{to{transform:translate3d(5%,-3%,0)}}@keyframes drift{to{transform:translate3d(-15px,-18px,0);opacity:.9}}@keyframes breathe{50%{opacity:.5;transform:scale(1.04)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero{padding-top:65px;padding-bottom:70px;min-height:790px}.hero h1{font-size:132px}.hero h1 em{font-size:76px}.art img{max-width:640px}.hero-grid{gap:45px}}
@media(max-width:1150px){header{padding:0 30px;gap:22px}nav{gap:20px}.brand{font-size:18px}.brand img{width:48px;height:48px}.hero{padding:45px 5% 55px;min-height:690px}.hero h1{font-size:94px}.hero h1 em{font-size:51px}.hero-grid{gap:20px}.hero-promises{gap:13px;font-size:8px}.hero .button{font-size:10px;padding:13px 14px}.scene-rail{display:none}.community-strip span{padding:0 17px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:310px}}
@media(max-width:800px){header{height:84px;padding:0 22px;gap:15px;flex-wrap:nowrap}.brand{font-size:18px;flex:1}.brand img{width:44px;height:44px}.menu-toggle{display:flex;order:3;padding:8px 12px;font-size:20px;box-shadow:none}.discord{font-size:10px!important;padding:10px 14px!important}.brand small{font-size:7px;letter-spacing:2.8px}nav{display:none;position:absolute;top:84px;left:0;right:0;background:#05111bf5;backdrop-filter:blur(18px);padding:15px 25px;border-bottom:1px solid var(--line);margin:0;flex-direction:column;align-items:stretch;gap:0}.menu-open nav{display:flex}nav a{padding:13px 0;font-size:14px}nav a:after{bottom:6px;width:35px}.cinema{margin-top:-84px;padding-top:84px;background-position:62% center}.hero{min-height:0;padding:40px 30px 50px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.hero h1{font-size:80px}.hero h1 em{font-size:43px}.hero .intro{font-size:13px}.hero-promises{flex-wrap:wrap}.art{min-height:300px}.art img{max-width:370px}.community-strip{gap:14px;padding:20px}.community-strip span{border:0;padding:0 8px;font-size:8px}.section-shell{padding-left:25px;padding-right:25px}.discover{padding-top:60px;padding-bottom:60px}.section-top p{font-size:12px}.steps{grid-template-columns:1fr;gap:16px}.steps:before{display:none}.step{padding:23px}.step h3{margin:10px 0}.step p{max-width:none}.journey{padding:50px 0}.journey-cta{flex-wrap:wrap}.page h1{font-size:44px}}
@media(max-width:560px){header{padding:0 16px;gap:10px}.brand{font-size:15px;gap:7px}.brand img{width:38px;height:38px}.brand small{font-size:6px;letter-spacing:2px}.discord{max-width:135px;white-space:normal;text-align:center;font-size:9px!important;padding:9px 12px!important}.menu-toggle{padding:6px 10px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{width:100%;z-index:3}.hero{padding:38px 24px 20px}.scene-label{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:96px;line-height:.8;margin-top:25px}.hero h1 em{font-size:48px;margin-right:0;letter-spacing:-2px;line-height:1.04}.hero .intro{max-width:360px;font-size:13px;margin-top:23px}.hero .actions{gap:10px}.hero .button{font-size:10px;padding:14px 13px}.hero-promises{gap:14px;font-size:7px;margin-top:24px}.art{min-height:0;width:100%;margin:0 auto -5px;max-width:330px}.art img{max-width:330px}.community-strip{justify-content:flex-start;gap:13px;padding:20px 24px}.community-strip span:first-child{width:100%}.community-strip span{padding:0;font-size:8px;letter-spacing:1.2px}.feature-grid{grid-template-columns:1fr;gap:17px}.feature-card{min-height:285px}.feature-copy p{max-width:290px}.section-top{display:block}.section-top p{margin-top:18px}.section-top h2{font-size:42px}.journey-cta .button{width:100%}.journey-cta>span{width:100%;text-align:center;font-size:11px}.application-grid{grid-template-columns:1fr}.application-grid aside{order:initial}.panel{padding:23px 19px}.page{padding:38px 20px 55px}.page h1{font-size:40px;line-height:1.07}.page .lede{font-size:14px}.center{margin:15px auto}.entry-head{flex-wrap:wrap}.tabs{gap:8px}.tabs button{padding:9px 12px;font-size:11px}.submit-row>button{width:100%}footer{padding:25px;gap:12px}.account-menu{min-width:210px;right:-50px}.feature-copy h3{font-size:29px}.hero-grid>div{width:100%}.fog{filter:blur(15px)}body{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}
.hero h1 .metal{text-shadow:none;background-image:linear-gradient(160deg,#fff 5%,#e9eff4 26%,#a2b0bc 44%,#fff 52%,#d0dbe4 80%)}