:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-light:#f5f3ff;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-accent-light:#e0e7ff;--color-danger:#ef4444;--color-danger-hover:#b91c1c;--color-danger-light:#fef2f2;--border-color:#e2e8f0;--border-focus:#8b5cf6;--grad-premium:linear-gradient(135deg, #4c1d95 0%, #8b5cf6 100%);--grad-accent:linear-gradient(135deg, #312e81 0%, #6366f1 100%);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-premium:0 20px 25px -5px #4c1d9514, 0 10px 10px -5px #4c1d950a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary{background:var(--grad-premium);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{opacity:.95;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--grad-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover{opacity:.95;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);color:var(--text-primary);padding:12px 16px}.form-input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #8b5cf626}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) forwards}