:root{--bg:#f7f7ff;--text:#1b2547;--muted:#6a7394;--line:#e6e8f6;--purple:#635bea;--purple2:#8a77ff;--soft:#eeecff;--shadow:0 16px 44px rgba(63,57,132,.055)}*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0%,#ebe8ff 0,transparent 450px),var(--bg)}a{color:inherit;text-decoration:none}.top{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;margin:auto;padding:0 23px}.brand{font-size:22px;font-weight:850;letter-spacing:-.7px;white-space:nowrap}.brand-mark{display:inline-flex;background:linear-gradient(140deg,#76aaff,#7062e9);border-radius:13px;color:#fff;align-items:center;justify-content:center;width:35px;height:35px;margin-right:7px}.links{display:flex;align-items:center;gap:23px;font-size:14px;color:#5d6687;font-weight:600}.links a:hover,.text-link:hover{color:var(--purple)}.landing,.dashboard{max-width:1120px;margin:0 auto;padding:22px 23px 72px}.hero-section{padding:78px 12px 67px;max-width:850px}.chip{display:inline-flex;padding:8px 14px;background:#eceaff;border:1px solid #dcd8fc;border-radius:100px;color:#675ed9;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-section h1{font-size:clamp(43px,6.8vw,83px);line-height:1.09;letter-spacing:-.06em;margin:22px 0;max-width:850px}.hero-section h1 em{font-style:normal;color:var(--purple)}.hero-section>p{font-size:clamp(17px,2vw,21px);color:var(--muted);line-height:1.65;max-width:680px}.button-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 24px;border-radius:16px;font-weight:800;font-size:15px;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit;text-align:center}.btn:active{transform:scale(.99)}.btn.primary{background:linear-gradient(110deg,#5789f5,#7461ef);color:#fff;box-shadow:0 12px 26px #7564ef23}.btn.subtle{background:white;color:#40486e;border-color:var(--line)}.btn.outline{background:transparent;border-color:var(--line);color:var(--text)}.btn.full{width:100%}.pill-note{font-size:14px;color:#7d84a2;margin-top:23px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature,.panel{background:#fff;border:1px solid var(--line);border-radius:25px;padding:27px;box-shadow:var(--shadow)}.feature-icon{font-size:25px;display:inline-grid;place-items:center;width:55px;height:55px;background:var(--soft);border-radius:16px;margin-bottom:12px}.feature h2,.panel h2{font-size:21px;margin:7px 0 10px;letter-spacing:-.02em}.feature p,.panel p{color:var(--muted);line-height:1.55;font-size:15px}.feature>a:not(.link-feature){display:inline-block;margin-top:15px;font-weight:750;color:var(--purple)}.bottom-banner{margin:35px 0 0;background:#292c62;color:#fff;border-radius:25px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px}.bottom-banner h2{margin:0}.bottom-banner p{color:#c9cdf6}.bottom-banner .btn{color:#292c62}.dashboard{padding-top:54px}.welcome{margin-bottom:25px}.welcome h1{font-size:clamp(34px,5vw,55px);letter-spacing:-.05em;margin:14px 0 12px}.welcome p{color:var(--muted);font-size:17px;line-height:1.6}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.dashboard-tiles{margin-bottom:22px}.link-feature{display:block}.link-feature:hover{border-color:#c9c4ff;transform:translateY(-2px)}.segmented{display:flex;background:#f3f3fb;border-radius:14px;padding:5px;margin-bottom:22px}.segmented button{border:0;background:transparent;border-radius:11px;padding:12px;width:50%;font-weight:750;color:var(--muted);cursor:pointer}.segmented button.selected{background:white;box-shadow:0 4px 12px #1c1b3540;color:var(--text)}form{display:grid;gap:16px}label{display:block;font-size:14px;font-weight:700}input{display:block;width:100%;background:#fcfcff;border:1px solid #daddf0;outline:0;border-radius:13px;padding:15px;margin-top:8px;font-size:16px;color:var(--text)}input:focus{border-color:#7772fa;box-shadow:0 0 0 4px #7772fa13}.text-link{background:none;border:0;color:var(--purple);font-weight:750;cursor:pointer;margin-top:17px;font-size:14px;padding:0}.tiny{font-size:12.5px!important;line-height:1.5!important;color:#828aa3!important;margin-top:17px!important}.muted{color:var(--muted)}.banner{background:#e8e7ff;color:#393879;padding:15px 18px;border-radius:14px;margin-bottom:20px}.banner.error{background:#ffe9ed;color:#8d3541}.method{border-top:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:14px}.method strong{overflow-wrap:anywhere}.method small{display:block;color:var(--muted);margin-top:5px}.tag{display:inline-block;font-size:12px;border-radius:99px;padding:6px 10px;color:#237e64;background:#e3f8f0;font-weight:800}.tag.off{background:#f2f2fa;color:#747992}.telegram-widget{margin:15px 0 8px;min-height:45px}.logout{margin-top:22px}.panel-head{display:flex;gap:12px;justify-content:space-between;align-items:center}.small-btn{cursor:pointer;background:var(--soft);color:var(--purple);border:0;border-radius:12px;padding:10px 13px;font-weight:800}.server-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:18px 0}.server-row:first-child{border-top:0}.server-row strong{display:block}.server-row small{color:var(--muted);display:block;margin-top:4px}.server-state{font-weight:800;color:#24a17e;white-space:nowrap}.server-state.bad{color:#dd6274}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.stat-grid>div{padding:17px 7px;text-align:center;border-radius:14px;background:#f5f5fe}.stat-grid small{color:var(--muted);font-size:12px;display:block}.stat-grid strong{font-size:20px;display:block;margin-top:9px;white-space:nowrap}.panel h3{margin-top:21px}footer{text-align:center;padding:16px 23px 36px;color:#8990a9;font-size:12px}button:disabled{opacity:.58;cursor:wait}[hidden]{display:none!important}@media(max-width:750px){.top{height:67px;padding:0 18px}.links{gap:12px;font-size:12px}.links a:first-child{display:none}.brand{font-size:19px}.landing,.dashboard{padding:12px 16px 50px}.hero-section{padding:43px 2px 48px}.hero-section h1{font-size:42px}.feature-grid,.auth-grid{grid-template-columns:1fr;gap:13px}.feature,.panel{padding:22px;border-radius:20px}.bottom-banner{align-items:stretch;flex-direction:column;padding:25px}.dashboard{padding-top:25px}.stat-grid strong{font-size:16px}.welcome h1{font-size:36px}}

body.embedded .top,body.embedded footer{display:none}body.embedded .dashboard{padding:12px 12px 25px}body.embedded .welcome{margin-bottom:13px}body.embedded .welcome h1{font-size:30px}body.embedded .panel{padding:17px}body.embedded .dashboard>.auth-grid{gap:12px}