@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-orange:#00b87c;--brand-red:#10b981;--gradient-brave:linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-red) 100%);--gradient-brave-hover:linear-gradient(135deg, #00cb89 0%, #059669 100%);--bg-primary:#fff;--bg-secondary:#f2fbf7;--bg-tertiary:#e6f6ee;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#d1fae5;--border-subtle:1px solid var(--border-color);--radius-pill:9999px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 12px -1px #00b87c14, 0 2px 4px -1px #00000005;--shadow-lg:0 10px 20px -3px #00b87c26, 0 4px 8px -2px #00000005;--shadow-brave:0 8px 20px -4px #00b87c4d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--header-height:72px;--z-header:100;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1)}*{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;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.text-gradient{background:var(--gradient-brave);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-fade-in-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;transform:translateY(20px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-pill);transition:all var(--transition-base);padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn-lg{font-size:var(--text-base);padding:14px 28px}.btn-primary{background:var(--gradient-brave);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--gradient-brave-hover);box-shadow:var(--shadow-brave);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-secondary)}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--bg-secondary);color:var(--text-secondary);border:var(--border-subtle);align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.badge-brand{color:var(--brand-orange);background:#fb542b1a;border:1px solid #fb542b33}.badge-success{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.input-field{width:100%;font-size:var(--text-sm);background:var(--bg-primary);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px}.input-field:focus{border-color:var(--brand-orange);outline:none;box-shadow:0 0 0 3px #fb542b1a}.input-field::placeholder{color:var(--text-muted)}.modern-card{background:var(--bg-primary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.modern-card:hover{box-shadow:var(--shadow-md)}
