:root{
  --bg:#06111d;--bg2:#091827;--panel:#0b1b2b;--panel2:#0d2235;--line:#173b59;--text:#f3f7fb;--muted:#91a4b7;--blue:#159dff;--cyan:#27d5ff;--green:#35d981;--danger:#ff6577;--radius:16px;
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100%;-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 75% -10%,#0b3152 0,transparent 32%),var(--bg)}button,input{font:inherit}.app-shell{width:min(100%,540px);margin:0 auto;min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(4,13,23,.95),rgba(6,17,29,.98));position:relative}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:14px 16px 10px;background:rgba(6,17,29,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(38,105,153,.24)}.brand{text-align:center;line-height:1}.brand strong{font-size:20px;letter-spacing:.02em}.brand strong span{color:var(--cyan)}.brand small{display:block;margin-top:5px;color:var(--cyan);font-size:13px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;color:#c7d8e8;background:#091725}.view{display:none;padding:14px 16px 20px}.view.active{display:block}.hero{padding:8px 0 4px}.hero p{margin:0 0 18px;text-align:center;color:#b8c7d5;font-size:14px;line-height:1.45}.search{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.search span{font-size:24px;color:#b8dfff}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.search input::placeholder{color:#6f8498}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.category-card{border:1px solid var(--line);background:linear-gradient(180deg,#0d2134,#091724);border-radius:14px;padding:12px 6px 10px;min-height:83px;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:8px}.category-card b{display:grid;place-items:center;width:34px;height:34px;color:var(--cyan);font-size:18px}.category-card span{font-size:11px}.promo-card{margin:18px 0 24px;padding:18px;min-height:138px;border-radius:18px;border:1px solid #1767a2;background:radial-gradient(circle at 95% 0,#1077cb66,transparent 42%),linear-gradient(135deg,#0a1b2d,#082844);display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 32px #087dd11c}.promo-card small{color:var(--cyan);letter-spacing:.16em}.promo-card h2{font-size:20px;line-height:1.12;margin:7px 0}.promo-card p{font-size:12px;color:#9eb4c6;margin:0}.promo-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));font-size:21px}.section-block{margin:22px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h2{font-size:20px;margin:0}.section-title button{border:0;background:transparent;color:var(--blue);font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#0d2134,#091725);border-radius:15px;padding:13px;min-height:190px;overflow:hidden}.product-card:before{content:"";position:absolute;inset:-40px auto auto -40px;width:120px;height:120px;background:#148fff1c;border-radius:50%}.product-art{height:62px;display:grid;place-items:center;font-size:34px;position:relative}.product-card h3{font-size:15px;margin:4px 0}.product-card p{font-size:12px;color:var(--muted);margin:0 0 9px}.product-card .badge{display:inline-flex;border-radius:999px;background:#0a65403d;border:1px solid #187d57;color:#72edaa;font-size:10px;padding:4px 7px}.product-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid #143149;padding-top:10px}.stars{font-weight:800;font-size:17px;color:#ffd74c}.buy-mini{border:1px solid #1c5074;background:#0b2133;color:#bfe7ff;border-radius:10px;width:34px;height:34px}.service-list{display:grid;gap:10px}.service-card{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0c1f31,#091725)}.service-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0b5391,#152851);color:#58caff;font-weight:800}.service-card h3{margin:0 0 3px;font-size:14px}.service-card p{margin:0 0 4px;font-size:11px;color:var(--muted)}.service-card strong{font-size:12px;color:#ffd36b}.page-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin:2px 0 18px}.page-head h1{text-align:center;font-size:17px;margin:0}.page-head button{border:0;background:transparent;color:var(--text);font-size:24px}.chip-row{display:flex;gap:8px;overflow:auto;padding-bottom:8px;scrollbar-width:none}.chip{border:1px solid var(--line);background:#0b1b2b;color:#9eb4c7;border-radius:999px;padding:8px 13px;white-space:nowrap}.chip.active{background:#0d91f2;color:white;border-color:#18a5ff}.catalog-list{display:grid;gap:10px;margin-top:12px}.catalog-row{display:grid;grid-template-columns:52px 1fr 20px;gap:12px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:10px}.catalog-row .art{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#0e2940;font-size:25px}.catalog-row h3{font-size:14px;margin:0 0 4px}.catalog-row p{font-size:11px;color:var(--muted);margin:0}.catalog-row strong{display:block;color:#ffd74c;margin-top:4px;font-size:13px}.page-list{margin-top:8px}.orders-list{display:grid;gap:10px}.order-card,.empty-state{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--muted)}.order-card h3{color:var(--text);margin:0 0 6px}.order-card .status{color:var(--green)}.profile-card{text-align:center;padding:22px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin-bottom:14px}.avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(135deg,#0d79cc,#1c2a5b);border:1px solid #269ef1;font-weight:800}.profile-card h2{margin:0}.profile-card p{margin:4px 0 0;color:var(--muted)}.settings-list{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings-list button{display:flex;justify-content:space-between;padding:15px;border:0;border-bottom:1px solid var(--line);background:#0a1a29;color:var(--text);text-align:left}.settings-list button:last-child{border-bottom:0}.settings-list span{color:var(--muted)}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,540px);display:grid;grid-template-columns:repeat(5,1fr);padding:9px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #17324a;background:rgba(5,15,25,.96);backdrop-filter:blur(18px);z-index:30}.bottom-nav button{border:0;background:transparent;color:#71869a;display:grid;gap:3px;place-items:center}.bottom-nav b{font-size:20px}.bottom-nav span{font-size:10px}.bottom-nav button.active{color:var(--blue)}.skeleton{height:190px;border-radius:15px;background:linear-gradient(100deg,#0a1927,#102b40,#0a1927);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:380px){.category-grid{gap:7px}.category-card{min-height:76px}.category-card span{font-size:10px}}