:root{--glass: rgba(255, 255, 255, .09);--glass-hover: rgba(255, 255, 255, .14);--glass-solid: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .14);--glass-border-strong: rgba(255, 255, 255, .22);--card-bg: rgba(30, 27, 75, .72);--card-bg-elevated: rgba(49, 46, 129, .55);--card-bg-inner: rgba(0, 0, 0, .28);--card-border: rgba(255, 255, 255, .16);--card-border-strong: rgba(255, 255, 255, .24);--card-shadow: 0 16px 48px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);--card-text: #f8f7ff;--card-text-secondary: rgba(255, 255, 255, .78);--card-text-tertiary: rgba(255, 255, 255, .5);--blur: blur(22px);--text: #ffffff;--text-secondary: rgba(255, 255, 255, .82);--text-tertiary: rgba(255, 255, 255, .55);--text-on-orange: #1c0a00;--text-on-white: #312e81;--accent: #f97316;--accent-hover: #ea580c;--accent-glow: rgba(249, 115, 22, .45);--violet: #a78bfa;--violet-deep: #6d28d9;--cyan: #22d3ee;--success: #4ade80;--success-muted: rgba(74, 222, 128, .15);--danger: #fb7185;--warning: #fb923c;--warning-muted: rgba(249, 115, 22, .2);--ios: #60a5fa;--android: #34d399;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow: 0 24px 60px rgba(0, 0, 0, .25);--shadow-glow: 0 0 40px rgba(167, 139, 250, .25), 0 0 80px rgba(34, 211, 238, .08);--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--max-width: 1200px;--header-h: 64px}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:var(--font);background:radial-gradient(ellipse 70% 55% at 15% 5%,rgba(192,132,252,.55),transparent 55%),radial-gradient(ellipse 55% 45% at 85% 15%,rgba(236,72,153,.35),transparent 50%),radial-gradient(ellipse 60% 50% at 75% 95%,rgba(30,64,175,.65),transparent 55%),linear-gradient(155deg,#4c1d95,#6d28d9 32%,#7c3aed,#4338ca 72%,#1e3a8a);background-attachment:fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(100% - 48px,var(--max-width));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-surface{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--radius-lg);color:var(--card-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;border:none;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;font-family:inherit;color:var(--text)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent),#fb923c);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),#f97316);box-shadow:0 6px 28px var(--accent-glow)}.btn-secondary{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--text);border:1px solid var(--glass-border-strong)}.btn-secondary:hover{background:var(--glass-hover);border-color:#ffffff59}.btn-icon{padding:9px 11px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:var(--card-text-secondary);background:var(--glass);border:1px solid var(--glass-border);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.chip:hover{background:var(--glass-hover);border-color:var(--glass-border-strong)}.badge-pro{display:inline-block;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--warning);border:1px solid rgba(249,115,22,.4);padding:2px 7px;border-radius:999px}.icon{width:1.15rem;height:1.15rem;stroke-width:2;stroke:currentColor;fill:none;flex-shrink:0}.icon-sm{width:1rem;height:1rem}.icon-lg{width:1.5rem;height:1.5rem}.t-success{color:var(--success)}.t-warning{color:var(--warning)}.t-danger{color:var(--danger)}.t-cyan{color:var(--cyan)}.t-secondary{color:var(--card-text-secondary)}.t-tertiary{color:var(--card-text-tertiary)}.mono{font-family:var(--mono)}