@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";
:root{--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--bg-main:#f8fafc;--bg-header:#ffffffe6;--bg-bento:#fff;--bg-bento-hover:#fff;--bg-subtle:#f1f5f9;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--border-bento:#e2e8f0;--border-bento-hover:#cbd5e1;--shadow-bento:0 4px 20px -2px #0f172a0d, 0 2px 6px -1px #0f172a08;--shadow-bento-hover:0 20px 35px -4px #0d948826, 0 8px 20px -2px #0f172a0f;--accent-teal:#0d9488;--accent-teal-light:#ccfbf1;--accent-blue:#0284c7;--pill-btn-bg:linear-gradient(135deg, #0d9488 0%, #0284c7 100%);--pill-btn-text:#fff}.dark{--bg-main:#090d16;--bg-header:#090d16d9;--bg-bento:#111827e6;--bg-bento-hover:#1e293bf2;--bg-subtle:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--border-bento:#ffffff1f;--border-bento-hover:#14b8a666;--shadow-bento:0 10px 30px #0006;--shadow-bento-hover:0 0 35px #14b8a640, 0 15px 35px #0009;--accent-teal:#14b8a6;--accent-teal-light:#14b8a626;--accent-blue:#38bdf8;--pill-btn-bg:linear-gradient(135deg, #0d9488 0%, #0284c7 100%);--pill-btn-text:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.grow{flex-grow:1}.shrink-0{flex-shrink:0}.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))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>*+*{margin-left:.25rem}.space-x-1\.5>*+*{margin-left:.375rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-3\.5>*+*{margin-top:.875rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-6{margin-bottom:1.5rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-44{width:11rem}.w-48{width:12rem}.h-64{height:16rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.bg-slate-50{background-color:#f8fafc}.bg-white{background-color:#fff}.bg-slate-950{background-color:#030712}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}.bg-slate-100{background-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-slate-800{border-color:#1e293b}.border-slate-700{border-color:#334155}.text-slate-900{color:#0f172a}.text-slate-800{color:#1e293b}.text-slate-700{color:#334155}.text-slate-600{color:#475569}.text-slate-500{color:#64748b}.text-slate-400{color:#94a3b8}.text-slate-300{color:#cbd5e1}.text-slate-200{color:#e2e8f0}.text-slate-100{color:#f8fafc}.text-white{color:#fff}.text-teal-600{color:#0d9488}.text-teal-400{color:#2dd4bf}.text-teal-300{color:#5eead4}.text-amber-400{color:#fbbf24}.text-rose-400{color:#fb7185}.text-3xs{font-size:.65rem}.text-2xs{font-size:.7rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.font-mono{font-family:monospace}.text-center{text-align:center}.text-left{text-align:left}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.left-3{left:.75rem}.left-3\.5{left:.875rem}.top-3{top:.75rem}.right-0{right:0}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.bento-card{background:var(--bg-bento);border:1px solid var(--border-bento);box-shadow:var(--shadow-bento);-webkit-backdrop-filter:blur(16px);border-radius:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.hud-pill-button{background:var(--pill-btn-bg);color:var(--pill-btn-text);cursor:pointer;border:1px solid #ffffff40;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #0d948840}.hud-pill-button:hover{opacity:.95;transform:scale(1.02);box-shadow:0 6px 25px #0d948873}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99}