:root{--ods-primary:#007aff;--ods-primary-glow:#007aff4d;--ods-secondary:#ff3b30;--ods-bg:#f9fafb;--ods-surface:#fff;--ods-surface-glass:#ffffffb3;--ods-on-surface:#080a0f;--ods-on-surface-low:#6b7280;--ods-outline:#00000014;--ods-outline-variant:#0000001f;--ods-font-heading:"Outfit", sans-serif;--ods-font-body:"Inter", sans-serif;--ods-text-hero:clamp(2.5rem, 8vw, 4.5rem);--ods-text-h1:clamp(2rem, 5vw, 3rem);--ods-text-h2:clamp(1.5rem, 4vw, 2.25rem);--ods-text-body:1rem;--ods-text-small:.875rem;--ods-space-1:.25rem;--ods-space-2:.5rem;--ods-space-3:.75rem;--ods-space-4:1rem;--ods-space-6:1.5rem;--ods-space-8:2rem;--ods-space-12:3rem;--ods-radius-sm:8px;--ods-radius-md:16px;--ods-radius-lg:24px;--ods-radius-xl:32px;--ods-radius-full:100px;--ods-shadow-soft:0 10px 30px #0000000d;--ods-shadow-deep:0 20px 50px #0000001a;--ods-glass-border:#fff3;--ods-transition:.4s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--ods-bg:#080a0f;--ods-surface:#101218;--ods-surface-glass:#101218b3;--ods-on-surface:#f9fafb;--ods-on-surface-low:#9ca3af;--ods-outline:#ffffff14;--ods-outline-variant:#ffffff1f;--ods-glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ods-font-body);background-color:var(--ods-bg);color:var(--ods-on-surface);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--ods-font-heading);color:var(--ods-on-surface);font-weight:700}.ods-btn{padding:var(--ods-space-3) var(--ods-space-6);font-family:var(--ods-font-heading);font-weight:600;font-size:var(--ods-text-small);border-radius:var(--ods-radius-full);cursor:pointer;transition:var(--ods-transition);justify-content:center;align-items:center;gap:var(--ods-space-2);-webkit-user-select:none;user-select:none;border:1px solid #0000;text-decoration:none;display:inline-flex}.ods-btn:active{transform:scale(.95)}.ods-btn i,.ods-btn svg{width:18px;height:18px}.ods-btn-primary{background-color:var(--ods-primary);color:#fff;box-shadow:0 4px 15px var(--ods-primary-glow)}.ods-btn-primary:hover{box-shadow:0 8px 25px var(--ods-primary-glow);transform:translateY(-2px)}.ods-btn-outline{border-color:var(--ods-outline-variant);color:var(--ods-on-surface);background-color:#0000}.ods-btn-outline:hover{background-color:var(--ods-outline);border-color:var(--ods-on-surface)}.ods-glass{background:var(--ods-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--ods-glass-border);box-shadow:var(--ods-shadow-soft)}.ods-card{background-color:var(--ods-surface);border-radius:var(--ods-radius-md);padding:var(--ods-space-6);border:1px solid var(--ods-outline);transition:var(--ods-transition)}.ods-card:hover{box-shadow:var(--ods-shadow-deep);border-color:var(--ods-primary);transform:translateY(-8px)}.ods-bento{gap:var(--ods-space-6);grid-template-columns:repeat(4,1fr);display:grid}.ods-bento-item{grid-column:span 1;min-height:200px}.ods-bento-item-lg{grid-column:span 2}@media (width<=1024px){.ods-bento{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ods-bento{grid-template-columns:1fr}.ods-bento-item-lg{grid-column:span 1}}.ods-navbar{height:72px;padding:0 var(--ods-space-8);background-color:var(--ods-surface-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ods-outline);z-index:100;transition:var(--ods-transition);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ods-navbar.scrolled{margin:var(--ods-space-4) auto;border-radius:var(--ods-radius-full);border:1px solid var(--ods-glass-border);width:90%;box-shadow:var(--ods-shadow-deep)}.ods-nav-logo{font-family:var(--ods-font-heading);color:var(--ods-primary);letter-spacing:-.5px;font-size:1.5rem;font-weight:800;text-decoration:none}.ods-container{max-width:1200px;padding:0 var(--ods-space-6);margin:0 auto}.ods-grid{gap:var(--ods-space-5);display:grid}.ods-grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:radial-gradient(circle at top right, var(--primary-low), transparent), radial-gradient(circle at bottom left, var(--secondary-low), transparent), var(--bg-main);place-content:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}