:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#070712;color:#f7f6ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#241b50 0,transparent 34rem),radial-gradient(circle at 90% 15%,#102f46 0,transparent 32rem),#070712}
.stars{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
header,main,footer{position:relative;z-index:1;max-width:1120px;margin:auto}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;letter-spacing:.12em}.brand span,.product-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #8d79ff;border-radius:12px;background:linear-gradient(145deg,#8b6dff,#4ac4df);font-weight:900}.back,.secondary{color:#d7d1ff;border:1px solid #4c456a;background:#151325;border-radius:12px;padding:11px 16px;text-decoration:none}
.intro{padding:58px 24px 30px;max-width:760px}.eyebrow,small{color:#9c8cff;letter-spacing:.13em;font-size:12px;font-weight:800}.eyebrow i{display:inline-block;width:20px;height:2px;background:#8d79ff;vertical-align:middle;margin-right:8px}.intro h1{font-size:clamp(42px,7vw,74px);margin:10px 0 12px;letter-spacing:-.055em}.intro>p:last-child{color:#aaa5bc;font-size:19px;line-height:1.55}.session-message{display:flex;align-items:center;gap:12px;margin:0 24px 20px;min-height:44px}.message{margin:0;color:#b8b2cc;min-height:24px}.session-message .secondary{padding:9px 13px}.session-message .secondary[hidden]{display:none}
.card{border:1px solid #312d48;border-radius:24px;background:linear-gradient(145deg,rgba(29,26,48,.92),rgba(14,13,28,.92));box-shadow:0 24px 70px #0006}.auth{margin:0 24px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.auth[hidden],#cabinet[hidden]{display:none}.auth h2,.product h2{margin:8px 0;font-size:27px}.auth p,.muted{color:#aaa5bc;line-height:1.5}.icon{font-size:32px;color:#a995ff}form{display:grid;gap:12px}label{display:grid;gap:8px;color:#ccc7dc;font-size:14px}input{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #48415f;background:#0b0a17;color:#fff;font:inherit}
button,.button{border:0;border-radius:12px;padding:14px 18px;background:linear-gradient(135deg,#8b6dff,#5579ff);color:#fff;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;text-align:center}button:disabled{opacity:.55;cursor:wait}#cabinet{padding:0 24px}.identity{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;margin-bottom:18px;border:1px solid #29253d;border-radius:16px;background:#100f20}.identity div{display:grid;gap:4px}.identity strong{font-size:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product{padding:26px;min-height:310px}.product-head{display:flex;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px solid #312d48}.product-head h2{margin:3px 0}.orbita .product-icon{background:linear-gradient(145deg,#d365ff,#6859ff)}.product-body{padding-top:20px;display:grid;gap:12px}.status{width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:#18372f;color:#89ecc7;font-size:12px;font-weight:800}.status.wait{background:#372e18;color:#f0cf7a}
button.copied{background:linear-gradient(135deg,#168763,#2dbd8a)!important;color:#fff!important;border-color:#49d7a8!important;box-shadow:0 0 0 3px #2dbd8a22,0 10px 28px #0c8c6640}
.subscription{padding:16px;border:1px solid #37324d;border-radius:16px;display:grid;gap:12px}.subscription-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-head strong{font-size:17px}.mini{padding:5px 8px;border-radius:999px;background:#372e18;color:#f0cf7a;font-size:10px;font-weight:900;letter-spacing:.05em}.mini.active{background:#18372f;color:#89ecc7}.subscription-expiry{margin:0;color:#aaa5bc;font-size:14px}.subscription-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.subscription-link input{font-size:13px;color:#d8d2e8}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.actions .secondary{display:inline-block}footer{padding:45px 24px;color:#716c82;font-size:13px}
.telegram-card{margin-top:6px;padding:18px;border:1px solid #48406b;border-radius:18px;background:linear-gradient(135deg,#17142f,#101a2a);display:grid;gap:12px}.telegram-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.telegram-head>div{display:grid;gap:4px}.telegram-head strong{font-size:17px}.telegram-head p,.telegram-note{margin:0}.telegram-status{flex:none;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em}.telegram-status.bound{color:#8fefc9;background:#18372f;border:1px solid #315f50}.telegram-status.waiting{color:#f0cf7a;background:#372e18;border:1px solid #65552d}.telegram-status.off{color:#bbb5ce;background:#242034;border:1px solid #47405f}.telegram-actions{display:flex;flex-wrap:wrap;gap:9px}.telegram-actions .button,.telegram-actions .secondary{display:inline-flex;align-items:center;justify-content:center}.telegram-note{color:#c0bbcf;line-height:1.5}.telegram-error{margin:0;color:#ffaaa9;font-size:13px}
.referral-card{position:relative;overflow:hidden;margin-top:6px;padding:14px 16px;border:1px solid #7359a9;border-radius:18px;background:radial-gradient(circle at 0 0,#58328155,transparent 55%),linear-gradient(135deg,#211633,#151229);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center}.referral-card:after{content:'✦';position:absolute;right:18%;top:-30px;color:#b995ff14;font-size:110px;pointer-events:none}.referral-icon{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#c069ff,#7058ff);box-shadow:0 10px 24px #8e56ff4d;color:#fff;font-weight:900}.referral-copy{position:relative;z-index:1;display:grid;gap:3px}.referral-copy strong{font-size:16px}.referral-copy p{margin:0;color:#d1c9df;line-height:1.35;font-size:13px}.referral-button{position:relative;z-index:1;white-space:nowrap;background:linear-gradient(135deg,#b35dff,#765cff)}
@media(max-width:760px){.auth,.grid{grid-template-columns:1fr}.intro{padding-top:30px}.identity{align-items:flex-start;gap:16px}.identity strong{word-break:break-all}.product{min-height:0}.subscription-link{grid-template-columns:1fr}.subscription-head,.telegram-head{align-items:flex-start;flex-direction:column}.telegram-actions{display:grid}.telegram-actions>*{width:100%}.referral-card{grid-template-columns:auto 1fr}.referral-button{grid-column:1/-1;width:100%}}
