:root{--ffb-bg-darkest: #ffffff;--ffb-bg-dark: #f1f5f9;--ffb-bg-card: #ffffff;--ffb-bg-card-hover: #f8fafc;--ffb-bg-input: #f1f5f9;--ffb-orange-primary: #ea580c;--ffb-orange-hover: #c2410c;--ffb-orange-light: #fdba74;--ffb-orange-glow: rgba(234, 88, 12, .15);--ffb-blue-primary: #0284c7;--ffb-blue-light: #0ea5e9;--ffb-blue-glow: rgba(2, 132, 199, .15);--ffb-green-success: #059669;--ffb-green-light: #10b981;--ffb-green-glow: rgba(5, 150, 105, .15);--ffb-red-error: #dc2626;--ffb-red-light: #ef4444;--ffb-red-glow: rgba(220, 38, 38, .15);--ffb-text-primary: #0f172a;--ffb-text-secondary: #475569;--ffb-text-muted: #64748b;--ffb-border-subtle: rgba(0, 0, 0, .08);--ffb-border-highlight: rgba(2, 132, 199, .25);--ffb-border-focus: #ea580c;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glass-blur: blur(16px);--glass-shadow: 0 20px 45px -15px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .08);--card-radius: 18px;--btn-radius: 12px;--input-radius: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-body);background-color:var(--ffb-bg-darkest);color:var(--ffb-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--ffb-text-primary);letter-spacing:-.02em}a{color:var(--ffb-blue-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--ffb-orange-light)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ffb-bg-darkest)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}