:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-input:#16162a;--pink:#e91e63;--pink-hover:#f06292;--pink-glow:#e91e634d;--blue:#0091dc;--purple:#8b5cf6;--text-primary:#e0e0e0;--text-secondary:#888;--text-muted:#555;--border:#2a2a3e;--radius:8px;--font-mono:"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.zone-nav{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.nav-logo{letter-spacing:.5px;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900;text-decoration:none}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--pink)}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 53px);padding:80px 20px 60px;display:flex}.landing h1{background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:48px;font-weight:800}.landing .subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:18px;line-height:1.6}.btn-primary{background:var(--pink);color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:0 0 20px var(--pink-glow);border:none;padding:14px 40px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary:hover{background:var(--pink-hover);box-shadow:0 0 30px var(--pink-glow);transform:translateY(-1px)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;margin-left:12px;padding:14px 40px;font-size:16px;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{border-color:var(--pink);color:var(--pink)}.form-page{max-width:420px;margin:80px auto;padding:0 20px}.form-page h2{color:var(--pink);margin-bottom:8px;font-size:28px}.form-page .form-sub{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:13px;display:block}.form-group input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.form-group input:focus{border-color:var(--pink)}.form-page .btn-primary{width:100%;margin-top:8px}.form-page .form-link{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.form-page .form-link a{color:var(--pink);text-decoration:none}.form-error{border:1px solid var(--pink);color:var(--pink);border-radius:var(--radius);background:#e91e631a;margin-bottom:16px;padding:10px 14px;font-size:14px}.form-success{color:#00c864;border-radius:var(--radius);background:#00c8641a;border:1px solid #00c864;margin-bottom:16px;padding:10px 14px;font-size:14px}.profile-page{max-width:600px;margin:60px auto;padding:0 20px}.profile-header{text-align:center;margin-bottom:40px}.profile-header .avatar{background:var(--bg-card);border:3px solid var(--pink);width:96px;height:96px;color:var(--pink);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:36px;display:flex}.profile-header h1{margin-bottom:4px;font-size:28px}.profile-header .joiner-number{font-family:var(--font-mono);color:var(--pink);margin-bottom:4px;font-size:16px}.profile-header .tier-name{color:var(--purple);font-size:14px;font-weight:600}.profile-header .member-since{color:var(--text-muted);margin-top:8px;font-size:13px}.profile-badges{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.badge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:20px;transition:border-color .2s}.badge-card:hover{border-color:var(--pink)}.badge-card .badge-svg{width:64px;height:64px;image-rendering:pixelated;margin:0 auto 12px}.badge-card .badge-name{color:var(--text-primary);font-size:13px;font-weight:600}.hof-page{max-width:900px;margin:60px auto;padding:0 20px}.hof-page h1{text-align:center;color:var(--pink);margin-bottom:8px;font-size:36px}.hof-page .hof-sub{text-align:center;color:var(--text-secondary);margin-bottom:48px}.hof-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;display:grid}.hof-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;padding:32px 24px;transition:all .2s;display:flex}.hof-card:hover{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.hof-card .badge-svg{width:128px;height:128px;image-rendering:pixelated;margin:0 auto 16px}.hof-card h3{color:var(--text-primary);margin-bottom:8px;font-size:18px}.hof-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.hof-card .badge-type{text-transform:uppercase;letter-spacing:1px;border-radius:12px;margin-top:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.badge-type.tier{color:var(--purple);background:#8b5cf633}.badge-type.status{color:var(--pink);background:#e91e6333}.welcome-screen{text-align:center;max-width:500px;margin:80px auto;padding:0 20px}.welcome-screen .welcome-badge{width:128px;height:128px;image-rendering:pixelated;margin:0 auto 24px}.welcome-screen h1{margin-bottom:8px;font-size:32px}.welcome-screen .joiner{font-family:var(--font-mono);color:var(--pink);margin-bottom:4px;font-size:20px}.welcome-screen .tier{color:var(--purple);margin-bottom:32px;font-size:16px}@media (max-width:640px){.landing h1{font-size:32px}.zone-nav{padding:12px 16px}.hof-grid{grid-template-columns:1fr}}