@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
:root{--bg-color:#f0f4f8;--surface-color:#ffffffd9;--glass-border:#ffffff4d;--text-main:#1e293b;--text-muted:#64748b;--primary:#0284c7;--primary-hover:#0369a1;--secondary:#f97316;--secondary-hover:#ea580c;--success:#10b981;--danger:#ef4444;--border-color:#cbd5e1;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 15px #0284c766;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#e0f2fe 0%,#f8fafc 100%) fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:flex-row{flex-direction:row!important}.md\:items-end{align-items:flex-end!important}.md\:items-center{align-items:center!important}}.hidden{display:none!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--text-muted)}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{letter-spacing:-.02em;font-size:2.25rem;line-height:2.5rem}.text-5xl{letter-spacing:-.02em;font-size:3rem;line-height:1.1}.font-bold{font-weight:800}.font-semibold{font-weight:600}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.glass{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.btn{box-shadow:var(--shadow-sm);border-radius:50px;justify-content:center;align-items:center;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #026ca2 100%);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-secondary{background:linear-gradient(135deg, var(--secondary) 0%, #d94a02 100%);color:#fff}.btn-outline{border:2px solid var(--primary);color:var(--primary);box-shadow:none;background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.card{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.input-field{border-radius:var(--radius-md);background-color:#ffffffe6;border:2px solid #0000;width:100%;padding:.85rem 1.25rem;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.input-field:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 4px #0284c726}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.8}}.animate-pulse{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse-slow}@keyframes rainbow-cycle{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.rainbow-banner{color:#fff;text-align:center;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 3px #00000059;z-index:1000;background:linear-gradient(-45deg,#ff3b30,#ff9500,#fc0,#4cd964,#5ac8fa,#007aff,#5856d6,#ff2d55,#ff3b30) 0 0/400% 400%;border-bottom:1px solid #ffffff26;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;animation:15s infinite rainbow-cycle;display:flex;position:relative;box-shadow:0 4px 12px #0000001f}