*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--teal-light:#4ecdc4;--teal-mid:#2e9e9b;--teal-dark:#1a6e6b;--bg:#0f1c1c;--surface:#162424;--surface-2:#1e3030;--surface-3:#243838;--border:#4ecdc41f;--border-2:#4ecdc438;--muted:#ffffff61;--muted2:#ffffff2e;--text-primary:#ffffffe0;--nav-bg:#0f1c1cd1;--grad:linear-gradient(135deg, var(--teal-mid) 0%, var(--teal-dark) 100%);--grad-glow:linear-gradient(135deg, var(--teal-light) 0%, var(--teal-mid) 100%);--radius:20px;--sp1:#4ecdc4;--sp2:#60a5fa;--sp3:#f472b6;--sp4:#fb923c}[data-theme=light]{--bg:#f0f7f7;--surface:#fff;--surface-2:#e8f5f5;--surface-3:#ddf0ef;--border:#1a6e6b26;--border-2:#1a6e6b38;--muted:#607d8b;--muted2:#1a3c4059;--text-primary:#1a3c40;--nav-bg:#f0f7f7e0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text-primary);width:100%;font-family:Instrument Sans,sans-serif;transition:background-color .2s,color .2s;overflow-x:hidden}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(28px,-18px)scale(1.06)}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #4ecdc438}50%{box-shadow:0 0 0 7px #4ecdc414}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.5)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.cursor{background:var(--teal-light);vertical-align:middle;width:2px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.os-app html,.os-app body{height:100%;overflow:hidden}.os-app body{flex-direction:row;display:flex}@keyframes os-wave-mini{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.4)}}@keyframes os-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.os-spin{animation:.9s linear infinite os-spin;display:inline-block}@keyframes os-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.os-toast{background:var(--surface);border:1px solid var(--border-2);color:var(--text-primary);z-index:999;opacity:0;pointer-events:none;border-radius:100px;padding:8px 20px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 24px #0003}.os-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.os-noscroll::-webkit-scrollbar{display:none}.os-noscroll{scrollbar-width:none}.os-scrim,.os-burger{display:none}@media (max-width:900px){.os-sidebar{transform:translate(-100%);box-shadow:8px 0 32px #0006;z-index:60!important;width:280px!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:0!important}.os-sidebar-open{transform:translate(0)}.os-scrim{-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:55;background:#00000080;transition:opacity .2s;display:block;position:fixed;inset:0}.os-scrim-open{opacity:1;pointer-events:auto}.os-burger{display:flex!important}}@media (max-width:640px){header>div:last-child>div:last-child a>span:last-child{display:none!important}}@media (max-width:900px){html:not(.os-app) nav{padding:16px 22px!important}html:not(.os-app) nav>ul{display:none!important}html:not(.os-app) main>section,html:not(.os-app) section{padding:72px 22px!important}html:not(.os-app) footer{padding:48px 22px 32px!important}}@media (max-width:640px){html:not(.os-app) nav{gap:4px!important;padding:12px 14px!important}html:not(.os-app) nav a[href^=\/] span:nth-of-type(3){display:none!important}html:not(.os-app) nav a[href^=\/] span:nth-of-type(2){font-size:17px!important}html:not(.os-app) nav>div:last-child>div:first-child button{background:0 0!important;border-color:#0000!important;gap:0!important;padding:6px!important}html:not(.os-app) nav>div:last-child>div:first-child button>span:nth-of-type(2),html:not(.os-app) nav>div:last-child>div:first-child button>span:last-child{display:none!important}html:not(.os-app) nav>div:last-child>button{background:0 0!important;border-color:#0000!important;width:32px!important;height:32px!important}html:not(.os-app) nav>div:last-child>a[href*=login]{display:none!important}html:not(.os-app) nav>div:last-child>a[href*=register]{white-space:nowrap!important;padding:8px 14px!important;font-size:13px!important}html:not(.os-app) section[style*="min-height: 100vh"],html:not(.os-app) section[style*=min-height\:100vh]{min-height:auto!important;padding:96px 18px 56px!important}html:not(.os-app) section[style*="min-height: 100vh"]>div:not([style*="position: absolute"]):not([style*=position\:absolute]),html:not(.os-app) section[style*=min-height\:100vh]>div:not([style*="position: absolute"]):not([style*=position\:absolute]){text-align:center!important;max-width:none!important}html:not(.os-app) section h1{letter-spacing:-.6px!important;font-size:clamp(28px,8vw,44px)!important;line-height:1.1!important}html:not(.os-app) section[style*="min-height: 100vh"] p,html:not(.os-app) section[style*=min-height\:100vh] p{max-width:none!important;margin-left:auto!important;margin-right:auto!important;font-size:15.5px!important}html:not(.os-app) section[style*="min-height: 100vh"]>div>div[style*="display: flex"][style*=gap],html:not(.os-app) section[style*=min-height\:100vh]>div>div[style*=display\:flex][style*=gap]{justify-content:center!important}html:not(.os-app) section{padding:56px 18px!important}html:not(.os-app) section [style*=grid-template-columns]{grid-template-columns:1fr!important;gap:14px!important}html:not(.os-app) section h2{letter-spacing:-.8px!important;font-size:clamp(24px,6.5vw,34px)!important;line-height:1.15!important}html:not(.os-app) footer{padding:40px 18px 24px!important}html:not(.os-app) footer>div:first-child{flex-direction:column!important;gap:28px!important}html:not(.os-app) footer [style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width:400px){html:not(.os-app) nav{padding:10px 12px!important}html:not(.os-app) nav a[href^=\/] span:nth-of-type(2){font-size:16px!important}html:not(.os-app) nav>div:last-child>a[href*=register]{padding:7px 12px!important;font-size:12px!important}html:not(.os-app) section[style*="min-height: 100vh"],html:not(.os-app) section[style*=min-height\:100vh]{padding:84px 14px 48px!important}html:not(.os-app) section{padding:48px 14px!important}html:not(.os-app) section h1{font-size:clamp(24px,7vw,34px)!important}html:not(.os-app) section h2{font-size:clamp(22px,6vw,28px)!important}html:not(.os-app) footer{padding:32px 14px 20px!important}}.os-video::-webkit-media-controls-fullscreen-button{display:none!important}.os-md{font-size:15px;line-height:1.65}.os-md>:first-child{margin-top:0}.os-md>:last-child{margin-bottom:0}.os-md p{margin:8px 0}.os-md ul,.os-md ol{margin:8px 0;padding-left:22px}.os-md li{margin:3px 0}.os-md a{color:var(--teal-light);text-decoration:underline}.os-md h1,.os-md h2,.os-md h3,.os-md h4{margin:14px 0 8px;font-family:Syne,sans-serif;font-weight:700;line-height:1.25}.os-md h1{font-size:1.5em}.os-md h2{font-size:1.3em}.os-md h3{font-size:1.12em}.os-md code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.os-md pre{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin:10px 0;padding:12px 14px;overflow-x:auto}.os-md pre code{background:0 0;border:none;padding:0;font-size:.85em;line-height:1.5}.os-md blockquote{border-left:3px solid var(--border-2);color:var(--muted);margin:10px 0;padding:2px 0 2px 14px}.os-md table{border-collapse:collapse;margin:10px 0;display:block;overflow-x:auto}.os-md th,.os-md td{border:1px solid var(--border);text-align:left;padding:6px 10px}.os-md th{background:var(--surface-2);font-weight:600}.os-md hr{border:none;border-top:1px solid var(--border);margin:14px 0}.os-md img{border-radius:8px;max-width:100%}
