*,: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;--border:#4ecdc41f;--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}[data-theme=light]{--bg:#f0f7f7;--surface:#fff;--surface-2:#e8f5f5;--border:#1a6e6b26;--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 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}@keyframes oq-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes oq-shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes ph-breathe{0%,to{opacity:.35}50%{opacity:.6}}.cursor{background:var(--teal-light);vertical-align:middle;width:2px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@media (max-width:900px){body:has(main) nav{padding:16px 22px!important}body:has(main) nav>ul{display:none!important}body:has(main) main>section{padding:72px 22px!important}body:has(main) footer{padding:48px 22px 32px!important}}@media (max-width:640px){body:has(main) nav{gap:4px!important;padding:12px 14px!important}body:has(main) nav a[href^=\/] span:nth-of-type(3){display:none!important}body:has(main) nav a[href^=\/] span:nth-of-type(2){font-size:17px!important}body:has(main) nav>div:last-child>div:first-child button{background:0 0!important;border-color:#0000!important;gap:0!important;padding:6px!important}:is(body:has(main) nav>div:last-child>div:first-child button>span:nth-of-type(2),body:has(main) nav>div:last-child>div:first-child button>span:last-child){display:none!important}body:has(main) nav>div:last-child>button{background:0 0!important;border-color:#0000!important;width:32px!important;height:32px!important}body:has(main) nav>div:last-child>a[href*=login]{display:none!important}body:has(main) nav>div:last-child>a[href*=register]{white-space:nowrap!important;padding:8px 14px!important;font-size:13px!important}:is(body:has(main) main section[style*="min-height: 100vh"],body:has(main) main section[style*=min-height\:100vh]){min-height:auto!important;padding:96px 18px 56px!important}:is(body:has(main) main section[style*="min-height: 100vh"]>div:not([style*="position: absolute"]):not([style*=position\:absolute]),body:has(main) main section[style*=min-height\:100vh]>div:not([style*="position: absolute"]):not([style*=position\:absolute])){text-align:center!important;max-width:none!important}body:has(main) main section h1{letter-spacing:-.6px!important;font-size:clamp(28px,8vw,44px)!important;line-height:1.1!important}:is(body:has(main) main section[style*="min-height: 100vh"] p,body:has(main) main section[style*=min-height\:100vh] p){max-width:none!important;margin-left:auto!important;margin-right:auto!important;font-size:15.5px!important}:is(body:has(main) main section[style*="min-height: 100vh"]>div>div[style*="display: flex"][style*=gap],body:has(main) main section[style*=min-height\:100vh]>div>div[style*=display\:flex][style*=gap]){justify-content:center!important}body:has(main) main section{padding:56px 18px!important}body:has(main) main section [style*=grid-template-columns]{grid-template-columns:1fr!important;gap:14px!important}body:has(main) main section h2{letter-spacing:-.8px!important;font-size:clamp(24px,6.5vw,34px)!important;line-height:1.15!important}body:has(main) footer{padding:40px 18px 24px!important}body:has(main) footer>div:first-child{flex-direction:column!important;gap:28px!important}body:has(main) footer [style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width:400px){body:has(main) nav{padding:10px 12px!important}body:has(main) nav a[href^=\/] span:nth-of-type(2){font-size:16px!important}body:has(main) nav>div:last-child>a[href*=register]{padding:7px 12px!important;font-size:12px!important}:is(body:has(main) main section[style*="min-height: 100vh"],body:has(main) main section[style*=min-height\:100vh]){padding:84px 14px 48px!important}body:has(main) main section{padding:48px 14px!important}body:has(main) main section h1{font-size:clamp(24px,7vw,34px)!important}body:has(main) main section h2{font-size:clamp(22px,6vw,28px)!important}body:has(main) footer{padding:32px 14px 20px!important}}