:root{--bg-main: #0a0a0d;--bg-card: rgba(20, 20, 25, .7);--bg-card-hover: rgba(30, 30, 38, .9);--text-primary: #ededf0;--text-secondary: #a1a1aa;--accent-primary: #4f46e5;--accent-secondary: #8b5cf6;--accent-glow: rgba(79, 70, 229, .25);--border-color: rgba(255, 255, 255, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at top right,var(--accent-glow) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(139,92,246,.15) 0%,transparent 40%);background-attachment:fixed}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003}.glass-panel:hover{border-color:#ffffff26}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}