:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #55556a;--accent-1: #6366f1;--accent-2: #06b6d4;--accent-3: #8b5cf6;--accent-4: #ec4899;--gradient-main: linear-gradient(135deg, #6366f1, #06b6d4);--gradient-alt: linear-gradient(135deg, #8b5cf6, #06b6d4);--border-color: rgba(255, 255, 255, .06);--border-glow: rgba(99, 102, 241, .3);--radius: 16px;--radius-sm: 8px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,Noto Sans SC,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden}.hidden{display:none!important}.expiry-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem 1.5rem;background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff;font-size:.9rem;font-weight:500}.expiry-renew-btn{background:#fff;color:#ef4444;padding:.25rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s}.expiry-renew-btn:hover{background:#fef2f2}.expiry-close{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;margin-left:.5rem;opacity:.8}.expiry-close:hover{opacity:1}