@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#eaf5ff;background:#050a12;--bg:#050a12;--surface:#0b1421;--surface2:#0e1e2d;--line:#1b354b;--text:#eaf5ff;--muted:#87a0b7;--accent:#3ab8ff;--accent2:#18e1d4;--blue:#237be8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6ee7ff;outline-offset:3px}::selection{background:#166fa0;color:#fff}
.site-frame{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse 42% 30% at 50% 42%,#0b2332 0%,transparent 78%),radial-gradient(ellipse 45% 60% at 100% 0%,#071827 0%,transparent 70%),#050a12}.site-frame:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.27;background-image:linear-gradient(#28435324 1px,transparent 1px),linear-gradient(90deg,#28435324 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 67%)}.site-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#8aa7c004 4px);opacity:.55}.corner-glow{position:absolute;width:560px;height:560px;border:1px solid #1d4858;border-radius:50%;pointer-events:none;opacity:.36}.corner-glow:before,.corner-glow:after{content:'';position:absolute;inset:60px;border:1px solid #1d4858;border-radius:50%}.corner-glow:after{inset:135px}.corner-glow-one{top:-330px;left:-230px}.corner-glow-two{bottom:-390px;right:-180px}.site-header,.site-footer{position:relative;z-index:1;max-width:1440px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-header{padding:28px 42px}.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;font-size:16px;letter-spacing:-.065em;font-weight:800}.brand-blue{color:var(--accent2)}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(140deg,#0a93db,#20e2d4);display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 24px #0dbbbf36;transform:skew(-6deg)}.brand-mark span{height:13px;width:5px;background:#061824;border-radius:2px;transform:skew(-16deg)}.brand-mark span:last-child{height:19px}.header-help{font-size:11px;font-weight:700;color:#93b2c6;border:1px solid #244358;border-radius:8px;padding:9px 12px;background:#0e203050}.header-help:hover{color:#d9ffff;border-color:#2b90ae}.header-help span{color:var(--accent2);margin-left:6px}.site-footer{padding:24px 42px;color:#536d80;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.03em}
.screen{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:25px 20px 45px}.login-wrap{width:min(100%,430px);display:flex;flex-direction:column;align-items:center;animation:appear .4s ease both}.product-mark{width:54px;height:54px;display:grid;place-items:center;position:relative;border-radius:16px;background:linear-gradient(145deg,#0c2633,#07111c);border:1px solid #24586a;box-shadow:0 0 0 6px #0f33411f,0 16px 35px #0008}.product-mark svg{width:31px;height:31px;filter:drop-shadow(0 0 12px #2df5ea66)}.product-name{font-size:25px;font-weight:800;letter-spacing:-.065em;margin:17px 0 3px}.product-name span{color:var(--accent2)}.product-caption{color:#7a9aad;font-size:11px;letter-spacing:.02em;margin:0 0 24px}.login-card{width:100%;border:1px solid #1b4651;background:linear-gradient(150deg,#0b1b25ed,#071218f5);box-shadow:0 20px 60px #0009,0 0 55px #10c3d514,inset 0 1px #6dfff111;border-radius:16px;padding:27px 27px 24px;position:relative;overflow:hidden}.login-card:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#37eddf7d,transparent)}.card-kicker{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:#58d6db;text-align:center;margin:0 0 8px}.login-card h1{font-size:21px;text-align:center;letter-spacing:-.055em;margin:0 0 22px}.login-stack{display:grid;gap:10px}.auth-button{min-height:48px;width:100%;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #27627b;background:#0e2934;color:#d9f7ff;font-size:12px;font-weight:800;transition:transform .18s,border-color .18s,background .18s}.auth-button:hover{transform:translateY(-2px);border-color:#47d9e2;background:#103645}.auth-button.primary{color:#04101e;border-color:#40b7f7;background:linear-gradient(110deg,#4abfff,#5da5f7);box-shadow:0 9px 22px #328beb2a}.auth-button.primary:hover{background:linear-gradient(110deg,#75d4ff,#77b7ff)}.auth-button svg{height:17px;width:17px}.auth-button.minor{border-color:#1b4c52;background:#0b2529;color:#b9eff1}.telegram-widget{display:flex;justify-content:center;min-height:48px}.telegram-widget iframe{max-width:100%}.separator{display:flex;align-items:center;gap:12px;color:#648a99;font:500 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;margin:16px 0}.separator:before,.separator:after{content:'';height:1px;background:#1c4650;flex:1}.code-toggle{margin-top:1px}.code-panel,.bot-panel{margin-top:14px;border-top:1px solid #1b4149;padding-top:19px}.code-panel[hidden],.bot-panel[hidden]{display:none}.field-label{font-size:11px;color:#9ad0d4;font-weight:700;display:block;margin-bottom:8px}.code-input{width:100%;height:49px;background:#0d2b31;color:#d5fff9;border:1px solid #23515a;border-radius:8px;text-align:center;font:600 18px 'IBM Plex Mono',monospace;letter-spacing:.25em;text-transform:uppercase}.code-input::placeholder{color:#547d84;letter-spacing:.13em;font-size:14px}.code-submit{margin-top:10px;background:#18baa8;border-color:#28d5c6;color:#031815}.auth-hint{color:#7396a0;font-size:10px;line-height:1.6;margin:12px 0 0;text-align:center}.auth-hint strong{color:#c2f5f2}.status-message{color:#8bd6dc;background:#0a2c32;border:1px solid #1c5960;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.6;margin:12px 0 0}.status-message.error{color:#ffb1ad;background:#321919;border-color:#6d3030}.login-bottom{margin-top:18px;color:#577783;font:500 10px 'IBM Plex Mono',monospace;text-align:center}.login-bottom span{color:#16bda9;margin:0 8px}.bot-code{display:block;margin:13px auto;text-align:center;color:#d6fdfa;font:600 24px 'IBM Plex Mono',monospace;letter-spacing:.17em}.bot-flow-actions{display:grid;gap:9px}.bot-flow-actions a{min-height:43px}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:10;background:#0b3540;border-bottom:1px solid #18606e;color:#9ff8ef;text-align:center;font-size:10px;font-weight:700;padding:8px 12px}.demo-mode .site-header{padding-top:55px}
.dashboard{width:min(100%,1060px);animation:appear .4s ease both}.dashboard-top{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}.dashboard-top .eyebrow{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.16em;color:var(--accent2);text-transform:uppercase}.dashboard-top h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.065em;margin:9px 0 0}.dashboard-top p{color:#8da8bb;font-size:12px;margin:9px 0 0}.small-link{border:1px solid #2b596a;background:#102b37;padding:10px 14px;border-radius:8px;color:#b8eaf1;font-size:11px;font-weight:800;white-space:nowrap}.small-link:hover{border-color:#37d7d4}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px}.dashboard-card{border:1px solid #22404f;background:linear-gradient(145deg,#0c1b28,#09141e);box-shadow:0 15px 45px #0005;border-radius:15px;padding:25px}.dashboard-card h2{font-size:16px;margin:0 0 19px;letter-spacing:-.04em}.dashboard-side{display:grid;gap:15px;align-content:start}.status-pill{display:inline-flex;gap:7px;align-items:center;color:#91f7d9;background:#0e3a36;border:1px solid #1c6555;border-radius:100px;padding:6px 11px;font-size:10px;font-weight:800}.status-pill:before{content:'';height:6px;width:6px;border-radius:50%;background:#3cf0ad}.status-pill.expired{color:#ffb4a5;background:#3a2224;border-color:#6c3b3a}.status-pill.expired:before{background:#ff8a73}.subscription-main strong{display:block;font-size:22px;letter-spacing:-.05em;margin:14px 0 23px}.subscription-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #274052;border-bottom:1px solid #274052;padding:18px 0}.subscription-details small{display:block;color:#68889c;font-size:10px;margin-bottom:5px}.subscription-details strong{font-size:12px}.connection-box{background:#0b2732;border:1px solid #205565;border-radius:10px;padding:16px;margin-top:19px}.connection-box small{display:block;color:#7ca9b5;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.connection-link{word-break:break-all;color:#b8eeef;font:500 10px 'IBM Plex Mono',monospace;background:#071b24;border:1px solid #245363;border-radius:7px;padding:10px}.connection-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.connection-actions button,.connection-actions a{border:1px solid #297b83;border-radius:7px;background:#12414b;color:#c9f8f8;padding:9px 12px;font-size:10px;font-weight:800}.connection-actions button:hover,.connection-actions a:hover{background:#175864}.muted,.empty-state{color:#83a0b1;font-size:11px;line-height:1.75}.payment-list{display:grid;gap:10px}.payment-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #203947;padding-top:10px;font-size:10px}.payment-row span{color:#82a0b0}.bot-link{color:#58dedd;font-size:11px;font-weight:800}.logout-button{background:none;color:#87a8b8;border:0;padding:0;font-size:11px;text-decoration:underline}.error-state{color:#ffb4a5;font-size:12px}
@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.site-header,.site-footer{padding-left:20px;padding-right:20px}.screen{align-items:flex-start;padding-top:54px}.dashboard-grid{grid-template-columns:1fr}.dashboard-top{display:block}.dashboard-top .small-link{display:inline-block;margin-top:18px}.login-wrap{max-width:430px}.corner-glow-one{left:-410px}.corner-glow-two{right:-430px}}@media(max-width:450px){.site-header{padding-top:20px}.header-help{font-size:10px}.screen{padding:36px 16px 30px}.login-card{padding:23px 18px}.product-caption{margin-bottom:22px}.site-footer{font-size:9px}.site-footer span:last-child{display:none}.dashboard-card{padding:19px}.subscription-details{grid-template-columns:1fr 1fr}.demo-mode .site-header{padding-top:53px}}@media(prefers-reduced-motion:reduce){.login-wrap,.dashboard{animation:none}.auth-button{transition:none}}

/* Keep the one-time-code instructions legible on dark and narrow screens. */
.code-panel .field-label{font-size:14px;color:#d5f5f4;margin-bottom:10px}
.code-panel .code-input::placeholder{color:#88bbc0;font-size:16px}
.code-panel .code-submit{font-size:14px}
.code-panel .auth-hint{font-size:13px;line-height:1.6;color:#b2ccd1;margin-top:16px}
.code-panel .auth-hint strong{color:#72f1e5}