@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--primary:#f59e0b;--primary-light:#fbbf24;--secondary:#3b82f6;--bg-gradient:radial-gradient(circle at top right, #1e293b 0%, #0f172a 100%);--sun-gradient:linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);--glass:#1e293b66;--glass-border:#ffffff14;--text:#f8fafc;--text-muted:#94a3b8;--card-shadow:0 20px 50px -12px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4{font-family:Outfit,sans-serif}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:28px}button{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s}button.primary{background:var(--sun-gradient);color:#000}button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #f59e0b80}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}input,select{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:12px;outline:none;padding:12px;font-family:Inter,sans-serif}input:focus{border-color:var(--primary)}.container{max-width:1300px;margin:0 auto;padding:40px 20px}@media (width>=768px){.container{padding:60px 40px}}.grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader{border:5px solid var(--glass-border);border-bottom-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.6s forwards fadeIn}.hover-card:hover{border-color:var(--primary);background:#ffffff14;transform:translateY(-5px)}