:root{--background: #0f172a;--surface: rgba(30, 41, 59, .7);--surface-hover: rgba(51, 65, 85, .8);--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .5);--secondary: #06b6d4;--accent: #f472b6;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--bg-gradient: radial-gradient(circle at 0% 0%, rgba(139, 92, 246, .15) 0%, transparent 50%), radial-gradient(circle at 100% 100%, rgba(6, 182, 212, .1) 0%, transparent 50%)}[data-theme=light]{--background: #f8fafc;--surface: rgba(255, 255, 255, .8);--surface-hover: rgba(241, 245, 249, .9);--primary: #7c3aed;--primary-glow: rgba(124, 58, 237, .2);--secondary: #0891b2;--accent: #db2777;--text-main: #0f172a;--text-muted: #64748b;--border: rgba(0, 0, 0, .05);--bg-gradient: radial-gradient(circle at 0% 0%, rgba(124, 58, 237, .05) 0%, transparent 50%), radial-gradient(circle at 100% 100%, rgba(8, 145, 178, .05) 0%, transparent 50%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--background);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:var(--bg-gradient);transition:background-color .5s ease-in-out,color .3s ease}.glass-card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:24px;padding:24px;transition:var(--transition)}.glass-card:hover{border-color:var(--primary-glow);box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 20px 0 var(--primary-glow)}.text-gradient{background:linear-gradient(135deg,var(--text-main) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-10{gap:10px}.p-relative{position:relative}