:root{--color-primary:#008091;--color-primary-dark:#006b7a;--color-primary-light:#0080911f;--color-primary-glow:#00809140;--color-amber:#f5a623;--color-amber-dark:#d4870a;--color-amber-light:#f5a6231f;--color-sage:#6b806b;--color-sage-dark:#4a5e4a;--color-navy:#1a1a2e;--color-navy-mid:#2d2d4a;--color-blue:#4a90d9;--color-teal:#41c4aa;--color-red:#de5151;--color-green:#22c55e;--bg:#fafaf5;--bg-features:linear-gradient(135deg, #eef2ee 0%, #f5f5ef 100%);--surface:#ffffffa6;--surface-nav:#fafaf5d1;--surface-mob:#fafaf5f7;--text:#1a1a2e;--text-muted:#6b7280;--border:#ffffff80;--border-sub:#6b806b26;--card-hover-border:#6b806b4d;--shadow:0 4px 24px #1a1a2e12;--shadow-lg:0 16px 56px #1a1a2e21;--frame-shadow:0 32px 80px #0000002e;--hero-bg:radial-gradient(ellipse at 70% 30%, #f5a6231f 0%, transparent 55%), radial-gradient(ellipse at 20% 80%, #6b806b12 0%, transparent 50%), #fafaf5;--badge-float-bg:#fffc;--badge-float-border:#ffffff8c;--screenshot-bg:#fafaf5;--ss-label:#6b7280;--theme-pill-bg:#6b806b1a;--theme-pill-border:#6b806b33;--theme-btn-active-bg:white;--theme-btn-active-color:#4a5e4a;--frame-border:#0000001f;--max-width:1100px;--radius-card:18px;--note-color-1:#fff9c4;--note-color-2:#e3f2fd;--note-color-3:#fce4ec;--note-color-4:#e8f5e9;--note-color-5:#f3e5f5;--note-color-6:#fff3e0}[data-theme=dark]{--bg:#0e0e16;--bg-features:linear-gradient(135deg, #111a11 0%, #131318 100%);--surface:#ffffff0d;--surface-nav:#0a0a12e0;--surface-mob:#0a0a12f7;--text:#efefef;--text-muted:#9ca3af;--border:#ffffff17;--border-sub:#ffffff12;--card-hover-border:#6b806b59;--shadow:0 4px 24px #00000059;--shadow-lg:0 16px 56px #0000008c;--hero-bg:radial-gradient(ellipse at 70% 30%, #f5a62317 0%, transparent 55%), radial-gradient(ellipse at 20% 80%, #6b806b0f 0%, transparent 50%), #0e0e16;--badge-float-bg:#141420d9;--badge-float-border:#ffffff1a;--screenshot-bg:#0e0e16;--ss-label:#9ca3af;--theme-pill-bg:#ffffff0f;--theme-pill-border:#ffffff1a;--theme-btn-active-bg:#ffffff1f;--theme-btn-active-color:#efefef;--color-primary-light:#00809126;--color-amber-light:#f5a6231a;--frame-border:#ffffff24;--frame-shadow:0 32px 80px #0000006b;--note-color-1:#3d3a1a;--note-color-2:#1a2a3d;--note-color-3:#3d1a26;--note-color-4:#1a3d22;--note-color-5:#2d1a3d;--note-color-6:#3d2e1a}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif}body{color:var(--text);background-color:var(--bg);line-height:1.6;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}input,textarea,select{font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
@keyframes float{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #f5a62359}70%{box-shadow:0 0 0 14px #f5a62300}to{box-shadow:0 0 #f5a62300}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.fade-in{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.12s}.fade-in-delay-2{transition-delay:.22s}.fade-in-delay-3{transition-delay:.32s}
.navbar{z-index:1000;background:var(--surface-nav);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-sub);justify-content:space-between;align-items:center;height:64px;padding:0 24px;transition:box-shadow .3s;display:flex;position:sticky;top:0}.navbar.scrolled{box-shadow:0 2px 24px #0000001f}.nav-brand{letter-spacing:-.02em;white-space:nowrap;color:var(--text);cursor:pointer;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;text-decoration:none;transition:opacity .2s;display:flex}.nav-brand:hover{opacity:.8}.nav-brand img{border-radius:10px;width:38px;height:38px}.nav-center{flex:1;justify-content:center;align-items:center;gap:40px;display:flex}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text);font-size:.88rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-primary)}.nav-right{align-items:center;gap:12px;display:flex}.btn-nav-login{letter-spacing:.01em;height:40px;color:var(--text);border:1.5px solid var(--border-sub);white-space:nowrap;cursor:pointer;background:0 0;border-radius:100px;justify-content:center;align-items:center;padding:0 20px;font-size:.85rem;font-weight:600;line-height:1;transition:border-color .2s,color .2s;display:inline-flex}.btn-nav-login:hover{border-color:var(--text);color:var(--text)}.btn-nav-getapp{letter-spacing:.01em;color:#fff;background:var(--color-primary);border:1.5px solid var(--color-primary);white-space:nowrap;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;height:40px;padding:0 20px;font-size:.85rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.btn-nav-getapp:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px)}.nav-play-badge{display:none}.nav-user{background:var(--surface);border-radius:20px;align-items:center;gap:10px;padding:6px 12px;display:flex}.nav-user-avatar{border-radius:50%;width:32px;height:32px}.nav-user-name{font-size:.88rem;font-weight:500}.nav-dashboard-link{color:var(--color-primary);font-size:.88rem;font-weight:500;transition:color .2s}.nav-dashboard-link:hover{color:var(--color-primary-dark)}.site-theme-btn,.site-settings-btn{background:var(--theme-pill-bg);border:1px solid var(--theme-pill-border);cursor:pointer;width:38px;height:38px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:flex}.site-theme-btn:hover,.site-settings-btn:hover{background:var(--surface)}.site-settings-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}.icon-moon,.icon-sun{width:20px;height:20px;color:var(--text);display:none}.icon-moon{display:block}[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}.nav-burger{cursor:pointer;z-index:1001;flex-direction:column;justify-content:space-between;width:28px;height:20px;display:none}.nav-burger span{background:var(--text);border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .3s}.nav-burger.open span:first-child{transform:translateY(9px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}@media (max-width:700px){.nav-burger{display:flex}.nav-center{background:var(--surface-mob);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-sub);flex-direction:column;gap:24px;width:100%;padding:24px;display:none;position:absolute;top:64px;left:0;right:0}.nav-center.nav-open{display:flex}.nav-links{flex-direction:column;gap:16px}}@media (max-width:480px){.btn-nav-login,.btn-nav-getapp{height:36px;padding:0 14px;font-size:.8rem}.nav-brand{gap:8px}.nav-brand img{width:32px;height:32px}.nav-user-name,.nav-dashboard-link{display:none}}
.footer{background:#090910;border-top:1px solid #ffffff0f;padding:0}.footer-container{max-width:var(--max-width);margin:0 auto;padding:64px 24px 32px}.footer-top{border-bottom:1px solid #ffffff0f;grid-template-columns:1.4fr 2fr;gap:64px;margin-bottom:32px;padding-bottom:48px;display:grid}.footer-brand-col{flex-direction:column;gap:16px;display:flex}.footer-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.15rem;font-weight:800;display:flex}.footer-brand img{border-radius:9px;width:34px;height:34px}.footer-tagline{color:#ffffff61;max-width:280px;font-size:.88rem;line-height:1.65}.footer-social{gap:10px;margin-top:4px;display:flex}.footer-social-link{color:#ffffff80;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background .2s,color .2s;display:flex}.footer-social-link:hover{color:#fff;background:#ffffff1a}.footer-nav-cols{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:16px;font-size:.8rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:#ffffff6b;font-size:.88rem;line-height:1;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.footer-copyright,.footer-made-by{color:#ffffff47;font-size:.82rem}@media (max-width:900px){.footer-top{grid-template-columns:1fr;gap:40px}.footer-tagline{max-width:100%}}@media (max-width:600px){.footer-container{padding:48px 20px 28px}.footer-nav-cols{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:400px){.footer-nav-cols{grid-template-columns:1fr}}