:root{color-scheme:dark;--bg:#101311;--panel:#191e1a;--muted:#99a79c;--accent:#c4f568}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eff3ed;font-family:Segoe UI,Arial,sans-serif}a{color:var(--accent)}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.shell{max-width:1200px;margin:auto;min-height:100dvh;display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:center;padding:52px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:29px;letter-spacing:2px;font-weight:700;margin-bottom:60px}.brand img{width:47px;height:47px;border-radius:13px}.brand-dot{color:var(--accent);margin-left:5px}.eyebrow,.panel-top{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(38px,5vw,67px);font-weight:600;line-height:1.07;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;color:var(--accent)}.intro>p{color:#a4b2a5;font-size:17px;line-height:1.8}.intro>small{color:#7c8b7d;line-height:1.8;font-size:11px}.orbit{display:flex;align-items:center;gap:18px;margin:38px 0}.orbit>span{font-size:58px;color:#b6a0f3;line-height:1}.orbit b{font-size:12px;line-height:1.6;font-weight:400;color:#b0beb1}.orbit i{font-style:normal;font-size:35px;color:var(--accent);margin-left:30px}.panel{padding:32px;background:linear-gradient(160deg,#20271e,#171c19);border:1px solid #35402f;border-radius:26px;box-shadow:0 30px 90px #0003}.panel-top{display:flex;justify-content:space-between;gap:15px;margin-bottom:44px;font-size:9px;letter-spacing:1.2px}h2{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:0 0 15px}h3{font-size:17px;margin:27px 0 13px}.copy{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:25px}label{display:block;font-size:12px;color:#bdc9b9;margin:18px 0 7px}input:not([type=checkbox]),textarea{display:block;width:100%;background:#101612;border:1px solid #47523d;border-radius:11px;color:#fff;padding:15px 13px;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #c4f56880}input[type=tel]{font-size:20px;letter-spacing:1px}input[autocomplete=one-time-code]{font-size:27px;letter-spacing:9px;text-align:center}textarea{min-height:80px;resize:vertical}.consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7}.consent input{margin:4px 0 0;accent-color:var(--accent)}.primary{display:block;text-align:center;width:100%;border:0;border-radius:11px;padding:15px;background:var(--accent);color:#1e2b14;font-weight:650;margin-top:22px;text-decoration:none;font-size:14px}.secondary{display:inline-block;background:transparent;border:1px solid #485440;color:#c3d2bc;border-radius:9px;padding:9px 12px;font-size:12px;margin-top:14px;text-decoration:none}.quiet{background:none;border:0;color:#a7b69f;font-size:12px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.notice{background:#303620;color:#dce4c4;border:1px solid #5a603d;border-radius:12px;padding:13px 15px;font-size:12px;line-height:1.8;margin:20px 0}.error{font-size:12px;line-height:1.7;color:#ffbca9;white-space:pre-line;margin:15px 0 0}.footer-note{font-size:10px;color:#7c8c78;line-height:1.8;border-top:1px solid #36402f;margin:26px 0 0;padding-top:18px}.masked{font-variant-numeric:tabular-nums}.device{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #35402f;padding:17px 0}.device>span{color:var(--accent);font-size:23px}.device div{flex:1}.device b{display:block;font-size:13px}.device small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:5px}.device button{margin:0;flex-shrink:0;font-size:10px;padding:7px 9px}.tag{font-size:9px;padding:4px 7px;border:1px solid #536444;border-radius:20px;color:var(--accent);display:inline-block;margin-top:7px}.account-name{font-size:27px;overflow-wrap:anywhere}.handle{color:var(--accent);font-size:13px}.row{display:flex;gap:18px;align-items:center;justify-content:space-between}.user-result{padding:15px 0;border-bottom:1px solid #344030}.user-result b,.user-result small{display:block}.user-result small{font-size:11px;color:var(--accent);margin-top:5px}@media(max-width:850px){.shell{grid-template-columns:1fr;max-width:530px;padding:26px 18px;gap:25px;align-items:start}.brand{margin-bottom:26px;font-size:25px}.brand img{width:40px;height:40px}h1{font-size:38px;letter-spacing:-1.8px;margin:18px 0 10px}.intro>p,.intro>small,.orbit{display:none}.eyebrow{font-size:8px}.panel{padding:25px 22px;border-radius:22px}.panel-top{margin-bottom:30px}.footer-note{margin-top:20px}.shell:has(#devices) .intro h1{display:none}}
.signin-options{display:grid;gap:12px;margin:25px 0}.provider-button{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid #49503f;border-radius:12px;background:#141b16;color:#eff3ed;text-align:left;font-size:14px}.provider-button>span:nth-child(2){flex:1}.provider-symbol{font-weight:750;width:29px;color:var(--accent);font-size:16px}.vk-button{background:#0077ff;border-color:#0077ff;color:#fff}.vk-button .provider-symbol{color:#fff}.vk-button:disabled{background:#202d40;border-color:#344560;opacity:.7}.setup-note{font-size:10px;line-height:1.8;color:#9aa98e}.small-copy{font-size:11px;margin-top:24px}.linked-method{padding:12px 0;border-bottom:1px solid #34402f;display:grid;gap:5px}.linked-method b{font-size:13px}.linked-method span{font-size:12px;color:#c7d4c0;overflow-wrap:anywhere}.linked-method small{color:var(--accent);font-size:10px}input[type=email]{font-size:16px}
