:root{color-scheme:dark;--bg:#03152e;--panel:#082342;--line:#17476b;--text:#f3fbff;--muted:#9fbcd3;--cyan:#28d7ff;--blue:#1375cb}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#075e85 0%,#063a65 24%,#031d3c 52%,#020f27 100%);color:var(--text);font-family:Tahoma,Arial,sans-serif;font-size:14px}.shell{max-width:820px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 24px;gap:12px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:54px;height:54px;object-fit:cover;border-radius:14px;border:1px solid #27759b;box-shadow:0 0 19px #00cfff32}.brand-name{font-size:23px;font-weight:900;letter-spacing:.5px;direction:ltr;text-align:left}.brand-name small{display:block;color:#6edcff;font-size:9px;letter-spacing:2px;margin-top:4px}.tag{font-size:11px;border:1px solid #28668b;border-radius:20px;padding:8px 11px;color:#a9d9ef;white-space:nowrap}.hero{background:linear-gradient(120deg,#0b4773,#082b53 55%,#061d3c);border:1px solid #25739b;padding:24px;border-radius:22px;margin-bottom:18px;box-shadow:0 12px 34px #0003, inset 0 1px #ffffff12}.hero-top{display:flex;align-items:center;gap:13px}.hero-logo{width:84px;height:84px;object-fit:cover;border-radius:17px;box-shadow:0 0 24px #00c8ff3b}.hero h1{font-size:23px;margin:12px 0}.hero p,.panel p,.muted{color:var(--muted)}.small{color:#add5ea;font-size:12px}.panel{background:linear-gradient(155deg,#0a3155,#08223e);border:1px solid #1b5074;border-radius:18px;padding:19px;margin-bottom:13px;box-shadow:0 5px 24px #0002}h2{font-size:17px;margin:20px 0 14px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats strong{font-size:25px;display:block;margin:12px 0;color:#6be9ff}.welcome{display:flex;align-items:center;gap:12px;margin:18px 0}.welcome button{margin-right:auto}button,.link{border:1px solid #29c8ed;background:linear-gradient(130deg,#0d5a8d,#0c385e);color:#dcfaff;border-radius:10px;padding:10px 13px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.link:hover{background:#106a9f}.service{margin-bottom:12px}.service h3{margin:0 0 12px;font-size:15px}.line{display:flex;justify-content:space-between;gap:12px;margin:8px 0;color:#d1e9f5}.line span:first-child{color:#9bbdd1}.progress{height:7px;background:#194769;border-radius:10px;overflow:hidden;margin:13px 0}.bar{height:100%;background:linear-gradient(90deg,#138bd9,#47edff)}.info{color:#b3dff7;line-height:2}footer{text-align:center;color:#729ab4;font-size:11px;padding:24px}#telegram-login{margin-top:20px}[hidden]{display:none!important}@media(max-width:420px){.shell{padding:13px}.hero{padding:19px}.hero h1{font-size:20px}.stats{gap:8px}.panel{padding:15px}.brand-icon{width:46px;height:46px}.brand-name{font-size:19px}.tag{font-size:9px;padding:7px}.hero-logo{width:66px;height:66px}}

.tabs{display:flex;gap:8px;margin:15px 0;overflow-x:auto}.tab{flex:1;min-width:85px;background:#082342;border-color:#17476b}.tab.selected{background:linear-gradient(120deg,#106eae,#084877);border-color:#28d7ff;box-shadow:0 0 15px #28d7ff26}.transaction{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.transaction strong{color:#6be9ff}.service .link{margin-top:8px}.welcome{min-height:44px}button:focus-visible,a:focus-visible{outline:2px solid #28d7ff;outline-offset:3px}

#telegram-retry{margin-top:12px;padding:11px 18px;border:1px solid #36a8df;border-radius:10px;background:#0b4167;color:#fff;cursor:pointer}#auth-msg{line-height:1.9;min-height:1.5em}#telegram-login iframe{max-width:100%}

#code-form{display:grid;gap:12px;margin-top:18px}#login-code{width:100%;box-sizing:border-box;background:#061d37;color:#fff;border:1px solid #2681ad;border-radius:12px;padding:14px;font-size:18px;text-align:center;letter-spacing:1px}#code-form button{cursor:pointer}#code-form button:disabled{opacity:.5}