@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#f4f4f5;--bg-secondary:#fff;--bg-tertiary:#fafafa;--card-bg:#ffffffd9;--card-border:#00000014;--card-border-focus:#f59e0b80;--text-primary:#09090b;--text-secondary:#3f3f46;--text-muted:#71717a;--accent:#f59e0b;--accent-glow:#f59e0b33;--accent-hover:#d97706;--danger:#ef4444;--warning:#f59e0b;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);transition:var(--transition);border-radius:16px}.glass:hover{border-color:#00000026;box-shadow:0 10px 30px #00000014}.glass-interactive{cursor:pointer}.glass-interactive:hover{border-color:var(--card-border-focus);transform:translateY(-2px)}.gradient-text{background:linear-gradient(135deg,#09090b 30%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-bg{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%)}.accent-glow-effect{position:relative}.accent-glow-effect:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:inherit;z-index:-1;opacity:0;transition:var(--transition);position:absolute;inset:-1px}.accent-glow-effect:hover:after{opacity:1}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b4d}.btn-secondary{background-color:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:700}.input-field,.textarea-field{border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition);background-color:#fff;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:.9rem}.input-field:focus,.textarea-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.w-3{width:12px}.h-3{height:12px}.w-3\.5{width:14px}.h-3\.5{height:14px}.w-4{width:16px}.h-4{height:16px}.w-4\.5{width:18px}.h-4\.5{height:18px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.w-8{width:32px}.h-8{height:32px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.text-emerald-500{color:#10b981}.text-green-400{color:#4ade80}.text-sky-500{color:#0ea5e9}.text-amber-950{color:#451a03}.text-amber-400{color:#fbbf24}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-gradient{background:linear-gradient(135deg,#09090b 30%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hover\:text-sky-400:hover{color:#38bdf8}.hover\:text-red-400:hover{color:#f87171}.shrink-0{flex-shrink:0}.opacity-40{opacity:.4}.fill-emerald-500\/10{fill:#10b981;opacity:.1}.card-hover-effect{cursor:pointer;transition:var(--transition)}.card-hover-effect:hover{border-color:var(--card-border-focus);transform:translateY(-2px)}.animate-pulse-accent{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseAccent}@keyframes pulseAccent{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}