:root{
  --brand:#4f46e5;--brand-dark:#3730a3;--brand-light:#e0e7ff;
  --accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;
  --g50:#f9fafb;--g100:#f3f4f6;--g200:#e5e7eb;--g400:#9ca3af;
  --g600:#4b5563;--g800:#1f2937;
  --r:12px;--sh:0 4px 24px rgba(0,0,0,.07);--shl:0 8px 40px rgba(0,0,0,.12);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Segoe UI',sans-serif;background:var(--g50);color:var(--g800);min-height:100vh;}
@keyframes slideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}