*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #06060b;--bg-base: #0a0a12;--bg-surface: #111119;--bg-elevated: #18182a;--bg-hover: #1f1f35;--border: rgba(255, 255, 255, .06);--border-accent: rgba(99, 102, 241, .3);--text-primary: #eaeaf0;--text-secondary: #8888a0;--text-muted: #555568;--accent: #6366f1;--accent-bright: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--accent-glow-strong: rgba(99, 102, 241, .35);--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--warning: #eab308;--warning-bg: rgba(234, 179, 8, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(99, 102, 241, .08);color-scheme:dark}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--accent-bright);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .25s,box-shadow .25s}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.02em}.badge--active{background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.2)}.badge--trial{background:var(--accent-glow);color:var(--accent-bright);border:1px solid var(--border-accent)}.badge--expired{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.badge--warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(234,179,8,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px #6366f140}.btn--primary:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 4px 28px #6366f166;transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn--outline:hover:not(:disabled){border-color:var(--accent);background:var(--accent-glow)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn--sm{padding:8px 16px;font-size:.85rem}.btn--lg{padding:16px 32px;font-size:1.05rem}.progress{width:100%;height:6px;background:var(--bg-elevated);border-radius:100px;overflow:hidden}.progress__fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f11a}50%{box-shadow:0 0 40px #6366f133}}.animate-fade{animation:fadeIn .5s ease-out both}.animate-slide{animation:slideUp .6s cubic-bezier(.16,1,.3,1) both}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.container{padding:0 16px}.card{padding:20px}}