:root{--bg:#0d0e11;--bg-subtle:#16171b;--surface:#1c1e24;--surface-h:#22252c;--surface-a:#2a2e36;--bd-subtle:#2c313b;--bd:#3a4150;--bd-strong:#4d5666;--mut2:#5c6479;--mut:#868d9c;--tx2:#b6bcc7;--tx:#edeef2;--ac:#5b6ef5;--ac-h:#6f80ff;--ac-bg:#1a2150;--ac-text:#aab6ff;--ac-bd:#3a4aa0;--grad:linear-gradient(135deg,#6172f3,#8b5cf6);--gold:#d8c39c;--gold-bd:#5a5142;--gold-bg:#241f17;--amber:#ffca16;--amber-bg:#2c2208;--grad-gold:linear-gradient(135deg,#ecd49a,#bd9242);--green:#3dd68c;--green-bg:#0f2a1d;--danger:#ff6b6b;--danger-bg:#3a1418;--r-sm:9px;--r:14px;--r-lg:18px;--r-xl:24px;--r-full:999px;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.28);--sh-lg:0 1px 0 hsla(0,0%,100%,.05) inset,0 18px 48px -12px rgba(0,0,0,.6);--glow:0 8px 24px rgba(97,114,243,.34);--ease:cubic-bezier(.2,.8,.2,1);--dur:.24s;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--tx);font-family:var(--font);font-size:15px;line-height:1.55;font-feature-settings:"cv11" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(120% 80% at 50% -10%,rgba(97,114,243,.1),transparent 55%)}a{color:var(--ac-text);text-decoration:none}h1{font:800 30px/1.15 var(--font);letter-spacing:-.02em;margin:0 0 2px}h2{font:700 21px/1.2 var(--font);letter-spacing:-.015em}h2,h3{margin:0}h3{font:600 17px/1.3 var(--font);letter-spacing:-.01em}.wrap{max-width:1180px;margin:0 auto;padding:22px}.between,.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.muted{font-size:13px}.eyebrow,.muted{color:var(--mut)}.eyebrow{font:600 11px/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase}input,select,textarea{background:var(--bg-subtle);border:1px solid var(--bd);color:var(--tx);border-radius:var(--r-sm);padding:11px 13px;font-size:14px;width:100%;font-family:var(--font);transition:border-color var(--dur),box-shadow var(--dur);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(97,114,243,.18)}label{display:block;font:500 12px/1.4 var(--font);color:var(--mut);margin:12px 0 5px}.btn{font:600 14px/1 var(--font);border:0;border-radius:var(--r);padding:0 18px;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#fff;background:var(--grad);box-shadow:0 1px 0 hsla(0,0%,100%,.2) inset,var(--glow);transition:transform .12s var(--ease),filter var(--dur),box-shadow var(--dur);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.btn:active{transform:translateY(0) scale(.985)}.btn:disabled{opacity:.5;cursor:default;transform:none;filter:none}.btn.ghost{background:var(--surface);color:var(--tx2);border:1px solid var(--bd);box-shadow:none}.btn.ghost:hover{background:var(--surface-h);color:var(--tx);border-color:var(--bd-strong)}.btn.green{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 8px 22px rgba(16,185,129,.3)}.btn.danger{background:linear-gradient(135deg,#ff7a7a,#e5484d);box-shadow:0 8px 20px rgba(229,72,77,.28)}.btn.gold{background:var(--grad-gold);color:#1a1505;font-weight:700;box-shadow:0 8px 22px rgba(189,146,66,.34)}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,0) 42%),var(--surface);border:1px solid var(--bd-subtle);border-radius:var(--r-lg);padding:18px;box-shadow:0 1px 0 0 hsla(0,0%,100%,.05) inset,var(--sh);transition:transform var(--dur) var(--ease),border-color var(--dur),box-shadow var(--dur)}.badge{font:600 11px/1 var(--font);padding:4px 9px;border-radius:var(--r-full);display:inline-flex;align-items:center;gap:5px;background:var(--ac-bg);color:var(--ac-text);border:1px solid color-mix(in srgb,var(--ac) 22%,transparent)}.badge.premium{background:var(--grad-gold);color:#1a1505;border:0;font-weight:700}.badge.soft{background:var(--surface-a);color:var(--tx2);border:1px solid var(--bd-subtle)}.glass{background:rgba(13,14,17,.72);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid hsla(0,0%,100%,.07)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:rgba(13,14,17,.97)}}.skel{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-h) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:30}.nav .wrap{display:flex;align-items:center;gap:18px;padding:14px 22px}.nav .brand{font-weight:800;font-size:18px;color:#fff;letter-spacing:-.01em}.nav a.tab{color:var(--tx2);font-size:14px;font-weight:500;padding:7px 2px;border-bottom:2px solid transparent;transition:color var(--dur)}.nav a.tab.on,.nav a.tab:hover{color:#fff;border-color:var(--ac)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:18px;gap:18px;margin-top:18px}.appcard{background:var(--surface);border:1px solid var(--bd-subtle);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform var(--dur) var(--ease),border-color var(--dur),box-shadow var(--dur);animation:rise .4s var(--ease) both}.appcard:hover{transform:translateY(-3px);border-color:var(--bd);box-shadow:var(--sh-lg)}.appcard .thumb{aspect-ratio:16/10;background:var(--bg-subtle) center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:46px}.appcard .body{padding:14px 16px;flex:1 1}.appcard .actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;padding:0 13px 13px}.appcard .actions a{text-align:center;background:var(--surface-a);border:1px solid var(--bd-subtle);border-radius:var(--r-sm);padding:8px;font-size:12px;color:var(--tx2);transition:background var(--dur)}.appcard .actions a:hover{background:var(--surface-h);color:var(--tx)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.loginbox{width:400px;max-width:100%}.err{color:var(--danger);font-size:13px;margin-top:8px}.mcenter{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.mlogin{width:100%;max-width:380px;animation:rise .5s var(--ease) both}.mlogo{width:88px;height:88px;border-radius:22px;object-fit:cover;margin:0 auto 14px;display:block;box-shadow:var(--sh-lg)}.mlogo.ph{background:var(--mac,var(--grad));display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#fff}.mmut{color:var(--mut)}.merr,.mmut{font-size:13px}.merr{color:var(--danger);margin:10px 0}.mbtn{width:100%;height:52px;background:var(--mac,var(--grad));border:0;color:#fff;border-radius:var(--r);font-size:16px;font-weight:700;cursor:pointer;margin-top:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 10px 26px rgba(97,114,243,.36);transition:transform .12s var(--ease),filter var(--dur)}.mbtn:hover{transform:translateY(-1px);filter:brightness(1.07)}.mbtn:active{transform:scale(.985)}.mbtn.ghost{background:var(--surface);color:var(--tx2);box-shadow:none;border:1px solid var(--bd)}.mbtn.gold{background:var(--grad-gold);color:#1a1505;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),0 10px 26px rgba(189,146,66,.34)}.mapp{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;flex-direction:column;position:relative}.mapp,.mtop{display:flex}.mtop{position:-webkit-sticky;position:sticky;top:0;z-index:20;align-items:center;gap:11px;padding:calc(13px + env(safe-area-inset-top)) 18px 13px;font-size:16px;font-weight:700}.mtoplogo{width:32px;height:32px;border-radius:9px;object-fit:cover}.mbody{flex:1 1;padding:8px 16px calc(96px + env(safe-area-inset-bottom));animation:rise .4s var(--ease) both}.hero{position:relative;border-radius:var(--r-xl);overflow:hidden;display:block;margin-bottom:8px;box-shadow:var(--sh-lg)}.hero img{width:100%;display:block}.dots{display:flex;gap:6px;justify-content:center;margin:12px 0 4px}.dots i{width:6px;height:6px;border-radius:var(--r-full);background:var(--bd-strong);transition:all var(--dur)}.dots i.on{width:20px;background:var(--mac,var(--ac))}.msec{margin:22px 0 10px}.msec .eyebrow{margin-bottom:9px}.mgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.mcard{background:var(--surface);border:1px solid var(--bd-subtle);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;color:var(--tx);box-shadow:var(--sh);transition:transform var(--dur) var(--ease),box-shadow var(--dur)}.mcard:active{transform:scale(.98)}.mcard .cover{aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--bg-subtle)}.mcard .cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.mcard:hover .cover img{transform:scale(1.05)}.mthumbph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px}.mcard .ct{padding:11px 12px;font-size:13.5px;font-weight:600;letter-spacing:-.01em}.progress{height:5px;border-radius:var(--r-full);background:var(--surface-a);overflow:hidden;margin:0 12px 12px}.progress i{display:block;height:100%;width:var(--p,0);background:var(--mac,var(--grad));border-radius:inherit;transition:width .7s var(--ease)}.offer{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:16px;background:radial-gradient(130% 90% at 100% 0,hsla(39,43%,73%,.12),transparent 58%),var(--surface);border:1px solid var(--gold-bd);box-shadow:var(--sh);margin-bottom:12px;animation:rise .4s var(--ease) both}.offer .ribbon{position:absolute;top:13px;right:13px;font:700 10px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-full);background:var(--grad-gold);color:#1a1505}.offer h3{margin-bottom:4px}.price{display:flex;align-items:baseline;gap:10px;margin:10px 0 14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price .old{font:600 16px/1 var(--font);color:var(--mut);text-decoration:line-through;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger);text-decoration-thickness:2px}.price .new{font:800 30px/1 var(--font);letter-spacing:-.02em;color:var(--tx)}.price .save{font:700 12px/1 var(--font);color:var(--amber);background:var(--amber-bg);padding:4px 8px;border-radius:var(--r-sm)}.mprofile{text-align:center;padding:34px 14px}.mavatar{width:78px;height:78px;border-radius:50%;background:var(--mac,var(--grad));color:#fff;align-items:center;justify-content:center;font-size:32px;font-weight:800;box-shadow:var(--sh-lg)}.mavatar,.mnav{display:flex;margin:0 auto}.mnav{position:fixed;inset:auto 0 0 0;z-index:40;max-width:520px;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:rgba(13,14,17,.72);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-top:1px solid hsla(0,0%,100%,.07)}.mnav button{flex:1 1;background:none;border:0;color:var(--mut);padding:4px;font:600 11px/1.3 var(--font);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:color var(--dur)}.mnav button.on{color:var(--mac,var(--ac-text))}.mnav button span{font-size:21px;transition:transform var(--dur) var(--ease)}.mnav button.on span{transform:translateY(-1px);filter:drop-shadow(0 0 8px var(--mac,var(--ac)))}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (display-mode:standalone){body,html{overscroll-behavior:none}}