:root{--bg:#070708;--panel:#0c0c0f;--panel2:#111116;--text:#f2f0ed;--muted:#8c8984;--line:rgba(255,255,255,.085);--red:#c51c34;--red-dark:#7d0a1b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.028;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page-loader{position:fixed;inset:0;z-index:1000;background:#070708;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.65s}.page-loader.hide{opacity:0;visibility:hidden}.page-loader span{font:800 52px Manrope;color:var(--red)}.page-loader small{letter-spacing:.35em;color:#777;font-size:9px;margin-top:12px}
.topbar{height:78px;position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;padding:0 4vw;background:rgba(7,7,8,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;min-width:205px;color:#fff;text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(197,28,52,.65);background:#0a0a0c;font-size:10px;font-weight:800}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font:800 12px Manrope;letter-spacing:.16em}.brand-copy small{font-size:7px;letter-spacing:.34em;color:#74716d;margin-top:4px}.topbar nav{flex:1;display:flex;justify-content:center;gap:27px}.topbar nav a,.topbar nav button{background:none;border:0;color:#8e8a85;text-decoration:none;font-size:10px;font-weight:600;cursor:pointer}.topbar nav a:hover,.topbar nav button:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.discord-button,.connect-button,.user-button{height:38px;padding:0 14px;display:flex;align-items:center;gap:8px;text-decoration:none;font-size:10px;font-weight:700}.discord-button{color:#ddd;border:1px solid var(--line)}.connect-button{color:#fff;background:var(--red)}.user-button{color:#ddd;border:1px solid var(--line)}.user-button img,.user-button span{width:24px;height:24px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#1c1c20}.menu-button{display:none;background:none;border:0;color:white;font-size:23px}
.hero{height:100vh;min-height:760px;position:relative;display:flex;align-items:center;padding:115px 7vw 55px;overflow:hidden}.hero-scene{position:absolute;inset:0;background:linear-gradient(#0b0c10,#09090b 58%,#050506)}.hero-glow{position:absolute;width:580px;height:580px;border-radius:50%;right:11%;top:5%;background:radial-gradient(circle,rgba(197,28,52,.36),rgba(125,10,27,.08) 38%,transparent 70%)}.skyline{position:absolute;left:0;right:0;bottom:0;background:#111116}.skyline-back{height:57%;opacity:.4;clip-path:polygon(0 100%,0 67%,5% 67%,5% 34%,10% 34%,10% 72%,16% 72%,16% 46%,22% 46%,22% 17%,28% 17%,28% 62%,35% 62%,35% 38%,41% 38%,41% 73%,48% 73%,48% 24%,55% 24%,55% 57%,62% 57%,62% 29%,69% 29%,69% 68%,76% 68%,76% 40%,83% 40%,83% 20%,91% 20%,91% 66%,100% 66%,100% 100%)}.skyline-front{height:29%;background:#070708;clip-path:polygon(0 100%,0 79%,9% 79%,9% 51%,18% 51%,18% 83%,29% 83%,29% 58%,39% 58%,39% 36%,49% 36%,49% 73%,59% 73%,59% 49%,69% 49%,69% 79%,80% 79%,80% 55%,89% 55%,89% 34%,97% 34%,97% 75%,100% 75%,100% 100%)}.road{position:absolute;width:47%;height:36%;left:36%;bottom:-5%;background:linear-gradient(#0e0e11,#030304);clip-path:polygon(39% 0,61% 0,100% 100%,0 100%)}.road-center{position:absolute;left:58.5%;bottom:0;width:3px;height:27%;background:repeating-linear-gradient(to bottom,var(--red) 0 25px,transparent 25px 52px);box-shadow:0 0 13px var(--red)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,8,.96),rgba(7,7,8,.35) 58%,rgba(7,7,8,.08)),linear-gradient(to top,rgba(7,7,8,.8),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(720px,90vw)}.hero-kicker,.eyebrow{font-size:8px;letter-spacing:.28em;color:var(--red);font-weight:700}.hero h1{font:800 clamp(58px,8vw,108px)/.92 Manrope;margin:25px 0;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--red)}.hero-content>p{max-width:610px;color:#9a9690;line-height:1.75;font-size:14px}.hero-actions{display:flex;gap:11px;margin-top:31px}.primary-action,.secondary-action{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:700}.primary-action{min-width:210px;background:var(--red);color:white;flex-direction:column}.primary-action strong,.primary-action small{display:block}.primary-action small{font-size:8px;color:#f0aab5;margin-top:4px}.secondary-action{border:1px solid var(--line);color:#ddd;background:#0b0b0d}.live-status{display:flex;align-items:center;gap:10px;margin-top:25px;color:#77736e;font-size:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#777}.status-dot.online{background:#38d88a;box-shadow:0 0 10px #38d88a}.status-dot.offline{background:#d63c49;box-shadow:0 0 10px #d63c49}.live-status strong{color:#d6d2cc}.hero-aside{position:absolute;right:6vw;bottom:90px;z-index:2;width:250px;border:1px solid var(--line);background:rgba(9,9,11,.68);backdrop-filter:blur(14px);padding:20px}.hero-aside>span{font-size:7px;letter-spacing:.22em;color:#777}.hero-aside div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.hero-aside div:last-child{border:0}.hero-aside small{color:#777}.hero-aside strong{font-size:10px}.scroll-cue{position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#65625e;text-decoration:none;font-size:7px;letter-spacing:.18em}.scroll-cue span{width:1px;height:40px;background:linear-gradient(var(--red),transparent)}
.section{width:min(1180px,90vw);margin:auto;padding:120px 0}.world{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.section-copy h2,.systems-header h2,.section-title h2,.store-layout h2,.cta h2{font:800 clamp(40px,5vw,66px)/1.02 Manrope;letter-spacing:-.045em;margin:17px 0}.section-copy p,.systems-header>p,.store-layout p,.cta p{color:#89857f;line-height:1.75}.map-visual{height:520px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0b0b0e}.map-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:31px 31px}.map-road{position:absolute;height:5px;background:#202026}.r1{width:80%;left:7%;top:29%;transform:rotate(18deg)}.r2{width:87%;left:6%;top:58%;transform:rotate(-14deg)}.r3{width:72%;left:16%;top:47%;transform:rotate(68deg)}.map-point{position:absolute;display:flex;align-items:center;gap:8px;color:#c7c2bc;font-size:9px}.map-point i{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.p1{top:22%;left:18%}.p2{top:66%;left:58%}.p3{top:42%;left:42%}
.systems-section{background:#0a0a0c}.systems-header{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:55px}.system-browser{border:1px solid var(--line);background:#08080a}.system-tabs{display:flex;border-bottom:1px solid var(--line)}.system-tabs button{flex:1;padding:16px;background:none;border:0;color:#77736e;font-size:9px;cursor:pointer}.system-tabs button.active{background:#111114;color:#fff}.system-content{min-height:480px;display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:center;padding:45px}.system-content>div:first-child span{font-size:8px;letter-spacing:.22em;color:var(--red)}.system-content h3{font:700 34px Manrope;margin:12px 0}.system-content p{color:#89857f;line-height:1.7}.system-mockup{height:330px;border:1px solid var(--line);display:grid;grid-template-columns:70px 1fr}.mock-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:22px}.mock-sidebar i{width:25px;height:5px;background:#1d1d22}.mock-main{position:relative;background:radial-gradient(circle at center,rgba(197,28,52,.12),transparent 50%)}.mock-car{position:absolute;width:66%;height:76px;left:18%;top:34%;background:#1e1e23;clip-path:polygon(3% 65%,16% 33%,38% 28%,47% 0,70% 0,82% 30%,96% 47%,100% 75%,91% 85%,10% 85%,0 74%)}.mock-lines{position:absolute;left:12%;right:12%;bottom:28px;display:flex;gap:9px}.mock-lines i{height:5px;background:#2a2a30;flex:1}.mock-lines i:first-child{background:var(--red)}
.section-title{margin-bottom:48px}.faction-list article{display:grid;grid-template-columns:80px 1fr auto;gap:35px;align-items:center;padding:31px 0;border-top:1px solid var(--line)}.faction-list article:last-child{border-bottom:1px solid var(--line)}.faction-list article>span{font-size:10px;color:#5d5955}.faction-list small{font-size:8px;letter-spacing:.18em;color:var(--red)}.faction-list h3{font:700 28px Manrope;margin:7px 0}.faction-list p{color:#84807a;margin:0}.faction-list button{padding:12px 16px;background:none;border:1px solid var(--line);color:#c9c4be;cursor:pointer}
.store-section{background:#0a0a0c}.store-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}.store-button{display:inline-flex;margin-top:22px;padding:15px 19px;background:var(--red);color:white;text-decoration:none;font-size:10px;font-weight:700}.store-cards{display:flex;align-items:center}.store-cards article{height:230px;flex:1;border:1px solid var(--line);background:#0d0d10;padding:23px;display:flex;flex-direction:column;justify-content:flex-end}.store-cards .featured{height:275px;transform:scale(1.03);z-index:2;border-color:rgba(197,28,52,.4)}.store-cards small{color:var(--red);font-size:8px}.store-cards h3{font:700 21px Manrope;margin:10px 0}.store-cards strong{font-size:22px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-grid article{min-height:260px;border:1px solid var(--line);background:#0b0b0e;padding:27px}.news-grid time{font-size:8px;color:var(--red);letter-spacing:.14em}.news-grid h3{font:700 22px Manrope;margin:40px 0 12px}.news-grid p{color:#85817b;font-size:12px;line-height:1.7}.news-grid a{display:inline-block;margin-top:20px;color:#ddd;text-decoration:none;font-size:10px}.cta{text-align:center;border:1px solid rgba(197,28,52,.28);background:radial-gradient(circle at center,rgba(197,28,52,.12),transparent 48%),#0a0a0c}.cta p{max-width:620px;margin:0 auto}.cta>div{display:flex;justify-content:center;gap:11px;margin-top:30px}
footer{width:min(1180px,90vw);margin:auto;padding:40px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#6f6b66;font-size:9px}footer div:last-child{display:flex;gap:16px}footer div:last-child a{color:#77736e;text-decoration:none}.reveal{opacity:0;transform:translateY(35px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
.modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.82);backdrop-filter:blur(14px)}.modal.open{display:flex}.modal-card{width:min(520px,100%);max-height:90vh;overflow:auto;background:#0b0b0e;border:1px solid var(--line);padding:34px;position:relative}.modal-wide{width:min(800px,100%)}.modal-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#777;font-size:24px;cursor:pointer}.modal-card h2{font:700 31px Manrope;margin:13px 0}.modal-description{color:#85817c;font-size:12px;line-height:1.6}.modal-card form{display:grid;gap:14px;margin-top:23px}.modal-card label{display:grid;gap:7px;color:#99958f;font-size:10px}.modal-card input,.modal-card select,.modal-card textarea{width:100%;padding:13px;background:#070708;border:1px solid var(--line);color:#fff}.modal-card textarea{min-height:115px;resize:vertical}.form-submit{padding:14px;background:var(--red);border:0;color:#fff;font-weight:700}.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}.toast{position:fixed;right:22px;bottom:22px;z-index:500;background:#0d0d10;border:1px solid rgba(197,28,52,.45);padding:14px 18px;font-size:11px;transform:translateX(140%);transition:.3s}.toast.show{transform:none}
.dashboard-body{padding-top:78px}.dashboard{width:min(1180px,90vw);margin:auto;padding:60px 0 100px}.profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:30px;border:1px solid var(--line);background:#0b0b0e}.profile-avatar img,.profile-avatar span{width:72px;height:72px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#1b1b20;font-size:24px}.profile-head h1{font:700 31px Manrope;margin:9px 0 4px}.profile-head p{color:#77736e;font-size:10px}.profile-head>a{color:#bbb;text-decoration:none;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.dashboard-card{border:1px solid var(--line);background:#0b0b0e;padding:25px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head h2{font:700 21px Manrope}.card-head button{background:none;border:1px solid var(--line);color:#ddd;padding:10px 13px}.empty{color:#77736e;font-size:11px}.record{display:grid;grid-template-columns:70px 1fr auto;gap:13px;align-items:center;padding:15px 0;border-top:1px solid var(--line);font-size:10px}.record>span{color:#777}.record strong,.record small{display:block}.record small{color:#777;margin-top:5px}.record>b{font-size:8px;text-transform:uppercase}.status-open,.status-pending{color:#e0b04d}.status-in_progress{color:#4baee6}.status-closed,.status-rejected{color:#d8535d}.status-accepted{color:#42c47d}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center}.error-page span{font-size:90px;color:var(--red)}.error-page a{color:white}
@media(max-width:980px){.topbar nav{display:none;position:absolute;top:78px;left:0;right:0;background:#09090b;padding:22px;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.menu-button{display:block}.discord-button{display:none}.world,.systems-header,.system-content,.store-layout{grid-template-columns:1fr}.hero-aside{display:none}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:650px){.topbar{padding:0 15px}.brand{min-width:0}.brand-copy{display:none}.connect-button{display:none}.hero{padding:110px 22px 55px}.hero h1{font-size:55px}.hero-actions{flex-direction:column}.world{padding:90px 0}.system-tabs{overflow:auto}.system-content{padding:24px}.system-mockup{height:260px}.faction-list article{grid-template-columns:45px 1fr}.faction-list article button{grid-column:2}.store-cards{flex-direction:column}.store-cards article,.store-cards .featured{width:100%;height:180px;transform:none}.news-grid{grid-template-columns:1fr}.cta>div{flex-direction:column;align-items:center}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.profile-head{grid-template-columns:auto 1fr}.profile-head>a{grid-column:2}.record{grid-template-columns:55px 1fr}.record>b{grid-column:2}footer{flex-direction:column;gap:18px;text-align:center}}