@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f7f4fa;background:#09070d;font-synthesis:none;--bg:#09070d;--surface:#121018;--surface2:#1a1622;--elevated:#211b2c;--purple:#7c3aed;--purple2:#8b5cf6;--accent:#a855f7;--soft:#c084fc;--text:#f7f4fa;--secondary:#a89eb3;--muted:#746b7d;--border:#2f273a;--success:#32a866;--warning:#d49a31;--error:#e64a62;--sidebar:248px}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:var(--bg)}body{min-height:100vh;min-height:100dvh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 16px;display:flex;flex-direction:column;background:#0e0b13;border-right:1px solid var(--border);z-index:20}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--accent));box-shadow:0 8px 24px #7c3aed33}.brand-mark svg{width:19px}.brand strong{font-size:15px;letter-spacing:0}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:5px;margin-top:34px}.sidebar nav a{height:48px;padding:0 12px;border-radius:12px;display:flex;align-items:center;gap:12px;color:var(--secondary);font-size:14px;font-weight:600;transition:.18s}.sidebar nav a svg{width:19px}.sidebar nav a:hover{background:var(--surface2);color:var(--text)}.sidebar nav a.active{background:#2b1c43;color:#e9dcff}.nav-arrow{margin-left:auto;width:15px!important;opacity:.45}.sidebar-foot{margin-top:auto;padding:13px;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;gap:10px;background:var(--surface)}.sidebar-foot>svg{width:19px;color:var(--success)}.sidebar-foot strong{display:block;font-size:12px}.sidebar-foot small{font-size:10px;color:var(--muted)}.main{margin-left:var(--sidebar);min-height:100dvh}.mobile-head,.bottom-nav{display:none}.page{width:min(100%,1440px);margin:0 auto;padding:34px clamp(28px,4vw,64px) 60px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-header h1{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.12;letter-spacing:0;font-weight:800}.page-header p{margin:8px 0 0;color:var(--secondary);font-size:14px}.icon-button{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;place-items:center}.icon-button:hover{background:var(--elevated)}.icon-button svg{width:19px}.icon-button.favorite{color:#d792ff;background:#28183b;border-color:#4a2a6a}.balance-hero,.wallet-card,.referral-banner{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(115deg,#4e22a3,#7c3aed 52%,#a855f7);min-height:210px;padding:30px;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.balance-pattern{position:absolute;right:-80px;top:-130px;width:390px;height:390px;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 54px #ffffff0a,0 0 0 110px #ffffff08;pointer-events:none}.balance-copy{position:relative;z-index:1}.balance-copy span,.wallet-card span,.referral-banner span{display:block;color:#e9ddff;font-size:13px;font-weight:600}.balance-copy strong,.wallet-card strong,.referral-banner strong{display:block;font-size:44px;line-height:1;margin:12px 0 11px;letter-spacing:0}.balance-copy small,.wallet-card small,.referral-banner small{color:#e9ddffcc}.button{min-height:46px;border:0;border-radius:13px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:13px;transition:transform .16s,background .16s}.button:active{transform:scale(.98)}.button svg{width:18px}.button.primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;box-shadow:0 8px 22px #7c3aed2e}.button.primary:hover{background:linear-gradient(135deg,var(--purple2),var(--accent))}.button.secondary{background:var(--elevated);border:1px solid var(--border)}.button.light{position:relative;z-index:1;background:#fff;color:#34146a}.button:disabled{opacity:.5;cursor:not-allowed}.button.wide{width:100%}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 14px}.section-title h2{font-size:16px;margin:0}.text-button{border:0;background:transparent;color:var(--soft);font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.text-button svg{width:14px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-action{height:84px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;align-items:center;gap:11px;padding:15px;text-align:left}.quick-action>span{width:38px;height:38px;border-radius:12px;background:#2c1c44;color:#cba8ff;display:grid;place-items:center}.quick-action>span svg{width:18px}.quick-action>strong{font-size:12px;line-height:1.3}.quick-action>svg{margin-left:auto;width:15px;color:var(--muted)}.quick-action:hover{border-color:#5b3b82;background:var(--surface2)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.stat-card{min-height:100px;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:18px;display:flex;align-items:center;gap:14px}.stat-card>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#221a2f;color:var(--soft)}.stat-card svg{width:19px}.stat-card strong{display:block;font-size:20px}.stat-card small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.order-list{display:grid;gap:9px}.order-card{min-height:82px;border:1px solid var(--border);border-radius:15px;background:var(--surface);display:flex;align-items:center;gap:13px;padding:14px 16px}.order-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#21172f;display:grid;place-items:center;color:#b98af5}.order-icon svg{width:19px}.order-main{min-width:0;flex:1}.order-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-title strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-main p{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0}.order-meta{display:flex;gap:12px;color:var(--secondary);font-size:10px}.order-card>svg{width:16px;color:var(--muted)}.status{font-size:9px;text-transform:capitalize;padding:5px 8px;border-radius:99px;font-weight:700;white-space:nowrap}.status.success{background:#193526;color:#71d49a}.status.active{background:#241b44;color:#b69af2}.status.pending{background:#3a2c18;color:#e2b76a}.status.error{background:#3b1c27;color:#f08399}.catalog-tools{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;gap:10px;margin-bottom:16px}.search-input{height:48px;border:1px solid var(--border);border-radius:13px;background:var(--surface);display:flex;align-items:center;padding:0 13px;gap:10px}.search-input svg{width:18px;color:var(--muted)}.search-input input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:13px}.search-input button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.catalog-tools select{height:48px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:13px;padding:0 13px;outline:none}.filter-toggle{height:48px;border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:0 14px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.filter-toggle svg{width:17px}.filter-toggle.selected{background:#28183b;border-color:#5e3781;color:#d9b6ff}.platform-strip{display:flex;gap:7px;overflow:auto;padding:2px 0 17px;scrollbar-width:none}.platform-strip button,.amount-pills button{white-space:nowrap;height:36px;padding:0 13px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:11px}.platform-strip button.active,.amount-pills button.active{background:#6d33cb;border-color:#8b5cf6;color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-card{min-width:0;min-height:245px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:17px;display:flex;flex-direction:column}.service-card:hover{border-color:#4c3b5e;background:#15111d}.service-top{display:flex;align-items:center;justify-content:space-between}.platform-label{display:inline-flex;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:5px 8px;background:#261a36;color:#cda8fb;font-size:9px;font-weight:700;text-transform:uppercase}.service-card h3{font-size:13px;line-height:1.45;margin:14px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-meta{display:flex;gap:12px;color:var(--secondary);font-size:10px}.service-meta span{display:flex;align-items:center;gap:5px}.service-meta svg{width:13px}.limits{display:flex;gap:16px;margin:16px 0;color:var(--muted);font-size:10px}.limits b{color:var(--secondary)}.service-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--border)}.service-bottom small{display:block;color:var(--muted);font-size:9px}.service-bottom strong{display:block;margin-top:4px;font-size:18px}.service-bottom .button{min-height:40px;padding:0 13px}.sheet-backdrop{position:fixed;inset:0;background:#030205c9;z-index:60;display:flex;justify-content:flex-end;align-items:stretch;backdrop-filter:blur(3px)}.order-sheet{width:min(100%,480px);height:100%;background:#100d16;border-left:1px solid var(--border);padding:26px;overflow:auto}.sheet-handle{display:none}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.sheet-head h2{margin:10px 0 0;font-size:21px}.selected-service{border:1px solid #4c336b;background:#21162f;border-radius:15px;padding:14px;display:flex;align-items:center;gap:11px;margin-bottom:20px}.selected-service>svg:first-child{width:20px;color:var(--soft)}.selected-service>svg:last-child{margin-left:auto;width:18px;color:var(--success)}.selected-service div{min-width:0}.selected-service strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-service small{color:var(--muted);font-size:10px}.field{display:block;margin:16px 0}.field>span{display:block;font-size:11px;font-weight:600;color:var(--secondary);margin-bottom:8px}.field input,.field textarea{width:100%;height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);outline:none;padding:0 13px}.field textarea{height:130px;padding:13px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--purple2)}.field>small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.quantity{height:48px;display:grid;grid-template-columns:48px 1fr 48px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.quantity button{border:0;background:var(--elevated);font-size:20px}.quantity input{height:46px;border:0;border-radius:0;text-align:center}.order-summary{margin-top:22px;border-top:1px solid var(--border);padding-top:18px}.order-summary>div{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--secondary);font-size:12px}.order-summary strong{color:var(--text)}.inline-error,.inline-success{border-radius:11px;padding:11px 13px;font-size:11px;margin:12px 0}.inline-error{background:#3c1924;color:#ff9caf}.inline-success{background:#173526;color:#80d8a3;display:flex;gap:8px;align-items:center}.inline-success svg{width:16px}.segmented{display:inline-flex;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--border);margin-bottom:18px}.segmented button{height:35px;border:0;border-radius:9px;background:transparent;padding:0 13px;color:var(--muted);font-size:11px;font-weight:600}.segmented button.active{background:var(--elevated);color:var(--text)}.order-with-action{display:flex;align-items:center;gap:8px}.order-with-action .order-card{flex:1}.wallet-card{display:block;min-height:180px}.finance-grid,.profile-grid,.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid var(--border);border-radius:17px;background:var(--surface);padding:20px}.payment-methods{display:grid;gap:8px}.payment-methods button{min-height:62px;border:1px solid var(--border);border-radius:13px;background:var(--surface2);display:flex;align-items:center;gap:12px;padding:11px;text-align:left}.payment-methods button>svg:first-child{width:20px;color:var(--soft)}.payment-methods button>svg:last-child{margin-left:auto;width:16px;opacity:0}.payment-methods button.selected{border-color:#7149a1;background:#241833}.payment-methods button.selected>svg:last-child{opacity:1;color:var(--success)}.payment-methods strong{display:block;font-size:12px}.payment-methods small{font-size:9px;color:var(--muted)}.amount-pills{display:flex;gap:6px;overflow:auto}.transaction-list{display:grid}.transaction-list>div{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.transaction-list>div:last-child{border-bottom:0}.transaction-list span{font-size:11px;font-weight:700}.transaction-list span.positive{color:#63d18e}.transaction-list span.negative{color:#ef7188}.transaction-list strong{display:block;font-size:10px;text-transform:capitalize}.transaction-list small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.transaction-list b{font-size:10px}.referral-banner{min-height:180px;align-items:center}.referral-banner>svg{width:90px;height:90px;color:#ffffffd9;margin-right:30px}.copy-field{display:flex;gap:8px}.copy-field input{min-width:0}.copy-field button{border:0;border-radius:11px;background:var(--purple);padding:0 14px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.copy-field button svg{width:15px}.profile-head{min-height:120px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:22px;display:flex;align-items:center;gap:16px;margin-bottom:14px}.avatar{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,var(--purple),var(--accent));display:grid;place-items:center;font-size:25px;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-head h2{margin:0;font-size:20px}.profile-head p{margin:6px 0 0;color:var(--muted);font-size:11px}.info-row{height:45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:11px}.info-row:last-child{border-bottom:0}.info-row span{color:var(--muted)}.menu-list{display:grid;padding:8px}.menu-list button,.menu-list a{height:50px;border:0;border-bottom:1px solid var(--border);background:transparent;display:flex;align-items:center;gap:11px;padding:0 12px;text-align:left;font-size:12px;font-weight:600}.menu-list button:last-child,.menu-list a:last-child{border-bottom:0}.menu-list svg{width:18px;color:var(--soft)}.menu-list svg:last-child{margin-left:auto;color:var(--muted);width:15px}.language-control{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:var(--surface2);border-radius:13px}.language-control button{height:42px;border:0;border-radius:10px;background:transparent;font-weight:700}.language-control button.active{background:var(--purple)}details{border-bottom:1px solid var(--border);padding:14px 0}details:last-child{border-bottom:0}summary{cursor:pointer;font-size:12px;font-weight:600}details p{color:var(--secondary);font-size:11px;line-height:1.6}.skeleton{border-radius:16px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}.state-panel,.empty-state{min-height:260px;border:1px dashed var(--border);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--secondary)}.state-panel svg,.empty-state svg{color:var(--soft)}.state-panel h2{color:var(--text);font-size:17px;margin:14px 0 5px}.state-panel p{font-size:11px;max-width:420px;line-height:1.6}.empty-state p{font-size:12px}.muted{color:var(--secondary);font-size:12px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){:root{--sidebar:0}.sidebar{display:none}.main{margin-left:0;padding-bottom:78px}.mobile-head{height:61px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;background:#09070de8;backdrop-filter:blur(16px);z-index:30}.mobile-head .brand-mark{width:32px;height:32px;border-radius:10px}.mobile-head .icon-button{width:38px;height:38px;flex-basis:38px}.bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(66px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#100d16ed;border-top:1px solid var(--border);backdrop-filter:blur(18px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:9px;font-weight:600}.bottom-nav a svg{width:20px}.bottom-nav a.active{color:#c59bff}.page{padding:21px 14px 30px}.page-header{margin-bottom:20px}.page-header h1{font-size:23px}.page-header p{font-size:11px}.balance-hero{min-height:190px;padding:22px;align-items:flex-start;flex-direction:column}.balance-copy strong,.wallet-card strong,.referral-banner strong{font-size:36px}.balance-hero .button{margin-top:auto}.balance-pattern{right:-160px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-action{height:76px;padding:11px}.stats-grid{grid-template-columns:1fr 1fr;margin:20px 0;gap:8px}.stats-grid .stat-card:last-child:nth-child(odd){grid-column:1/-1}.stat-card{min-height:84px;padding:13px}.stat-card>span{width:36px;height:36px}.stat-card strong{font-size:17px}.order-card{padding:12px;min-height:78px}.order-title strong{max-width:180px}.order-meta span:last-child{display:none}.catalog-tools{grid-template-columns:1fr auto}.catalog-tools .search-input{grid-column:1/-1}.catalog-tools select{min-width:0;width:100%}.filter-toggle{width:48px;padding:0;justify-content:center}.filter-toggle span{display:none}.service-grid{grid-template-columns:1fr;gap:9px}.service-card{min-height:225px}.sheet-backdrop{align-items:flex-end}.order-sheet{width:100%;height:auto;max-height:92dvh;border-left:0;border-top:1px solid var(--border);border-radius:22px 22px 0 0;padding:12px 17px calc(20px + env(safe-area-inset-bottom))}.sheet-handle{display:block;width:44px;height:4px;border-radius:99px;background:#4b4154;margin:0 auto 14px}.segmented{display:flex;overflow:auto;max-width:100%}.segmented button{flex:0 0 auto}.finance-grid,.profile-grid,.support-layout{grid-template-columns:1fr}.wallet-card,.referral-banner{min-height:155px;padding:22px}.referral-banner>svg{width:62px;height:62px;margin-right:0}.copy-field{display:grid}.copy-field button{height:44px;justify-content:center}.profile-head{padding:17px}.avatar{width:58px;height:58px;border-radius:17px}}@media(max-width:360px){.quick-action>svg{display:none}.order-title strong{max-width:145px}.service-bottom .button{padding:0 10px}.balance-copy strong{font-size:32px}}@media(min-width:1440px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0}.pagination button{height:40px;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:0 15px;font-size:11px;font-weight:700}.pagination button:disabled{opacity:.4}.pagination span{font-size:11px;color:var(--secondary)}.brand-mark{background:#09070d!important;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.payment-state{margin:14px 0;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface2)}.payment-state strong,.payment-state small{display:block}.payment-state small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}.payment-state>div{display:flex;gap:8px;margin-top:12px}.payment-state .button{flex:1;min-width:0;padding:0 10px;font-size:11px}.payment-state.pending{border-color:#735a2e}.payment-state.paid{border-color:#2f7b51;background:#13291d}.payment-state.failed{border-color:#7f3043;background:#30151d}@media(max-width:420px){.payment-state>div{display:grid}.payment-state .button{width:100%}}.type-strip{display:flex;gap:7px;overflow:auto;padding:0 0 18px;scrollbar-width:none}.type-strip button{height:38px;white-space:nowrap;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:0 12px;font-size:11px;font-weight:650}.type-strip button span{margin-left:7px;color:var(--muted)}.type-strip button.active{background:#6d33cb;border-color:#8b5cf6}.type-strip button.active span{color:#eadfff}.catalog-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.directory-card{min-height:94px;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:15px;display:flex;align-items:center;gap:12px;text-align:left}.directory-card{transition:transform .2s ease,background .2s ease,border-color .2s ease}.directory-card:hover{transform:translateY(-3px);background:var(--surface2);border-color:#563d72}.directory-card>span{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#281b3a;color:#cfadff;display:grid;place-items:center;font-size:11px;font-weight:800}.directory-card>span svg{width:18px}.directory-card>div{min-width:0}.directory-card strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-card small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.directory-card>svg{margin-left:auto;width:16px;color:var(--muted)}@media(max-width:900px){.catalog-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.catalog-directory{grid-template-columns:1fr}.directory-card{min-height:82px}}.public-shell{min-height:100dvh;display:flex;flex-direction:column;background:#09070d}.public-header{height:76px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--border);background:#09070ded;backdrop-filter:blur(18px)}.public-header nav{display:flex;align-items:center;gap:8px}.public-header nav a{height:40px;padding:0 15px;border-radius:10px;display:flex;align-items:center;color:var(--secondary);font-size:12px;font-weight:700}.public-header nav a:hover,.public-header nav a.active{background:var(--surface2);color:var(--text)}.public-head-actions{justify-self:end;display:flex;align-items:center;gap:10px}.language-control.compact{display:flex;padding:3px}.language-control.compact button{width:38px;height:34px;font-size:10px}.public-header .button{min-height:40px}.public-shell>main{flex:1}.public-shell .page{width:min(100%,1500px);padding-top:46px}.public-hero{min-height:500px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;border:1px solid var(--border);background:var(--surface);overflow:hidden}.public-hero-copy{padding:clamp(38px,6vw,82px);display:flex;flex-direction:column;justify-content:center}.hero-kicker{color:var(--soft);font-size:12px;font-weight:800;text-transform:uppercase}.public-hero h1{max-width:720px;margin:18px 0;font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:0}.public-hero p{max-width:650px;margin:0;color:var(--secondary);font-size:16px;line-height:1.65}.hero-actions{display:flex;gap:10px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px}.trust-row span{display:flex;align-items:center;gap:7px;color:var(--secondary);font-size:11px;font-weight:600}.trust-row svg{width:16px;color:var(--soft)}.public-hero-media{min-height:500px;background:#050408;overflow:hidden}.public-hero-media img{width:100%;height:100%;display:block;object-fit:cover;animation:hero-breathe 10s ease-in-out infinite;will-change:transform}.public-platforms{grid-template-columns:repeat(4,minmax(0,1fr))}.public-cta{margin-top:48px;min-height:190px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#5423a5;border:1px solid #8b5cf6}.public-cta span{color:#ddc8ff;font-size:11px;font-weight:700;text-transform:uppercase}.public-cta h2{margin:8px 0;font-size:25px}.public-cta p{margin:0;color:#e3d6f7;font-size:12px}.public-faq{max-width:920px}.public-faq summary{font-size:14px}.public-faq details p{font-size:12px}.web-auth-card{width:min(100%,620px);min-height:360px;margin:0 auto;padding:48px 42px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.web-auth-card .auth-icon{width:64px;height:64px;margin-bottom:22px;border:1px solid #6840a0;background:#281b3a;color:#d7bbff;display:grid;place-items:center}.web-auth-card .auth-icon svg{width:28px;height:28px}.web-auth-card h2{margin:0;font-size:24px}.web-auth-card p{max-width:450px;margin:12px 0 24px;color:var(--secondary);font-size:13px;line-height:1.65}.web-auth-card>.button{min-width:230px}.auth-wait{margin-top:16px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.auth-wait svg{width:15px}.web-wallet{max-width:720px;margin-left:auto;margin-right:auto}.public-shell .topup-panel{width:min(100%,720px);margin:18px auto 0}.public-shell .payment-methods{grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes hero-breathe{0%,to{transform:scale(1.01)}50%{transform:scale(1.055)}}.public-footer{min-height:86px;margin-top:30px;padding:0 clamp(24px,5vw,80px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.public-footer div{display:flex;gap:22px}.public-footer a:hover{color:var(--text)}@media(max-width:960px){.public-header{grid-template-columns:1fr auto}.public-header nav{display:none}.public-hero{grid-template-columns:1fr}.public-hero-media{min-height:320px;max-height:460px;order:-1}.public-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.public-header{height:64px;padding:0 14px}.public-header .brand small,.public-head-actions>.button{display:none}.public-header .brand-mark{width:34px;height:34px}.public-shell .page{padding-top:20px}.public-hero{min-height:0}.public-hero-media{min-height:230px;max-height:260px}.public-hero-copy{padding:27px 20px}.public-hero h1{font-size:34px}.public-hero p{font-size:13px}.hero-actions{display:grid}.trust-row{gap:11px}.public-platforms{grid-template-columns:1fr}.public-cta{align-items:flex-start;flex-direction:column;padding:26px 22px}.web-auth-card{min-height:330px;padding:34px 22px}.web-auth-card>.button{width:100%;min-width:0}.public-shell .payment-methods{grid-template-columns:1fr}.public-footer{padding:22px 16px;align-items:flex-start;flex-direction:column;gap:16px}.public-footer div{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){.public-hero-media img{animation:none}.directory-card{transition:none}}.platform-icon,.service-type-icon{display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden}.platform-icon{width:22px;height:22px;border-radius:7px;background:#ffffff0b}.platform-icon img{width:100%;height:100%;display:block;object-fit:contain}.platform-icon svg{width:14px;height:14px;color:#cba8ff}.service-type-icon{width:24px;height:24px;border-radius:8px;background:#332348;color:#d4b5ff}.service-type-icon svg{width:14px;height:14px;stroke-width:2}.platform-strip button,.type-strip button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.platform-strip button>svg,.type-strip button>svg{width:15px;height:15px;flex:0 0 auto}.platform-strip .platform-icon{width:19px;height:19px;border-radius:6px}.type-strip button>.service-type-icon{width:21px;height:21px;margin-left:0;color:#cba8ff}.type-strip button>.service-type-icon svg{width:13px;height:13px}.type-strip button>.type-count{margin-left:1px;color:var(--muted)}.type-strip button.active>.service-type-icon{background:#ffffff1c;color:#fff}.directory-card>.directory-icon{width:46px;height:46px;flex:0 0 46px;margin:0;border-radius:13px;background:#241b30;padding:8px;color:#d4b5ff}.directory-card>.directory-icon img{border-radius:8px}.directory-card>.service-type-icon.directory-icon svg{width:22px;height:22px}.platform-label{align-items:center;gap:6px;padding:4px 7px 4px 5px}.platform-label .platform-icon{width:19px;height:19px;border-radius:6px;background:transparent}.service-name-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;margin:13px 0 12px}.service-name-row>.service-type-icon{width:30px;height:30px;margin-top:1px}.service-name-row>.service-type-icon svg{width:16px;height:16px}.service-name-row h3{margin:0}.selected-service>.service-type-icon{width:34px;height:34px;color:var(--soft)}.selected-service>.service-type-icon svg{width:18px;height:18px}@media(max-width:520px){.directory-card>.directory-icon{width:44px;height:44px;flex-basis:44px}.platform-strip button,.type-strip button{height:40px}}