body.spot-web{margin:0;min-height:100vh;background:#eef1f7}:root[data-spot-theme=dark] body.spot-web{background:#0f1115}.spot-web-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center}.spot-web-col{width:100%;max-width:520px;min-height:100vh;background:var(--vkui--color_background, #fff);box-shadow:0 0 0 1px #0000000a,0 18px 60px #141e461f}@media (max-width: 560px){.spot-web-col{box-shadow:none}}.spot-web-topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;font-size:13px;color:#fff;background:linear-gradient(135deg,#0061ff,#2f6bff 45%,#7b2ff7)}.spot-web-topbar__brand{display:flex;align-items:center;gap:10px;font-family:Golos Text,Unbounded,sans-serif;font-weight:800;font-size:17px;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-decoration:none}.spot-web-topbar__brand img{width:28px;height:28px;border-radius:8px}.spot-web-topbar__title{opacity:.85;flex:1}.spot-web-topbar a.spot-web-topbar__btn,.spot-web-topbar button{color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.35);border-radius:100px;padding:5px 12px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.spot-web-login{padding:36px 24px 48px;display:flex;flex-direction:column;gap:14px}.spot-web-login h1{font-family:Unbounded,sans-serif;font-size:24px;margin:0;line-height:1.2}.spot-web-login p{margin:0;font-size:14.5px;line-height:1.5;color:var(--vkui--color_text_secondary, #6d7885)}#vkid-onetap{margin-top:8px}@media (min-width: 960px){.spot-web-col{max-width:1120px;min-height:100vh;border-radius:0 0 24px 24px}.spot-web-col.spot-web-col--wide{max-width:1120px}.spot-web-topbar{padding:12px 28px}body.spot-web .spot-main-panel .cab-wrap{padding:24px 28px 48px}body.spot-web .cab-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}body.spot-web .cab-cols__l,body.spot-web .cab-cols__r{display:flex;flex-direction:column;gap:14px;min-width:0}body.spot-web .cab-cols__l{position:sticky;top:16px}body.spot-web .cab-head__name{font-size:22px}body.spot-web .cab-balance{font-size:40px}body.spot-web .cab-card[aria-label=Баланс] .cab-col{flex-direction:row}body.spot-web .cab-card[aria-label=Баланс] .cab-col>*{flex:1}.spot-web-login{max-width:560px;margin:0 auto;padding-top:64px}}