/* Premium Hub: mobile-first catalog. Local assets, no font or UI dependencies. */
:root{color-scheme:dark;--bg:#020c17;--surface:#061422;--raised:#0b2034;--line:#17354e;--text:#f5f7ff;--muted:#a9b4ce;--cyan:#00d9f4;--blue:#079ef7;--radius:16px;--nav-height:76px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 80% 0,#06203a55,transparent 45%),var(--bg);font-size:14px;line-height:1.5}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,summary{touch-action:manipulation}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:12px;z-index:1100;transform:translateY(-160%);padding:12px;background:var(--text);color:var(--bg);border-radius:8px}.skip-link:focus{transform:none}
/* Identity and useful, always-visible search. */
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-crown{width:32px;height:34px;flex:none}.brand-blue{color:var(--cyan)}.brand-subtitle{display:block;font-size:10px;font-weight:400;letter-spacing:.1px;color:#b8c0d9;margin-top:5px}.header-actions{display:flex;align-items:center;gap:0}.icon-button,.menu summary{width:44px;min-height:44px;padding:0;border:1px solid #132c42;background:#061828;color:#f0f6ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-button .icon{width:22px;height:22px}.icon-button:hover,.menu summary:hover{background:#102d45;border-color:#29698e}.menu{position:relative;margin-left:3px}.menu summary{list-style:none;flex-direction:column;gap:4px;cursor:pointer}.menu summary::-webkit-details-marker{display:none}.menu summary span{width:17px;height:2px;background:currentColor;border-radius:2px}.menu nav{position:fixed;top:78px;right:max(16px,calc((100vw - 1120px)/2));width:245px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 180px);overflow:auto;z-index:90;background:#0b1c30;border:1px solid #294e6d;border-radius:16px;padding:8px;box-shadow:0 16px 40px #0009}.menu nav a{display:block;padding:13px;border-radius:8px}.menu nav a:hover{background:#17324b;color:var(--cyan)}.desktop-links{display:none}.collection-toolbar{margin:0 0 12px}.search{display:flex;align-items:center;gap:10px;width:100%;padding:0 14px;background:linear-gradient(110deg,#0b1c30,#081c2c);border:1px solid #2b5271;border-radius:30px;color:#b8c0dd}.search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #00d9f40c}.search input{background:none;color:var(--text);border:0;outline:none;width:100%;min-width:0;height:48px;font-size:14px}.search input::placeholder{color:#b2bbd5}.search button{width:36px;height:36px;border:0;background:#173149;color:var(--text);border-radius:50%;font-size:23px;flex:none}
/* The strip scrolls independently; the document never overflows. */
.category-list{display:flex;align-items:stretch;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 1px 8px;margin-bottom:12px}.category-list::-webkit-scrollbar{display:none}.category-chip{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:10px 17px;border:1px solid #14304a;border-radius:12px;background:linear-gradient(130deg,#081a2c,#04111f);color:#f2f4ff;font-size:12px;font-weight:550;white-space:nowrap}.category-chip .category-icon,.category-chip .category-count{display:none}.category-chip.active{background:var(--cyan);color:#002432;border-color:var(--cyan);box-shadow:0 0 20px #00d9f412}.category-chip:hover:not(.active){background:#112e46;border-color:#3a6989}
/* The phone is a decorative, local SVG; no made-up app previews. */
.hero{position:relative;isolation:isolate;min-height:218px;margin:0 0 25px;padding:22px 18px;border:1px solid #00afff;border-radius:17px;overflow:hidden;background:linear-gradient(116deg,#040f28 4%,#07125b 44%,#064df3 72%,#b000ec 96%);box-shadow:0 8px 40px #0005}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(118deg,transparent 52%,#00ceff44 52%,#02bfff0a 63%,transparent 63%),linear-gradient(120deg,transparent 72%,#d20dff80 72%,transparent);pointer-events:none}.hero-copy{position:relative;z-index:1;width:72%}.hero-kicker{display:none}.hero h1{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:26px;line-height:1.15;letter-spacing:-1px;font-weight:800;margin:0 0 10px}.hero h1 img{width:28px;height:28px}.hero h1 span{color:var(--cyan)}.hero-description{font-size:13px;color:#e0e2fa;line-height:1.55;margin:0 0 12px}.reference-features{display:flex;gap:5px 10px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 17px;font-size:10px;color:#e3e8ff;max-width:205px}.reference-features li::before{content:'✓';color:#12ef69;font-weight:900;margin-right:4px}.hero-visual{position:absolute;right:-12px;bottom:-34px;width:44%;height:235px;z-index:0;pointer-events:none;transform:rotate(-2deg)}.hero-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 13px #0009)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 15px;border:1px solid #163d59;border-radius:10px;font-size:13px;font-weight:650;line-height:1.4;text-align:center}.button-browse,.button-primary{color:white;background:linear-gradient(110deg,#008fff,#00cce8);border-color:#00bdff;box-shadow:0 4px 20px #008cff20}.button .icon{width:18px;height:18px}.button-browse{padding-inline:16px}.button-secondary{background:#0b2238;color:#d1e2f2}.button:hover{filter:brightness(1.12)}
/* Actual catalog entries only. Missing ratings are omitted. */
.catalog,.category-section,.latest-section{margin-bottom:24px;scroll-margin-top:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-heading h2{display:flex;align-items:center;gap:8px;font-size:21px;line-height:1.25;letter-spacing:-.5px;margin:0;font-weight:750}.section-heading h2 .icon{width:23px;height:23px}.section-flame{color:#ff9f05;fill:#ff9f05;stroke-width:1}.section-folder{color:#ffcf5d;fill:#ffd66e;stroke-width:1.2}.section-star{color:#ffce13;fill:#ffce13;stroke-width:1.2}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex:none;border:0;background:none;color:#00c8ff;font-size:12px;font-weight:550;padding:8px 0}.text-button .icon{width:17px;height:17px}.text-button:disabled{color:var(--muted)}.section-caption{font-size:12px;color:var(--muted);margin:-5px 0 14px}.catalog-message{padding:30px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.catalog-message>.icon{color:var(--cyan)}.catalog-message h3{font-size:19px;margin:12px 0 8px}.catalog-message p{color:var(--muted);font-size:14px}.loading-state{display:flex;gap:20px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.skeleton-icon{width:64px;height:64px;background:#183049;border-radius:16px}.loading-state>div:last-child{flex:1}.loading-state i{display:block;height:12px;width:70%;margin:8px 0 14px;border-radius:5px;background:#183049}.loading-state i:nth-child(2){width:40%}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-card{min-width:0;border:1px solid #20445f;border-radius:14px;background:linear-gradient(140deg,#071827,#03111f);overflow:hidden;transition:border-color .2s}.app-card:hover{border-color:#307b9e}.app-card:only-child{grid-column:1/-1}.app-banner{padding:16px 14px 12px;display:flex;flex-direction:column;align-items:start;gap:10px;min-width:0}.app-card:only-child .app-banner{flex-direction:row;align-items:center;gap:14px}.icon-plinth{display:grid;place-items:center;flex:none;width:60px;height:60px;border-radius:14px;background:#07101c}.app-image{width:60px;height:60px;object-fit:contain;border-radius:12px}.banner-copy{min-width:0}.app-title{font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.3px;margin:0;overflow-wrap:anywhere}.app-card:only-child .app-title{font-size:20px}.badge{display:block;color:#99b2cc;font-size:10px;margin-top:6px;line-height:1.5;overflow-wrap:anywhere}.card-body{padding:0 14px 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.metadata{order:-1;display:flex;flex-wrap:wrap;gap:9px 18px;margin:0;padding:10px 0;border-top:1px solid #163048;border-bottom:1px solid #163048}.metadata>div{min-width:0}.metadata dt{font-size:10px;color:#8faac4;margin-bottom:3px}.metadata dd{font-size:12px;font-weight:550;margin:0;color:#d3ddf0;overflow-wrap:anywhere}.description{display:flex;flex-wrap:wrap;gap:5px;font-size:12px;line-height:1.5;color:var(--muted);margin:0}.feature-chip{font-size:10px;color:#a5b8d1;border:1px solid #1c344a;background:#091d2e;border-radius:5px;padding:3px 6px;max-width:100%;overflow-wrap:anywhere}.feature-box p{font-size:11px;color:var(--muted);margin:5px 0}.download{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 8px;border:1px solid #00baff;border-radius:9px;background:linear-gradient(110deg,#008ef2,#00b5fa);color:white;font-size:13px;font-weight:650;text-align:center}.download:hover{background:#00b9ff}.download:disabled{background:#142d42;border-color:#24465f;color:#a0b1c7}.action-icon{display:inline-flex;flex:none;width:17px;height:17px;order:-1}.action-icon svg{width:100%;height:100%}.download-note{font-size:11px;color:var(--muted);margin:0}.app-rating{color:#ffd029;font-size:13px;margin:0}.card-more{border-top:1px solid #18334a;padding:0}.card-more>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;color:#96b2ca;font-size:11px;list-style:none}.card-more>summary::after{content:'+';font-size:18px;color:var(--cyan)}.card-more[open]>summary::after{content:'−'}.card-more>summary::-webkit-details-marker{display:none}.app-sharing{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.card-more:not([open])>.app-sharing{display:none}.share-button,.copy-link{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:#102a40;color:#c9def0;border:1px solid #244b66;border-radius:8px;padding:8px;font-size:12px}.share-status{flex-basis:100%;font-size:12px;color:#b1d2e5;margin:0;overflow-wrap:anywhere}.share-status:empty{display:none}.share-link{width:100%;min-width:0;min-height:44px;border:1px solid #507492;border-radius:8px;background:#081828;color:var(--text);padding:10px}.preview-panel h3{font-size:13px}.preview-strip{display:flex;gap:12px;overflow-x:auto}.real-preview{width:110px;max-height:220px;object-fit:contain;border-radius:10px}.app-card:target{outline:2px solid var(--cyan);outline-offset:3px}
/* Category counts are generated from the same catalog as both app lists. */
.category-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.category-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:96px;padding:11px 2px 9px;border:1px solid #234663;border-radius:11px;color:#f1eefa;background:#061b2f}.category-tile .category-icon{display:grid;place-items:center;height:31px;width:31px;margin-bottom:4px;color:#00adff}.category-tile .icon{width:29px;height:29px;stroke-width:1.7}.category-label{line-height:1.3}.category-tile .category-label{font-size:10px;font-weight:600;overflow-wrap:anywhere}.category-tile .category-count{font-size:10px;color:#aeb9d5}.category-tile:has(.video){background:linear-gradient(145deg,#301020,#160b19);border-color:#7e2340}.category-tile .video{color:#ff3d60}.category-tile:has(.social){background:linear-gradient(145deg,#241036,#100d22);border-color:#5d3180}.category-tile .social{color:#c653ef}.category-tile:has(.games){background:linear-gradient(145deg,#04271f,#031916);border-color:#075b40}.category-tile .games{color:#12e565}.category-tile:has(.tools){background:linear-gradient(145deg,#2b1c0d,#140e0c);border-color:#7b4817}.category-tile .tools{color:#ff9d00}.category-tile:hover,.category-tile.active{outline:1px solid var(--cyan);outline-offset:2px}
/* Compact latest list, in reverse catalog insertion order. */
.latest-grid{display:grid;gap:10px}.latest-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 10px;border:1px solid #17364e;background:linear-gradient(110deg,#081b2d,#04121f);border-radius:12px;min-width:0}.latest-icon{width:46px;height:46px;object-fit:contain;border-radius:12px}.latest-copy{min-width:0}.latest-copy h3{font-size:13px;line-height:1.3;letter-spacing:-.2px;margin:0 0 5px;overflow-wrap:anywhere}.latest-meta{font-size:10px;line-height:1.5;color:#c0bdd3;margin:0 0 3px}.latest-category{font-size:10px;color:#91a6c0;margin:0;overflow-wrap:anywhere}.latest-card .download{min-width:44px;font-size:11px;padding:8px;gap:5px}.latest-card .action-icon{width:13px;height:13px}
/* Community and generous clearance above the mobile navigation. */
.community-panel{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;margin:30px 0 24px;padding:18px;border:1px solid #19435d;background:linear-gradient(130deg,#082039,#051826);border-radius:16px}.telegram-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:white;background:linear-gradient(140deg,#008ef8,#00d3f4)}.telegram-copy .eyebrow{color:var(--cyan);font-size:9px;letter-spacing:1.4px;font-weight:700;margin:0 0 5px}.telegram-copy h2{font-size:18px;line-height:1.3;letter-spacing:-.4px;margin:0 0 8px}.telegram-copy>p:last-child{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.telegram-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.telegram-actions .button{font-size:12px;padding-inline:8px}.community-panel>.share-status,.community-panel>.share-link{grid-column:1/-1}.notification-status{display:none;margin:20px 0;padding:18px;background:#0a2135;border:1px solid #244a68;border-radius:14px;gap:12px;align-items:start}.notification-status:has(#push-result:not([hidden])){display:flex}.notification-status>.icon{color:var(--cyan)}.notification-status h2{font-size:14px;margin:0 0 8px}.notification-status .push-result{color:#b9c7dd;margin:0;font-size:12px;line-height:1.7}.bottom-nav{position:fixed;z-index:70;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(72px + env(safe-area-inset-bottom));padding:0 max(6px,env(safe-area-inset-left)) env(safe-area-inset-bottom);background:#03111ff5;border-top:1px solid #254056;backdrop-filter:blur(15px)}.bottom-nav>a,.bottom-nav>button{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:71px;min-width:0;border:0;background:none;color:#aab4d2;font-size:11px;font-weight:450;padding:8px 2px}.bottom-nav .icon{width:23px;height:23px;stroke-width:1.7}.bottom-nav [aria-current="location"],.bottom-nav [aria-expanded="true"]{color:var(--cyan)}.bottom-nav [aria-current="location"]::before,.bottom-nav [aria-expanded="true"]::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--cyan)}.bottom-nav [href="#home"][aria-current] .icon{fill:var(--cyan)}.bottom-nav a:hover,.bottom-nav button:hover{color:#d5f5fc}
@media(min-width:430px){.hero{min-height:235px;padding:25px 22px}.hero h1{font-size:29px}.hero-visual{width:43%;height:255px}.hero-description{font-size:14px}.reference-features{font-size:11px}.category-tile .category-label,.category-tile .category-count{font-size:11px}.latest-copy h3{font-size:15px}.latest-meta,.latest-category{font-size:11px}}
@media(min-width:650px){.wrap{width:min(1120px,calc(100% - 56px))}.header-inner{min-height:106px}.brand{font-size:29px;gap:11px}.brand-crown{width:45px;height:45px}.brand-subtitle{font-size:12px;letter-spacing:.3px}.header-actions{gap:7px}.icon-button,.menu summary{width:46px;height:46px}.collection-toolbar{margin-bottom:16px}.search input{height:54px;font-size:16px}.category-list{gap:10px;margin-bottom:18px}.category-chip{font-size:14px;padding-inline:23px}.hero{min-height:300px;padding:36px;margin-bottom:34px;border-radius:22px}.hero-copy{width:65%}.hero-kicker{display:block;font-size:10px;letter-spacing:2px;color:#8ddbff;margin:0 0 14px}.hero h1{font-size:43px;gap:9px;letter-spacing:-1.6px}.hero h1 img{width:43px;height:43px}.hero-description{font-size:17px;margin-bottom:16px}.reference-features{font-size:13px;max-width:none;gap:16px;margin-bottom:24px}.hero-visual{height:340px;bottom:-40px;right:15px;width:38%}.button-browse{min-height:48px;font-size:15px;padding-inline:24px}.section-heading h2{font-size:26px}.section-heading h2 .icon{width:28px;height:28px}.text-button{font-size:14px}.catalog,.category-section,.latest-section{margin-bottom:32px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-card:only-child{display:grid;grid-template-columns:1fr 1.1fr}.app-card:only-child .app-banner{padding:28px;align-items:start;flex-direction:column;gap:18px}.app-card:only-child .icon-plinth,.app-card:only-child .app-image{width:86px;height:86px}.app-card:only-child .app-title{font-size:25px}.app-card:only-child .badge{font-size:12px}.app-card:only-child .card-body{padding:22px 24px;border-left:1px solid #19344a}.app-card:only-child .metadata{border-top:0;padding-top:0}.app-card:only-child .metadata dd{font-size:14px}.app-card:only-child .metadata dt{font-size:11px}.feature-chip{font-size:11px}.category-tiles{gap:14px}.category-tile{min-height:125px;border-radius:14px;gap:6px}.category-tile .category-icon{width:40px;height:40px}.category-tile .icon{width:35px;height:35px}.category-tile .category-label{font-size:14px}.category-tile .category-count{font-size:12px}.latest-card{grid-template-columns:62px minmax(0,1fr) auto;gap:18px;padding:16px 20px}.latest-icon{width:62px;height:62px}.latest-copy h3{font-size:18px}.latest-meta,.latest-category{font-size:13px}.latest-card .download{font-size:13px;padding-inline:18px}.latest-card .action-icon{width:17px;height:17px}.community-panel{grid-template-columns:48px 1fr;gap:16px;padding:26px}.telegram-symbol{width:48px;height:48px}.telegram-copy h2{font-size:22px}.telegram-copy>p:last-child{font-size:14px}.telegram-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,180px))}.bottom-nav{padding-inline:max(20px,calc((100vw - 680px)/2))}}
@media(min-width:1000px){.header-inner{min-height:112px}.desktop-links{display:flex;gap:26px;align-items:center;font-size:14px;color:#b7c9df}.desktop-links a{display:inline-flex;align-items:center;gap:7px;min-height:44px}.desktop-links a:hover{color:var(--cyan)}.desktop-links .icon{width:16px}.collection-toolbar{max-width:640px}.hero{min-height:335px;padding:44px 48px}.hero h1{font-size:54px}.hero h1 img{width:51px;height:51px}.hero-description{font-size:18px}.hero-description br{display:none}.hero-visual{height:390px;right:60px;bottom:-58px;width:31%}.hero-kicker{font-size:11px}.hero-copy{width:70%}.bottom-nav{display:none}.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-card:only-child{grid-column:1/-1}.community-panel{grid-template-columns:48px 1fr auto;align-items:center}.telegram-actions{grid-column:3;grid-template-columns:1fr;margin:0}.header-actions{gap:10px}}
@media(max-width:359px){.wrap{width:calc(100% - 24px)}.brand{font-size:19px;gap:4px}.brand-crown{width:26px}.brand-subtitle{font-size:8px}.icon-button,.menu summary{width:36px}.hero h1{font-size:23px}.hero h1 img{width:24px}.hero{padding:20px 14px}.reference-features{font-size:9px}.latest-card{grid-template-columns:40px minmax(0,1fr);gap:10px}.latest-icon{width:40px;height:40px}.latest-card .download{grid-column:1/-1}.category-tiles{gap:5px}.category-tile .category-label{font-size:9px}.section-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Lower catalog: cyan edges, readable metadata, and community artwork. */
.latest-card {
  grid-template-columns:56px minmax(0,1fr); gap:12px 14px; padding:18px;
  border:1px solid #009df5; border-radius:19px;
  background:linear-gradient(115deg,#031a2b,#031321 65%,#002334);
  box-shadow:inset 0 0 22px #00c8ff06;
}
.latest-icon { width:56px; height:56px; padding:4px; border:1px solid #063448; border-radius:17px; background:#00101c; }
.latest-copy h3 { font-size:16px; line-height:1.35; margin-bottom:6px; }
.latest-meta,.latest-category { font-size:12px; line-height:1.6; color:#bbc1ec; }
.latest-card .download { grid-column:1/-1; min-height:48px; font-size:14px; border:1px solid #17d9ff; border-radius:12px; background:linear-gradient(110deg,#00c4ed,#007aff); box-shadow:0 5px 18px #0088ff16; }
.latest-card .action-icon { width:20px; height:20px; }
.community-panel {
  position:relative; isolation:isolate; overflow:hidden; display:grid;
  grid-template-columns:48px minmax(0,1fr); gap:14px; padding:22px 18px;
  margin:28px 0 22px; border:2px solid transparent; border-radius:23px;
  background:linear-gradient(110deg,#002448,#030f2f 48%,#1321a2 80%,#6427e6) padding-box,linear-gradient(120deg,#009dff,#00e6ff 48%,#9c77ff) border-box;
  box-shadow:inset 0 0 22px #1364ff38,0 8px 30px #0004;
}
.community-panel::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(120deg,transparent 63%,#4a4dff55 63%,#4a4dff55 74%,transparent 74%),linear-gradient(120deg,transparent 80%,#ae27ff88 80%); }
.telegram-art { position:absolute; z-index:-1; width:108px; height:108px; right:0; top:82px; opacity:.85; filter:drop-shadow(0 10px 12px #00175e); pointer-events:none; }
.telegram-symbol { width:48px; height:48px; border-radius:15px; box-shadow:inset 0 1px 0 #8aeeff88; }
.telegram-symbol .icon { width:29px; height:29px; fill:white; stroke-width:1; }
.telegram-copy { display:contents; }
.telegram-copy .eyebrow { grid-column:2; margin:0; align-self:end; font-size:10px; line-height:1.4; letter-spacing:1.5px; }
.telegram-symbol { grid-column:1; grid-row:1/3; align-self:center; }
.telegram-copy h2 { grid-column:2; font-size:22px; line-height:1.25; margin:-6px 0 0; letter-spacing:-.6px; }
.telegram-copy h2 span { color:#00d8f5; }
.telegram-copy>p:last-child { grid-column:1/-1; max-width:calc(100% - 54px); min-height:58px; font-size:13px; line-height:1.65; color:#c3c9ec; margin:4px 0 2px; }
.telegram-actions { grid-column:1/-1; display:grid; grid-template-columns:1.1fr 1fr; gap:9px; margin:6px 0 0; }
.telegram-actions .button { min-height:49px; padding:10px 7px; font-size:12px; gap:6px; border-radius:12px; }
.telegram-actions .button-primary { border:1px solid #21eeff; background:linear-gradient(110deg,#0086ff,#00d6e5); }
.telegram-actions .button-secondary { border:1px solid #009dff; background:linear-gradient(120deg,#00304a,#051a3c); color:#f5f5ff; }
.telegram-actions .button-secondary .icon { color:#00d4fa; }
.telegram-button-icon { fill:white; stroke-width:1; }
.telegram-actions .button-primary .icon:last-child { width:15px; }
.notification-status,.notification-status:has(#push-result:not([hidden])) {
  display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:14px;
  margin:0 0 30px; padding:20px 17px; border:1px solid #007e98; border-left:2px solid #00e4ef; border-radius:19px;
  background:linear-gradient(115deg,#003443,#001522 45%,#002330);
}
.notification-status>.icon { width:44px; height:44px; padding:10px; color:#00dff0; background:#005268; border-radius:50%; stroke-width:2; }
.notification-status h2 { font-size:16px; line-height:1.35; margin:0 0 8px; color:#f4f5ff; }
.notification-status .push-result,.notification-default { font-size:12px; line-height:1.7; margin:0; color:#bfc7eb; }
.notification-status:has(#push-result:not([hidden])) .notification-default { display:none; }












.bottom-nav { background:linear-gradient(110deg,#002334f5,#020f1df8 45%,#061327f5); border-top:1px solid #28475d; box-shadow:0 -6px 24px #0004; }
.bottom-nav>a,.bottom-nav>button { min-height:78px; font-size:12px; gap:7px; padding-bottom:13px; }
.bottom-nav .icon { width:25px; height:25px; }
.bottom-nav [aria-current="location"]::after,.bottom-nav [aria-expanded="true"]::after { content:''; position:absolute; bottom:5px; height:4px; width:30px; border-radius:9px; background:var(--cyan); box-shadow:0 0 12px #00d9f433; }
@media(min-width:650px) {
  .latest-card { grid-template-columns:70px minmax(0,1fr) auto; gap:20px; padding:22px; border-radius:21px; }
  .latest-icon { width:70px; height:70px; padding:6px; border-radius:20px; }
  .latest-copy h3 { font-size:19px; }
  .latest-meta,.latest-category { font-size:14px; }
  .latest-card .download { grid-column:auto; padding:13px 20px; min-height:52px; }
  .community-panel { grid-template-columns:64px minmax(0,1fr); padding:30px; gap:16px 20px; border-radius:27px; }
  .telegram-symbol { width:64px; height:64px; border-radius:19px; }
  .telegram-symbol .icon { width:39px; height:39px; }
  .telegram-copy h2 { font-size:30px; }
  .telegram-copy .eyebrow { font-size:12px; }
  .telegram-copy>p:last-child { font-size:16px; max-width:75%; min-height:60px; margin:5px 0 8px; }
  .telegram-art { width:160px; height:160px; right:20px; top:65px; }
  .telegram-actions { grid-column:1/-1; grid-template-columns:1.1fr 1fr; gap:16px; }
  .telegram-actions .button { min-height:59px; font-size:17px; gap:12px; border-radius:16px; }
  .telegram-actions .icon { width:25px; height:25px; }
  .notification-status,.notification-status:has(#push-result:not([hidden])) { grid-template-columns:62px minmax(0,1fr); padding:25px; gap:22px; border-radius:22px; }
  .notification-status>.icon { width:62px; height:62px; padding:15px; }
  .notification-status h2 { font-size:20px; }
  .notification-status .push-result,.notification-default { font-size:14px; }
  
  
  
}
@media(min-width:1000px) {
  .community-panel { grid-template-columns:72px minmax(0,1fr); padding:36px; }
  .telegram-art { width:205px; height:205px; right:60px; top:36px; }
  .telegram-copy>p:last-child { max-width:65%; min-height:38px; }
  .telegram-actions { grid-column:1/-1; max-width:680px; width:100%; }
  
}

/* Category showcase: catalog-driven buttons with responsive neon artwork. */
.category-section{padding:16px 12px 18px;border:1px solid #164159;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#09253a55,transparent 70%),#020e19;box-shadow:inset 0 1px 0 #25476133}
.category-heading{flex-wrap:nowrap;gap:8px;margin-bottom:16px}
.category-heading-copy{display:flex;align-items:center;gap:8px;min-width:0}
.folder-plinth{display:grid;place-items:center;width:36px;height:40px;flex:none;border:1px solid #1c4f78;border-radius:15px;background:linear-gradient(135deg,#122139,#021424 60%,#003354);box-shadow:inset 0 2px 5px #198aff40}
.folder-plinth .icon{width:28px;height:28px;color:#ffbe29;fill:#ffca45;filter:drop-shadow(0 2px 5px #ffb30022)}
.category-heading h2{display:block;font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:600;letter-spacing:normal;color:#fff;background:none;text-shadow:none;filter:none}
.category-heading-copy p{margin:4px 0 0;color:#aebbd0;font-size:10px}
.category-heading .text-button{padding:8px 11px;min-height:44px;border:1px solid var(--cyan);border-radius:30px;background:linear-gradient(120deg,#031521,#06233c);color:var(--cyan);box-shadow:inset 0 0 12px #00cfff15,0 0 14px #00cfff0c;font-weight:700}
.category-heading .text-button:hover{background:#0a3148;box-shadow:0 0 16px #00d9f433}
.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.category-section .category-tile{--neon:#00bfff;--tint:#063b68;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:44px 22px 30px;justify-items:center;align-content:center;min-height:150px;padding:16px 10px;gap:9px;border:2px solid var(--neon);border-radius:21px;background:linear-gradient(145deg,var(--tint),#05101d 80%);box-shadow:inset 0 0 20px color-mix(in srgb,var(--neon) 8%,transparent),0 4px 16px #0004;transition:transform .18s ease,box-shadow .18s ease}
.category-section .category-tile:has(.video){--neon:#ff2468;--tint:#430e2b}
.category-section .category-tile:has(.social){--neon:#bb39ff;--tint:#351066}
.category-section .category-tile:has(.games){--neon:#00df88;--tint:#004b37}
.category-section .category-tile:has(.tools){--neon:#ff9b0a;--tint:#4a2a04}
.category-section .category-tile .category-icon{width:44px;height:44px;margin:0;color:var(--neon);filter:drop-shadow(0 0 3px var(--neon))}
.category-section .category-tile .icon{width:44px;height:44px;stroke-width:1.6}
.category-section .category-tile .category-label{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;letter-spacing:normal;color:#f9faff}
.category-section .category-tile .category-count{display:grid;place-items:center;margin:0;padding:3px 12px;min-width:85%;height:30px;border:1px solid var(--neon);border-radius:30px;background:#020c1780;font-size:13px;font-weight:550;color:#edf5ff}
.category-section .category-tile:hover{transform:translateY(-3px);outline:none;box-shadow:0 0 20px color-mix(in srgb,var(--neon) 23%,transparent),inset 0 0 22px color-mix(in srgb,var(--neon) 12%,transparent)}
.category-section .category-tile.active,.category-section .category-tile:focus-visible{outline:2px solid #e7fbff;outline-offset:3px}
.category-section .category-tile:active{transform:scale(.97)}
@media(min-width:650px){.category-section{padding:24px;border-radius:26px}.category-heading{flex-wrap:nowrap;margin-bottom:26px}.category-heading h2{font-size:32px}.category-heading-copy{gap:17px}.category-heading-copy p{font-size:15px}.folder-plinth{width:65px;height:65px;border-radius:19px}.folder-plinth .icon{width:37px;height:37px}.category-heading .text-button{padding:10px 22px;font-size:16px}.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-section .category-tile{min-height:220px;padding:25px 16px 20px;gap:18px}.category-section .category-tile .category-icon,.category-section .category-tile .icon{width:52px;height:52px}.category-section .category-tile .category-label{font-size:20px}.category-section .category-tile .category-count{font-size:14px;padding:4px 12px;height:34px}}
@media(min-width:1000px){.category-section{padding:28px 22px 30px}.category-heading h2{font-size:39px}.category-heading-copy p{font-size:17px}.category-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-section .category-tile{min-height:196px;grid-template-rows:58px 26px 34px}.category-section .category-tile .category-icon,.category-section .category-tile .icon{width:58px;height:58px}}
@media(max-width:649px){
  .category-section{padding:14px 7px;border-radius:20px}
  .category-heading{margin-bottom:12px}
  .category-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .category-section .category-tile{min-height:104px;grid-template-rows:30px 26px 22px;gap:4px;padding:8px 2px;border-width:1px;border-radius:11px}
  .category-section .category-tile .category-icon,.category-section .category-tile .icon{width:28px;height:28px}
  .category-section .category-tile .category-label{display:flex;align-items:center;justify-content:center;align-self:stretch;font-size:10px;font-weight:600;letter-spacing:-.3px;line-height:12px;overflow-wrap:normal;text-align:center}
  .category-section .category-tile .category-count{height:22px;min-width:0;width:94%;padding:1px 2px;font-size:10px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.category-section .category-tile{transition:none}.category-section .category-tile:hover,.category-section .category-tile:active{transform:none}}

/* Existing notification appearance and behavior are retained. */
.push-panel{color-scheme:light}.push-panel p{font-size:13px;line-height:1.5}.push-panel button{cursor:pointer}.push-panel button:disabled{cursor:default}.push-panel>div{flex:1 1 240px}
/* Notification popup only: the page beneath remains unchanged. */
.push-panel{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;margin:0;padding:20px;background:rgba(9,20,37,.65);border:0;border-radius:0;overflow-y:auto;overscroll-behavior:contain;min-height:100dvh}
.push-panel[hidden]{display:none}.push-panel>.push-popup{flex:0 1 390px;min-width:0;max-width:100%;margin:auto;background:#fff;border:1px solid #e3ecf8;border-radius:28px;padding:30px 24px 25px;text-align:center;box-shadow:0 24px 80px #0005;max-height:calc(100dvh - 40px);overflow-y:auto}
.push-panel .push-brand{font-size:24px;font-weight:800;letter-spacing:-.6px;line-height:1.2;color:#101827;margin:0 0 25px}.push-brand span{color:#087bff}.push-bell{display:block;width:74px;height:74px;margin:0 auto 22px;color:#087bff;filter:drop-shadow(0 5px 10px #087bff20)}
.push-popup h2{font-size:clamp(19px,5vw,24px);line-height:1.25;letter-spacing:-.5px;color:#101827;margin:0 0 16px;font-weight:800}.push-panel #push-description{font-size:16px;line-height:1.65;color:#566579;margin:0 auto 24px;max-width:310px}.push-panel button{width:100%;min-height:52px;padding:14px 10px;border-radius:13px;background:#087bff;color:#fff;font-size:14px;font-weight:750;line-height:1.35;letter-spacing:.2px;border:0}.push-panel button:disabled{background:#e8f0fa;color:#576c85;cursor:default}.push-panel #push-status{font-size:12px;line-height:1.5;margin:14px 0 0;color:#52647a}.push-panel #push-status:empty{display:none}.push-result{font-size:13px;line-height:1.5;color:#566579;margin:0 0 20px}.push-result[hidden]{display:none}body.push-modal-open{overflow:hidden}
@media(max-width:360px){.push-panel{padding:14px}.push-panel>.push-popup{padding:26px 18px 22px;border-radius:24px}.push-panel .push-brand{font-size:22px}.push-panel #push-description{font-size:15px}}

/* Notification dialog secondary action only. */
.push-popup #cancel-notifications{display:block;width:auto;min-width:80px;min-height:44px;margin:8px auto 0;padding:8px 18px;background:#f2f4f7;border:1px solid #dce1e8;color:#53647b;font-size:14px;font-weight:500;letter-spacing:0;border-radius:12px}.push-popup #cancel-notifications:hover{background:#f0f5fc;color:#15253b}

/* Notification popup benefits and session-dismiss close control. */
.push-panel>.push-popup{position:relative;padding-top:38px}.push-popup #close-notifications{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#f1f3f6;color:#52647a;font-size:27px;font-weight:400;line-height:1;letter-spacing:0}.push-popup #close-notifications:hover{background:#edf5ff;color:#087bff}.push-benefits{display:grid;gap:10px;list-style:none;padding:0;margin:0 0 18px;text-align:left}.push-benefits li{display:flex;align-items:center;gap:9px;color:#243650;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.push-check{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 23px;width:23px;height:23px;min-width:23px;border-radius:50%;background:radial-gradient(circle at center,#087bff 0 8px,#eaf4ff 8.5px);color:#fff;font-size:12px;font-weight:700;line-height:1}.push-panel #push-description{font-size:14px;line-height:1.55;margin-bottom:18px}.push-panel .push-brand{margin-bottom:18px}.push-bell{width:62px;height:62px;margin-bottom:18px}
@media(max-height:650px){.push-panel>.push-popup{padding-bottom:18px}.push-panel .push-brand{margin-bottom:12px}.push-bell{width:48px;height:48px;margin-bottom:12px}.push-popup h2{margin-bottom:12px}.push-benefits{gap:7px;margin-bottom:12px}}

/* Compact notification popup visual refinements only. */
.push-panel>.push-popup{flex-basis:370px;padding:34px 22px 20px}.push-panel .push-brand{margin-bottom:14px}.push-bell{width:76px;height:76px;margin-bottom:14px;filter:none}.push-popup h2{margin-bottom:16px}.push-benefits{gap:9px;margin-bottom:18px}.push-popup #enable-notifications:not(:disabled){box-shadow:0 5px 17px #087bff35}.push-popup #cancel-notifications{min-height:40px;margin-top:10px}
@media(max-height:650px){.push-panel>.push-popup{padding:30px 18px 16px}.push-bell{width:60px;height:60px;margin-bottom:10px}.push-benefits{gap:7px;margin-bottom:14px}}

/* Clearance for the standalone fixed mobile navigation. */
#main-content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
@media(min-width:1000px){#main-content{padding-bottom:20px}}
/* Compact navigation panel; native details retains keyboard and no-JS support. */
.app-promotion{position:fixed;z-index:95;left:16px;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));display:flex;align-items:flex-start;gap:10px;max-width:400px;padding:14px;border:1px solid #1b718c;border-radius:16px;background:#061c2df7;box-shadow:0 10px 35px #0009}
.app-promotion img{flex:none;border-radius:12px}.app-promotion>div{min-width:0;flex:1}.app-promotion h2{font-size:14px;line-height:1.4;margin:0 0 4px}.app-promotion p{font-size:12px;color:var(--muted);margin:0 0 10px}.app-promotion .button{font-size:12px;min-height:44px;background:linear-gradient(110deg,#008ef2,#00b5fa)}
#app-promotion-close{min-width:44px;min-height:44px;flex:none;background:#0b2c41;color:#b9ddeb;border:1px solid #24536b;border-radius:9px;font-size:11px;padding:6px}
@media(min-width:1000px){.app-promotion{bottom:20px;left:auto;right:24px;width:400px}}
.menu nav{width:224px;padding:7px;border:1px solid #1a536c;border-radius:16px;background:linear-gradient(145deg,#0a2034f9,#03111ffb);box-shadow:0 16px 42px #0009,inset 0 1px 0 #43dfff12;backdrop-filter:blur(18px);transform-origin:top right;opacity:0;transform:translateY(-7px) scale(.98);transition:opacity .18s ease,transform .18s ease}
.menu[open] nav{opacity:1;transform:translateY(0) scale(1)}
.menu nav a{display:flex;align-items:center;min-height:44px;padding:11px 13px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:550;letter-spacing:.1px;line-height:1.4;transition:background .15s ease,border-color .15s ease,color .15s ease}
.menu nav a+a{margin-top:3px}
.menu nav a:hover,.menu nav a:focus-visible{color:#3ee8ff;background:#073148;border-color:#1c6078}
.menu nav a:active{background:#0a4055}
.menu summary span{transition:transform .18s ease,opacity .18s ease}
.menu[open] summary{border-color:#1b718c;color:#3ee8ff;background:#0a2639}
.menu[open] summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu[open] summary span:nth-child(2){opacity:0}
.menu[open] summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu::details-content{transition:content-visibility .18s allow-discrete}
@starting-style{.menu[open] nav{opacity:0;transform:translateY(-7px) scale(.98)}}
@media(prefers-reduced-motion:reduce){.menu nav,.menu nav a,.menu summary span,.menu::details-content{transition:none}}

/* Official app download dialog. */
.app-promotion[hidden]{display:none}
.app-promotion{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;max-width:none;width:auto;padding:18px;background:#061326b8;border:0;border-radius:0;box-shadow:none;overflow-y:auto}
.app-promotion-card{position:relative;flex:0 1 560px;width:100%;max-height:calc(100dvh - 36px);overflow-y:auto;padding:26px 38px 24px;border-radius:24px;background:#f9fbff;color:#0c1d3d;text-align:center;box-shadow:0 25px 80px #00112d65}
.app-promotion>.app-promotion-card{flex:0 1 560px}
.app-promotion-badge{display:block;width:max-content;padding:7px 13px;border-radius:30px;background:#dceaff;color:#075beb;font-size:11px;font-weight:800;letter-spacing:.04em}
.app-promotion #app-promotion-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#506487;font-size:34px;line-height:1;cursor:pointer}
.app-promotion #app-promotion-close:hover{background:#e7effd}
.app-promotion .app-promotion-logo{display:block;width:118px;height:118px;margin:20px auto 18px;border-radius:26px;filter:drop-shadow(0 10px 13px #005dff30)}
.app-promotion h2{max-width:450px;margin:0 auto 12px;color:#071c40;font-size:clamp(27px,4vw,38px);line-height:1.14;letter-spacing:-1px;font-weight:800}
.app-promotion h2 span{display:block;color:#0862fa}
.app-promotion p{max-width:410px;margin:0 auto 22px;color:#53678c;font-size:16px;line-height:1.5}
.app-promotion .app-promotion-download{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:58px;padding:13px 18px;border-radius:15px;background:#0862f9;color:white;font-size:17px;font-weight:750;text-decoration:none;box-shadow:0 10px 25px #075ef73d}
.app-promotion .app-promotion-download:hover{background:#004fdc}
.app-promotion .app-promotion-later{min-height:44px;margin:5px auto 8px;padding:8px 18px;border:0;background:transparent;color:#075bef;font-size:14px;font-weight:700;cursor:pointer}
.app-promotion .app-promotion-details{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;padding-top:17px;border-top:1px solid #e1e9f7;color:#3b537b;font-size:12px;font-weight:700}
body.app-promotion-open{overflow:hidden}
@media(max-width:480px){.app-promotion{padding:14px}.app-promotion-card{padding:22px 20px 20px;border-radius:21px;max-height:calc(100dvh - 28px)}.app-promotion .app-promotion-logo{width:96px;height:96px;margin:16px auto 15px}.app-promotion p{font-size:14px;margin-bottom:18px}.app-promotion .app-promotion-download{font-size:15px;gap:8px}.app-promotion .app-promotion-details{gap:8px 12px}}

/* Second banner for the official User APK. */
.official-app-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:260px;margin:0 0 25px;padding:26px;border:1px solid #00b4ff;border-radius:20px;background:linear-gradient(120deg,#031429 0%,#071c5d 48%,#0757dd 78%,#a100ef 100%)}
.official-app-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(122deg,transparent 57%,#006cff30 57% 72%,transparent 72%);pointer-events:none}
.official-app-copy{position:relative;z-index:1;width:70%;max-width:740px}
.official-app-brand{display:flex;align-items:center;gap:12px}.official-app-brand img{flex:none;width:42px;height:42px}
.official-app-brand h2{margin:0;color:#fff;font-size:clamp(24px,4vw,48px);line-height:1.05;letter-spacing:-1px;font-weight:800}.official-app-brand h2 span{color:#00d5ef}
.official-app-brand p{margin:3px 0 0;color:#c3dcf9;font-size:clamp(12px,1.7vw,18px)}
.official-app-message{margin:18px 0 15px;color:#fff;font-size:clamp(15px,2vw,23px);line-height:1.4;font-weight:650}
.official-app-features{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0 0 18px;color:#f4f8ff;font-size:clamp(10px,1.3vw,14px);font-weight:650}
.official-app-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;max-width:100%;padding:12px 20px;border-radius:12px;background:linear-gradient(100deg,#0574f7,#00bdf2);color:#fff;text-decoration:none;font-weight:800;font-size:clamp(12px,1.5vw,16px);box-shadow:0 8px 22px #006ff53d}.official-app-button:hover{filter:brightness(1.12)}.official-app-button span{font-size:23px;line-height:1}
.official-app-phone{position:absolute;right:-4px;bottom:-48px;width:35%;height:110%;object-fit:contain;object-position:center bottom;pointer-events:none}
@media(min-width:1000px){.official-app-banner{min-height:320px;padding:38px 48px}.official-app-phone{right:30px;width:33%;bottom:-55px;height:125%}}
@media(max-width:480px){.official-app-banner{min-height:235px;padding:18px}.official-app-copy{width:70%}.official-app-brand{gap:7px}.official-app-brand img{width:29px;height:29px}.official-app-brand h2{font-size:23px}.official-app-brand p{font-size:10px}.official-app-message{font-size:14px;margin:15px 0 12px}.official-app-features{gap:5px 9px;font-size:10px;margin-bottom:14px}.official-app-button{font-size:12px;padding:10px 12px;gap:6px}.official-app-phone{right:-20px;width:42%;height:94%;bottom:-30px}}

/* Two banners share one carousel; controls stay outside the download link. */
.banner-slider{margin:0 0 25px;touch-action:pan-y}
.banner-slider .banner-slide{margin-bottom:0}
.banner-slider .banner-slide[hidden]{display:none}
.banner-controls{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:5px}
.banner-arrow{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #1b526b;border-radius:50%;background:#071d2c;color:#b3edff;font-size:27px;line-height:1;cursor:pointer}
.banner-arrow:hover,.banner-arrow:focus-visible{border-color:#00d7f2;color:#fff}
.banner-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#446477;cursor:pointer}
.banner-dot.is-active{background:#04d5ef;box-shadow:0 0 9px #00dfff80}
.banner-dot:focus-visible{outline:2px solid white;outline-offset:4px}

/* Consistent surfaces, spacing, and interactive states across the storefront. */
:root{--bg:#020d18;--surface:#061827;--raised:#0b2233;--line:#193e53;--text:#f3f8fd;--muted:#afc3d4;--cyan:#13d6ed;--blue:#159df2;letter-spacing:.005em}body{background:radial-gradient(ellipse at 50% -12%,#0b2b42 0,transparent 38%),var(--bg);color:var(--text)}
.header{background:#031320ed;border-bottom:1px solid #163448}.header-inner{gap:16px}.brand{letter-spacing:-.035em}.brand-subtitle{letter-spacing:.045em;color:#a9bfd1}.icon-button,.menu summary{border-color:#1a3b50;background:#071d2d}.icon-button:hover,.menu summary:hover{background:#0d2d40;border-color:#2b718a}.desktop-links a{color:#c0d0df;transition:color .15s}.desktop-links a:hover{color:#42e5f5}
.collection-toolbar{margin-top:20px}.search{border-color:#255169;background:#091e2d;box-shadow:inset 0 1px 0 #ffffff06}.search:focus-within{border-color:#29d5ee;box-shadow:0 0 0 3px #12d5ed1a}.search input::placeholder{color:#a0b6c9}.category-list{scrollbar-width:none;gap:8px}.category-list::-webkit-scrollbar{display:none}.category-chip{min-height:44px;border-color:#193e53;background:#071a29;color:#ccdeeb}.category-chip:hover{border-color:#31819a}.category-chip.active{color:#00222c;background:#20d2e8;border-color:#20d2e8;box-shadow:0 4px 15px #0ac7e32b}
.hero,.official-app-banner{border-color:#2382af;box-shadow:0 14px 38px #0003}.hero h1,.official-app-brand h2{letter-spacing:-.04em}.hero-description,.official-app-message{color:#e4eef8}.reference-features li::before{color:#38e5a1}.button-browse,.official-app-button{box-shadow:0 8px 22px #002e7738}.banner-controls{gap:10px;margin-top:12px}.banner-dot{width:9px;height:9px;background:#426477}.banner-dot.is-active{background:#16d7ec;box-shadow:0 0 0 4px #14d7ec1c}
.catalog,.latest-section{margin-bottom:30px}.section-heading{align-items:center}.section-heading h2{letter-spacing:-.035em}.section-caption{color:#a8bed0;line-height:1.5}.text-button{color:#34d6ed}.text-button:hover{color:#9df2ff}.premium-empty{margin:14px 0 0;padding:18px 20px;border:1px dashed #20485b;border-radius:15px;background:#071a28;color:#a8becf;font-size:13px;line-height:1.55}.premium-empty[hidden]{display:none}
.latest-card{border-color:#24546a;background:linear-gradient(125deg,#081d2b,#061723);box-shadow:0 12px 30px #0002;transition:border-color .16s,transform .16s}.latest-card:hover{border-color:#29859e}.latest-icon{background:#03121c;border-color:#1b4051}.latest-copy h3{color:#f4f9fd;letter-spacing:-.02em}.latest-meta,.latest-category{color:#aabfd1}.latest-card .download{border-color:#30d9f1;background:linear-gradient(110deg,#08a7db,#0879ee);color:#fff;box-shadow:0 7px 18px #006dd424}.latest-card .download:hover{filter:brightness(1.1)}
.community-panel{border:1px solid #23546a;background:linear-gradient(120deg,#08283d,#061a2c 62%,#0b3560);box-shadow:0 14px 34px #0003}.community-panel:before{background:linear-gradient(120deg,transparent 70%,#1d7cc025 70% 82%,transparent 82%)}.telegram-art{opacity:.62}.telegram-copy .eyebrow{color:#46d8ee}.telegram-copy h2{letter-spacing:-.035em}.telegram-copy>p:last-child{color:#c2d5e3}.telegram-actions .button-primary{background:linear-gradient(110deg,#0792e7,#00b9d5);border-color:#38d5e5}.telegram-actions .button-secondary{background:#092438;border-color:#286276}
.bottom-nav{background:#031726f5;border-color:#204052;box-shadow:0 -8px 28px #0005}.bottom-nav>a,.bottom-nav>button{color:#9cb5c9}.bottom-nav [aria-current="location"]{color:#39e4f2}.bottom-nav [aria-current="location"]::after{background:#2bdeec}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a4efff;outline-offset:3px}.app-promotion-card{box-shadow:0 28px 80px #0008}.app-promotion .app-promotion-download{box-shadow:0 10px 24px #075ef733}
@media(min-width:1000px){.header-inner{min-height:88px}.collection-toolbar{margin-top:24px}.premium-empty{max-width:700px}.community-panel{padding:30px 36px}}
@media(max-width:649px){.header-inner{min-height:72px}.premium-empty{padding:15px 16px;font-size:12px}.section-heading h2{font-size:20px}.community-panel{margin-top:24px}.telegram-actions .button{min-height:46px}.bottom-nav>a,.bottom-nav>button{min-height:70px}}
@media(prefers-reduced-motion:reduce){.latest-card,.desktop-links a{transition:none}}
.banner-dot{position:relative;width:30px;height:30px;background:transparent;box-shadow:none}.banner-dot.is-active{background:transparent;box-shadow:none}.banner-dot:after{content:'';position:absolute;left:10px;top:10px;width:10px;height:10px;border-radius:50%;background:#426477}.banner-dot.is-active:after{background:#16d7ec;box-shadow:0 0 0 4px #14d7ec1c}.banner-controls{gap:0;margin-top:1px}

/* Compact official app invitation. */
.app-promotion>.app-promotion-card{flex:0 1 360px;max-width:360px;padding:26px 19px 12px;border:1px solid #d9e7fa;border-radius:20px;background:#f7faff;box-shadow:0 24px 70px #00132f80}
.app-promotion #app-promotion-close{top:9px;right:9px;width:38px;min-width:38px;height:38px;min-height:38px;border-radius:50%;background:#e1ebf8;color:#183557;font-size:27px}
.promo-mark-wrap{position:relative;width:116px;margin:4px auto 17px}
.promo-mark-wrap:before,.promo-mark-wrap:after{content:'';position:absolute;top:30px;width:17px;height:30px;border-top:2px solid #96c6ff;border-bottom:2px solid #96c6ff;opacity:.8}
.promo-mark-wrap:before{left:-24px;transform:rotate(-12deg)}.promo-mark-wrap:after{right:-24px;transform:rotate(12deg)}
.promo-brand-mark{position:relative;display:grid;place-items:center;width:116px;height:116px;border-radius:29px;background:linear-gradient(145deg,#116dff 0%,#002cff 46%,#071177 100%);box-shadow:0 10px 20px #0753cb38;overflow:hidden}
.promo-brand-mark img{position:absolute;top:9px;left:41px;width:35px;height:31px;filter:drop-shadow(0 2px 2px #a96b00)}
.promo-brand-mark span{position:absolute;bottom:2px;color:#fff;font:900 74px/1 system-ui,-apple-system,sans-serif;letter-spacing:-.08em;text-shadow:0 3px 5px #00177450}
.app-promotion h2{font-size:clamp(22px,6vw,27px);line-height:1.12;letter-spacing:-.035em;margin-bottom:9px}.app-promotion p{font-size:13px;line-height:1.45;margin-bottom:15px;color:#445c82}
.promo-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:11px 3px;margin-bottom:17px;border-radius:11px;background:#eaf2ff}
.promo-benefits>div{display:grid;justify-items:center;align-content:start;gap:2px;min-width:0;padding:0 3px;color:#183354;font-size:10px;line-height:1.2}.promo-benefits>div+div{border-left:1px solid #d5e3f5}.promo-benefits strong{font-weight:800}.promo-benefits small{font-size:9px;color:#526989}.promo-benefit-icon{display:grid;place-items:center;height:27px;font-size:23px;font-weight:900;line-height:1}.benefit-green{color:#00b958}.benefit-yellow{color:#ffad00}.benefit-pink{color:#fc2863}.benefit-blue{color:#0871ff}
.app-promotion .app-promotion-download{min-height:48px;padding:11px 10px;border-radius:28px;font-size:14px;gap:8px;box-shadow:0 8px 18px #075ef73b}.app-promotion-download svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.app-promotion .app-promotion-later{min-height:40px;margin:5px auto 0;font-size:13px}
@media(max-height:620px){.app-promotion>.app-promotion-card{padding-top:18px}.promo-mark-wrap{margin:0 auto 9px;width:82px}.promo-brand-mark{width:82px;height:82px;border-radius:21px}.promo-brand-mark img{width:27px;height:24px;left:28px;top:5px}.promo-brand-mark span{font-size:53px}.promo-benefits{padding:7px 3px;margin-bottom:10px}}

/* Official app shortcut below search. */
.search-app-panel{display:flex;align-items:center;gap:13px;max-width:640px;margin:0 0 16px;padding:12px 14px;border:1px solid #245a75;border-radius:16px;background:linear-gradient(105deg,#0a2639,#082031 65%,#092e4b);box-shadow:0 9px 24px #0002}
.search-app-panel img{flex:none;width:50px;height:50px;border-radius:13px}.search-app-copy{display:grid;gap:3px;min-width:0;flex:1}.search-app-copy strong{color:#f6fbff;font-size:15px;line-height:1.2;letter-spacing:-.02em}.search-app-copy span{color:#a9c4d6;font-size:12px;line-height:1.3}.search-app-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:42px;padding:9px 14px;border:1px solid #24dafa;border-radius:11px;background:linear-gradient(105deg,#079ef0,#00bdda);color:#fff;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 5px 15px #008ed829}.search-app-download svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-app-download:hover{filter:brightness(1.12)}
@media(max-width:360px){.search-app-panel{gap:9px;padding:10px}.search-app-panel img{width:42px;height:42px}.search-app-copy strong{font-size:13px}.search-app-copy span{font-size:11px}.search-app-download{padding:8px 10px;font-size:11px}}