@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-color:#f9fafb;--text-color:#111827;--text-muted:#4b5563;--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#9333ea;--success:#10b981;--error:#ef4444;--glass-bg:#fff9;--glass-border:#e5e7eb80;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #2563eb33}.dark{--bg-color:#0b1326;--text-color:#dae2fd;--text-muted:#9ca3af;--primary:#3b82f6;--primary-hover:#60a5fa;--secondary:#a855f7;--glass-bg:#0b132699;--glass-border:#ffffff1a;--shadow-glow:0 0 20px #3b82f633}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}.title-xl{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-mesh{z-index:-2;background:radial-gradient(ellipse at top, var(--bg-color), transparent), radial-gradient(ellipse at bottom, transparent, var(--bg-color));position:fixed;inset:0}.blob{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:fixed}.blob-1{background-color:#2563eb33;width:400px;height:400px;top:-100px;left:-100px}.blob-2{background-color:#9333ea33;width:400px;height:400px;animation-delay:-5s;bottom:-100px;right:-100px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,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))}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;transition:transform .3s,border-color .3s}.glass-panel:hover{border-color:#2563eb4d;transform:translateY(-5px)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-md), var(--shadow-glow)}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.02)translateY(-2px)}.btn-outline{border:1px solid var(--glass-border);color:var(--text-color);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#ffffff1a}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.input-field{border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%;color:var(--text-color);background:#ffffff0d;padding:.75rem 1rem;font-family:inherit;transition:all .2s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb33}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-50px)scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:50;align-items:center;height:80px;display:flex;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.brand{color:var(--text-color);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-sm);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.icon-btn{color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.icon-btn:hover{background:#8080801a}.main-content{min-height:calc(100vh - 80px);padding-top:100px;padding-bottom:3rem}.mobile-bottom-nav{display:none}@media (max-width:768px){.nav-links{display:none!important}.main-content{padding-bottom:calc(80px + 3rem)}.mobile-bottom-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);z-index:100;height:80px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:25%;height:100%;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item .material-symbols-outlined{font-size:1.5rem}}