* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background: #060A12; color: #C8DCF0; min-height: 100vh; overflow-x: hidden; }

.bg { position: fixed; inset: 0; background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(0,160,220,0.08) 0%, transparent 70%), radial-gradient(ellipse 40% 30% at 80% 80%, rgba(0,80,140,0.06) 0%, transparent 60%); pointer-events: none; z-index: 0; }
.grid-bg { position: fixed; inset: 0; background-image: linear-gradient(rgba(0,180,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0,180,255,0.03) 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; z-index: 0; }

nav { position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 20px 40px; border-bottom: 1px solid rgba(0,180,255,0.08); }
.logo { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 22px; letter-spacing: 0.12em; color: #fff; text-decoration: none; }
.logo span { color: #00AAEE; }
.nav-links { display: flex; gap: 32px; list-style: none; }
.nav-links a { font-size: 13px; letter-spacing: 0.06em; color: #7A9BB8; text-decoration: none; text-transform: uppercase; transition: color 0.2s; }
.nav-links a:hover, .nav-links a.active { color: #00AAEE; }
.status-dot-nav { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #7A9BB8; }

.dot { width: 7px; height: 7px; border-radius: 50%; background: #00DD88; box-shadow: 0 0 6px #00DD88; animation: pulse 2s infinite; display: inline-block; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

footer { position: relative; z-index: 5; border-top: 1px solid rgba(0,180,255,0.06); padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #2A4A62; }

/* Shared card */
.glass-card { background: rgba(10,20,35,0.6); border: 1px solid rgba(0,150,220,0.15); border-radius: 16px; padding: 40px; max-width: 520px; width: 100%; backdrop-filter: blur(12px); position: relative; overflow: hidden; }
.glass-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,200,255,0.3), transparent); }

.divider { height: 1px; background: rgba(0,150,220,0.1); margin: 20px 0; }

.cta-btn { width: 100%; padding: 14px; background: #00AAEE; border: none; border-radius: 8px; font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #030810; cursor: pointer; transition: all 0.2s; display: block; text-decoration: none; text-align: center; }
.cta-btn:hover { background: #22CCFF; transform: translateY(-1px); }

.discord-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 12px 16px; border-radius: 8px; background: rgba(88,101,242,0.1); border: 1px solid rgba(88,101,242,0.2); }
.discord-text { font-size: 13px; color: #9BA8FF; flex: 1; }
.discord-link { font-size: 12px; color: #5865F2; text-decoration: none; }

/* Page wrapper */
.page-content { max-width: 860px; margin: 0 auto; padding: 60px 40px 80px; position: relative; z-index: 5; }
.page-title { font-family: 'Space Grotesk', sans-serif; font-size: 36px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.page-title .accent { color: #00AAEE; }
.page-sub { font-size: 14px; color: #4A6A88; letter-spacing: 0.08em; margin-bottom: 48px; }