:root{color-scheme:dark;--bg:#202733;--card:#2d3542;--card-strong:#363e4c;--line:#4d5868;--pink:#ff45bf;--pink-soft:#ff9cda;--text:#fff9fc;--muted:#bdc1cb;--warm:#f2c2a1}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 20%,#354153 0,transparent 50%),radial-gradient(circle at 95% 0,#6b405677,transparent 34%),var(--bg);color:var(--text);font:16px/1.5 'Segoe UI',Arial,sans-serif}button{font:inherit;color:inherit;touch-action:manipulation}header{position:sticky;top:10px;z-index:4;width:calc(100% - 28px);max-width:980px;min-height:76px;margin:10px auto 0;padding:12px 22px;display:flex;justify-content:space-between;align-items:center;border:1px solid #ffffff2b;border-radius:42px;background:linear-gradient(105deg,#565b66 5%,#9d7c6c 58%,#535864 100%);box-shadow:0 14px 40px #0c111b33}.logo{font-family:Impact,'Arial Narrow',sans-serif;color:#fc32bb;-webkit-text-stroke:1px #231f2a;text-shadow:1px 2px 0 #24202a;font-size:34px;letter-spacing:.4px;text-decoration:none}header button{min-height:42px;border:1px solid #ffffff35;background:#262b387d;border-radius:24px;padding:8px 15px}main{width:min(720px,100%);margin:auto;padding:34px 18px 110px}.center{text-align:center;margin:12vh auto 0;max-width:480px}.mark{display:grid;place-items:center;margin:0 auto 18px;width:78px;height:78px;border-radius:50%;font-size:28px;font-weight:800;background:linear-gradient(135deg,#ffd9b9,#ff96d6);color:#582445}h1{font-size:38px;line-height:1.12;margin:8px 0;letter-spacing:-1px}h2{margin:30px 0 12px;font-size:21px}.hello p,.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:#ff94d9}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:26px 0 14px}.tabs button{min-height:42px;border:1px solid transparent;border-radius:24px;padding:9px 5px;background:#303746;color:#d6d0da;font-size:13px}.tabs button.active{background:linear-gradient(110deg,#c43eb6,#ff56c5);border-color:#ff79d2;color:white}.card{display:block;background:linear-gradient(145deg,var(--card-strong),var(--card));border:1px solid var(--line);border-radius:20px;padding:20px;margin:10px 0;box-shadow:0 12px 30px #1117201f}.card h2,.card h3{margin:3px 0 15px}.balances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.balances b{font-size:26px}.balances small{display:block;color:var(--muted);font-size:10px;font-weight:400}.lesson{display:flex;justify-content:space-between;gap:15px}.lesson span{color:var(--muted);text-align:right}.line{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}.line:last-child{border:0}.line small{grid-column:1/-1;color:var(--muted)}.contact{display:block;text-align:center;margin-top:18px;padding:15px;border:1px solid #ff71d1;border-radius:30px;color:#fff;text-decoration:none;background:linear-gradient(110deg,#c43eb6,#ff56c5);box-shadow:0 12px 28px #a62c8b35}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.catalog .card{margin:0}.profile p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px}.profile p:last-child{border:0}.profile span{color:var(--muted)}.empty{color:var(--muted)}.error{border-color:#a25b78}.spinner{width:45px;height:45px;margin:auto;border:4px solid #ffffff22;border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;padding:25px;color:#9da2ae;font-size:11px}@media(max-width:480px){header{top:8px;width:calc(100% - 16px);min-height:66px;margin-top:8px;padding:8px 15px}.logo{font-size:28px}header button{min-height:40px;padding:7px 12px;font-size:13px}main{padding:24px 12px calc(100px + env(safe-area-inset-bottom))}.center{margin-top:9vh}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:5;margin:0;padding:9px 7px calc(9px + env(safe-area-inset-bottom));background:#202733f2;border-top:1px solid #ffffff18;backdrop-filter:blur(16px)}.tabs button{min-height:46px;font-size:11px}.catalog{grid-template-columns:1fr}.lesson{flex-direction:column}.lesson span{text-align:left}h1{font-size:31px}.card{padding:18px 16px;border-radius:18px}.balances b{font-size:23px}}

/* Точная палитра сайта и неизменяемый при переключении экранов фон. */
:root{--bg:#172131;--card:#293544;--card-strong:#344252;--line:#536174;--pink:#ff43be;--warm:#f6d7c1}
body{position:relative;isolation:isolate;background:var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 8% 18%,#2c3c50 0,transparent 48%),radial-gradient(circle at 92% 3%,#6f4a5d66 0,transparent 34%),var(--bg)}
header{background:linear-gradient(105deg,#565f6c 4%,#bd9680 56%,#545c68 100%)}
.mark{background:linear-gradient(135deg,var(--warm),#ff96d6)}
.tabs button.active,.contact{background:linear-gradient(110deg,#c43eb6,var(--pink))}
@media(max-width:480px){.tabs{background:#172131f2}}