:root{--bg-color:#0c0d14;--text-color:#f1f2f6;--text-muted:#8b8d96;--accent-cyan:#00f3ff;--accent-magenta:#ff003c;--font-heading:"Orbitron", sans-serif;--font-body:"Inter", sans-serif;--glass-bg:#ffffff08;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 15%,#00f3ff0a 0%,#0000 50%),radial-gradient(circle at 85% 30%,#ff003c0a 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;font-weight:700}p{line-height:1.6}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.text-glow-cyan{color:var(--accent-cyan);text-shadow:0 0 10px #00f3ff80}.text-glow-magenta{color:var(--accent-magenta);text-shadow:0 0 10px #ff003c80}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.navbar{z-index:100;width:95%;max-width:1400px;padding:1rem 0;transition:all .3s;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-family:var(--font-heading);letter-spacing:2px;gap:6px;font-size:1.5rem;font-weight:900;display:flex}.navbar-menu{gap:2.5rem;display:flex}.navbar-menu a{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-color);font-size:.85rem;font-weight:600;position:relative}.navbar-menu a:after{content:"";background-color:var(--accent-cyan);width:0;height:2px;box-shadow:0 0 8px var(--accent-cyan);transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar-menu a:hover:after{width:100%}.navbar-menu a:hover{text-shadow:0 0 8px #fffc}.navbar-actions{gap:1rem;display:flex}.btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.6rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-magenta);color:#fff;border:1px solid #ff003c80;box-shadow:0 0 15px #ff003c66}.btn-primary:hover{background:#ff1a53;transform:translateY(-2px);box-shadow:0 0 25px #ff003ccc}.btn-discord{color:#fff;background:0 0;border:1px solid #fff3}.btn-discord:hover{background:#5865f21a;border-color:#5865f2;transform:translateY(-2px);box-shadow:0 0 15px #5865f280}@media (width<=968px){.navbar-menu{display:none}}.footer{border-bottom:none;border-left:none;border-right:none;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:4rem}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:3rem;padding:4rem 2rem;display:flex}.footer-brand h3{margin-bottom:1rem;font-size:1.5rem}.footer-brand p{color:var(--text-muted);max-width:300px}.footer-links{gap:4rem;display:flex}.link-group h4{color:var(--accent-cyan);margin-bottom:1.5rem;font-size:1.1rem}.link-group ul li{margin-bottom:.8rem}.link-group ul li a{color:var(--text-muted);font-size:.9rem}.link-group ul li a:hover{color:#fff;text-shadow:0 0 5px #ffffff80}.footer-bottom{text-align:center;border-top:1px solid var(--glass-border);padding:1.5rem}.footer-bottom p{color:var(--text-muted);font-size:.85rem}@media (width<=768px){.footer-content{flex-direction:column}}.hero{background-image:linear-gradient(90deg,#0c0d14e6 0%,#0c0d1499 50%,#0c0d14 100%),linear-gradient(#0c0d144d 0%,#0c0d14 100%),url(/bg.png);background-position:50%;background-size:cover;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;max-width:800px;position:relative}.hero-subtitle{letter-spacing:3px;margin-bottom:1rem;font-size:1.2rem}.hero-title{text-shadow:0 0 20px #ffffff1a;margin-bottom:1.5rem;font-size:5rem;line-height:1.1}.hero-description{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.1rem;font-weight:300}.hero-cta{gap:1.5rem;display:flex}.btn-large{padding:1rem 2rem;font-size:1rem}.hero-glow-orb{filter:blur(60px);z-index:1;background:radial-gradient(circle,#00f3ff26 0%,#ff003c0d 40%,#0000 70%);width:600px;height:600px;animation:8s infinite alternate pulse;position:absolute;top:50%;right:-10%;transform:translateY(-50%)}@keyframes pulse{0%{opacity:.8;transform:translateY(-50%)scale(1)}to{opacity:1;transform:translateY(-50%)scale(1.1)}}@media (width<=768px){.hero-title{font-size:3.5rem}.hero-cta{flex-direction:column}}.features{padding:8rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{margin-bottom:1rem;font-size:3rem}.section-line{background:var(--accent-magenta);width:100px;height:4px;margin:0 auto;box-shadow:0 0 10px #ff003c99}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{padding:2.5rem 2rem;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-cyan), transparent);width:100%;height:2px;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.feature-card:hover{border-color:#00f3ff4d;transform:translateY(-10px);box-shadow:0 15px 30px #0006}.feature-card:hover:before{transform:translate(100%)}.feature-badge{color:var(--accent-magenta);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;z-index:2;background:#ff003c26;border:1px solid #ff003c4d;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;right:1.5rem;box-shadow:0 0 10px #ff003c33}.feature-icon{opacity:.9;margin-bottom:1.5rem;font-size:3rem}.feature-title{color:#fff;margin-bottom:1rem;font-size:1.5rem}.feature-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7}.rules-page{min-height:100vh;padding-top:150px;padding-bottom:5rem}.rules-header{text-align:center;margin-bottom:4rem}.rules-content{max-width:900px;margin:0 auto;padding:3rem 4rem}.rule-section{margin-bottom:3rem}.rule-section:last-child{margin-bottom:0}.rule-section h2{border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem}.rule-section ul{list-style-type:none}.rule-section li{color:var(--text-color);margin-bottom:1rem;font-size:1.05rem;line-height:1.6}.rule-section li strong{color:var(--accent-magenta)}@media (width<=768px){.rules-content{padding:2rem}}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}