@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@400;500;600;700&display=swap');
:root{--gold:#f4c400;--gold2:#ffdb35;--black:#050505;--panel:#0c0c0c;--muted:#969696;--line:#252525;--white:#f7f7f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#050505f2,#050505b8);border-bottom:1px solid #ffffff12;backdrop-filter:blur(10px)}.brand img{width:155px;height:58px;object-fit:contain}.topbar nav{display:flex;gap:34px}.topbar a{color:#bdbdbd;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:2px}.topbar nav a:hover,.text-link:hover{color:var(--gold)}.actions{display:flex;align-items:center;gap:22px}.gold-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:2px;transition:.2s}.gold-btn{color:#080808;background:linear-gradient(135deg,var(--gold2),#d99d00);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);box-shadow:0 8px 30px #dcae001f}.gold-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.gold-btn.small{padding:12px 18px}.outline-btn{color:#fff;border:1px solid #ffffff2a}.outline-btn:hover{border-color:var(--gold);color:var(--gold)}.hero{min-height:780px;height:100vh;max-height:1000px;position:relative;display:flex;align-items:center;overflow:hidden;background:#050505 url('noxis-banner.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505cc 20%,#05050555 60%,#050505a6 100%),linear-gradient(0deg,#050505 0%,transparent 25%,#05050588 100%)}.hero-content{position:relative;z-index:2;margin-left:8%;max-width:700px;padding-top:55px}.kicker{color:#d7b000;font-size:10px;font-weight:900;letter-spacing:3px}.kicker span{width:28px;height:2px;background:var(--gold);display:inline-block;vertical-align:middle;margin-right:10px}.hero h1,.section-title h2,.about h2,.community h2{font-family:Oswald,Impact,sans-serif;font-size:clamp(65px,8vw,115px);line-height:.9;letter-spacing:-2px;margin:20px 0}.hero h1 strong,.section-title strong,.about strong,.community strong{color:var(--gold);font-weight:700}.hero p{color:#b5b5b5;line-height:1.8;font-size:14px;max-width:530px}.buttons{display:flex;gap:13px;margin-top:32px}.server-section{padding:125px 8%;background:#070707;border-top:1px solid #151515}.section-title{margin-bottom:48px}.section-title h2{font-size:clamp(50px,6vw,80px);margin-bottom:0}.server-grid{display:grid;grid-template-columns:1fr}.server-card{position:relative;min-height:330px;background:linear-gradient(115deg,#111 0%,#090909 65%);border:1px solid var(--line);overflow:hidden}.server-card:after{content:"EN01";position:absolute;right:-25px;bottom:-90px;font-family:Oswald;font-size:260px;color:#ffffff03;font-weight:700}.server-number{position:absolute;top:0;left:0;padding:13px 20px;background:var(--gold);color:#050505;font-size:11px;font-weight:900;letter-spacing:2px}.server-main{padding:65px 55px 45px}.server-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.online{color:#6bd78c;font-size:9px;font-weight:900;letter-spacing:2px}.online i{width:7px;height:7px;background:#6bd78c;border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 12px #6bd78c}.server-head h3{font-family:Oswald;font-size:43px;margin:13px 0 5px}.server-head p{color:#777;margin:0;font-size:13px}.player-count{text-align:right;min-width:145px}.player-count strong{font-family:Oswald;font-size:55px;color:var(--gold);display:block;line-height:1}.player-count span{font-size:8px;letter-spacing:2px;color:#777}.server-meta{display:flex;gap:8px;margin:38px 0 25px}.server-meta span{font-size:8px;color:#858585;border:1px solid #262626;padding:9px 12px;letter-spacing:1.5px}.wide{width:260px}.status-note{font-size:9px;color:#555;margin-top:14px}.about{min-height:600px;padding:130px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid #151515;background:#090909}.about h2{font-size:clamp(60px,7vw,100px)}.about p{max-width:500px;color:#8f8f8f;line-height:1.8}.gold-lines{display:flex;flex-direction:column;gap:1px}.gold-lines div{padding:30px;border-bottom:1px solid #282828;color:#555;font-family:Oswald;font-size:13px}.gold-lines div:first-child{border-top:1px solid #282828}.gold-lines b{color:#ddd;margin-left:25px;font-size:19px}.community{min-height:550px;padding:130px 8%;display:flex;align-items:center;background:linear-gradient(90deg,#050505,#080808);border-top:1px solid #151515}.community h2{font-size:clamp(70px,8vw,115px)}.community p{color:#888;margin-bottom:30px}footer{min-height:120px;padding:30px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #202020;background:#030303}footer .footer-brand{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:2px}.footer-brand img{width:85px;height:40px;object-fit:contain}.footer-links{display:flex;gap:22px}.footer-links a{font-size:8px;color:#777;text-decoration:none;letter-spacing:1.5px}footer small{font-size:7px;color:#444;letter-spacing:1px}@media(max-width:900px){.topbar nav,.text-link{display:none}.hero-content{margin-left:6%;margin-right:6%}.server-main{padding:65px 28px 35px}.server-head{flex-direction:column}.player-count{text-align:left}.about{grid-template-columns:1fr;gap:50px}.footer-links{display:none}}@media(max-width:520px){.actions .gold-btn{display:none}.hero h1{font-size:58px}.hero{background-position:center}.buttons{flex-direction:column;align-items:flex-start}.wide{width:100%}}

.rewards{padding:110px 8%;background:#070707;border-top:1px solid #151515}
.reward-card{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:60px;border:1px solid #f4c40055;background:radial-gradient(circle at 85% 50%,#f4c40024,transparent 55%),linear-gradient(115deg,#121008,#080808);overflow:hidden}
.reward-badge{position:absolute;top:0;left:0;padding:13px 20px;background:var(--gold);color:#050505;font-size:11px;font-weight:900;letter-spacing:2px}
.reward-copy h2{font-family:Oswald,Impact,sans-serif;font-size:clamp(46px,6vw,84px);line-height:.92;margin:20px 0}
.reward-copy h2 strong{color:var(--gold)}.reward-copy p{color:#b5b5b5;line-height:1.8;max-width:520px}.reward-copy b{color:var(--gold)}
.reward-coins{text-align:center}
.coin{width:170px;height:170px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff1a0,var(--gold) 45%,#a87500);box-shadow:0 0 60px #f4c40055,inset 0 0 0 8px #0000001f;animation:float 3s ease-in-out infinite}
.coin span{font-family:Oswald;font-size:70px;font-weight:700;color:#0a0a0a}
@keyframes float{50%{transform:translateY(-12px) rotate(4deg)}}
.reward-coins strong{display:block;font-family:Oswald;font-size:28px;color:var(--gold);letter-spacing:2px}
.reward-coins small{display:block;font-size:9px;letter-spacing:2px;color:#888;margin-top:6px}
.gift{display:inline-block;margin-top:18px;padding:10px 16px;border:1px dashed var(--gold);color:#fff;font-size:10px;font-weight:800;letter-spacing:2px}
.why{padding:120px 8%;background:#090909;border-top:1px solid #151515}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why-card{display:flex;flex-direction:column;padding:38px 32px;background:linear-gradient(160deg,#111,#080808);border:1px solid var(--line);transition:.3s}
.why-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 20px 50px #f4c40014}
.tag{color:#d7b000;font-size:10px;font-weight:900;letter-spacing:3px}
.why-card h3{font-family:Oswald;font-size:40px;line-height:1.05;margin:16px 0}.why-card h3 strong{color:var(--gold)}
.why-card p{color:#8f8f8f;line-height:1.7;font-size:13px}
.why-card ul{list-style:none;padding:0;margin:14px 0 26px}
.why-card li{padding:10px 0;border-bottom:1px solid #222;font-size:12px;font-weight:700;letter-spacing:1px;color:#ddd}
.why-card li:before{content:"◆";color:var(--gold);margin-right:12px;font-size:8px}
.card-link{margin-top:auto;color:var(--gold);text-decoration:none;font-size:10px;font-weight:900;letter-spacing:2px}
.card-link:hover{color:var(--gold2)}
.beyond{padding:120px 8%;text-align:center;background:#050505;border-top:1px solid #151515}
.beyond h2{font-family:Oswald;font-size:clamp(44px,6vw,86px);line-height:.95;margin:20px 0}.beyond strong{color:var(--gold)}
.beyond p{max-width:640px;margin:0 auto;color:#8f8f8f;line-height:1.8}
.community p{max-width:560px;line-height:1.8}.buttons.wrap{flex-wrap:wrap}
@media(max-width:900px){.reward-card{grid-template-columns:1fr;padding:70px 28px 40px}.why-grid{grid-template-columns:1fr}}
/* cursor */
@media(hover:hover) and (pointer:fine){body,a,button{cursor:none}}
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;opacity:0;transition:opacity .3s,width .25s,height .25s,background .25s,border-color .25s;transform:translate(-50%,-50%)}
.cursor-dot{width:8px;height:8px;background:var(--gold);box-shadow:0 0 14px var(--gold)}
.cursor-ring{width:38px;height:38px;border:1.5px solid #f4c400aa}
.cursor-on .cursor-dot,.cursor-on .cursor-ring{opacity:1}
.cursor-hover .cursor-ring{width:64px;height:64px;background:#f4c40022;border-color:var(--gold)}
.cursor-hover .cursor-dot{width:5px;height:5px}
.cursor-down .cursor-ring{width:26px;height:26px}
.spark{position:fixed;z-index:9998;pointer-events:none;width:6px;height:6px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px var(--gold);animation:spark .7s forwards}
@keyframes spark{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}
.click-wave{position:fixed;z-index:9998;pointer-events:none;width:10px;height:10px;border:2px solid var(--gold);border-radius:50%;transform:translate(-50%,-50%);animation:wave .6s forwards}
@keyframes wave{to{width:90px;height:90px;opacity:0}}
@media(prefers-reduced-motion:reduce){.coin{animation:none}}

.brand img{width:auto;height:60px}
.topbar nav .nav-forum{color:var(--gold)}
.topbar nav .nav-forum:hover{color:var(--gold2)}
@media(max-width:900px){.topbar nav{display:flex;gap:16px}.topbar nav a:not(.nav-forum){display:none}.topbar nav .nav-forum{display:inline}.actions .text-link{display:none}}