:root.auth-v2{--bg:#f7f7f2;--surface:#fff;--soft:#f0f2eb;--ink:#25342d;--muted:#69756d;--faint:#7d897f;--line:#e0e5dc;--strong:#cbd5c8;--accent:#315e48;--accent-soft:#eaf1e6;--onaccent:#fff;--amber:#87601d;--amber-bg:#faf4e5;--red:#a2473c;--red-bg:#fbefeb;--shadow:0 14px 55px #24422b0b,0 2px 5px #24422b03;--header:86px;color-scheme:light;font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}
:root.auth-v2[data-theme=dark]{--bg:#171e19;--surface:#202a23;--soft:#273329;--ink:#ebf0e8;--muted:#b4c0b4;--faint:#9cac9b;--line:#374438;--strong:#52624f;--accent:#acd0af;--accent-soft:#2e4434;--onaccent:#193320;--amber:#e0bc79;--amber-bg:#362f22;--red:#f0b0a5;--red-bg:#3c2a25;--shadow:0 14px 55px #0002;color-scheme:dark}
*{box-sizing:border-box}body.auth-shell{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body.auth-shell.locked{overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:30px;line-height:1.2;font-weight:600}h2{font-size:21px;line-height:1.3;font-weight:600}h3{font-size:16px;line-height:1.4;font-weight:600}b,strong{font-weight:600}p{line-height:1.8}button,input,select,textarea{font:inherit;color:inherit}button{border:0;padding:0;background:none;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:6px;left:20px;z-index:1000;background:var(--accent);color:var(--onaccent);padding:10px 17px;border-radius:7px;transform:translateY(-150%)}.skip:focus{transform:none}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.icon.sm{width:14px;height:14px}.icon-lg{width:26px;height:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;min-height:43px;border:1px solid var(--strong);border-radius:8px;font-size:12px;line-height:1.6;font-weight:550;color:var(--ink);background:var(--surface);white-space:nowrap}.btn:hover:not(:disabled){background:var(--soft)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}.btn.primary:hover:not(:disabled){filter:brightness(.96)}.btn.small{padding:7px 11px;min-height:32px;font-size:11px}.btn.full{width:100%}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{color:var(--red);border-color:var(--red)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:7px;flex:none;color:var(--muted)}.icon-btn:hover{background:var(--soft);color:var(--ink)}.link{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--accent);line-height:1.7;font-weight:550;text-align:left}.link:hover{text-decoration:underline;text-underline-offset:3px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;font-size:9px;line-height:1.5;color:var(--muted);background:var(--surface);white-space:nowrap}.pill.green{color:var(--accent);background:var(--accent-soft);border-color:transparent}.pill.amber{color:var(--amber);background:var(--amber-bg);border-color:transparent}.eyebrow{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent);font-weight:650;line-height:1.8;display:flex;align-items:center;gap:8px;margin-bottom:16px}.eyebrow:before{content:'';width:5px;height:5px;border-radius:1px;background:var(--accent)}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.note{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border:1px solid var(--line);background:var(--soft);border-radius:8px;color:var(--muted);font-size:11px;line-height:1.8}.note>.icon{width:15px;height:15px;margin-top:3px}.note.amber{background:var(--amber-bg);color:var(--amber);border-color:transparent}.note.error{background:var(--red-bg);color:var(--red);border-color:transparent}.note.green{background:var(--accent-soft);color:var(--accent);border-color:transparent}.note .copy{flex:1}.note .link{font-size:10px}.flow-error:empty{display:none}.flow-error{margin:17px 0 0;padding:12px 13px;background:var(--red-bg);border:1px solid transparent;border-radius:7px;color:var(--red);font-size:11px;line-height:1.8}.field-error{font-size:10px;line-height:1.6;color:var(--red)}.field-error:empty{display:none}
.auth-header{height:var(--header);flex:none;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;gap:10px;align-items:center;flex:none}.logo svg{width:30px;height:33px}.logo b{display:block;font-size:23px;letter-spacing:-.7px;line-height:1.1}.logo small{display:block;font-size:7px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);margin-top:5px}.header-actions{display:flex;align-items:center;gap:22px;font-size:11px;color:var(--muted)}.header-actions .head-link{display:flex;align-items:center;gap:7px}.header-actions .head-link:hover{color:var(--accent)}.header-tools{display:flex;gap:4px;align-items:center;padding-left:19px;border-left:1px solid var(--line)}.header-tools .lang{font-size:10px;font-weight:600}.auth-main{flex:1;width:100%;padding:36px 30px 40px;display:flex;align-items:center;justify-content:center}.auth-main.register-main{align-items:flex-start;padding-top:25px}.auth-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 42px 24px;color:var(--faint);font-size:10px;line-height:1.8}.footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-links a:hover{text-decoration:underline;text-underline-offset:3px}.footer-demo{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px;line-height:1.8}.footer-demo .icon{width:13px;height:13px}.footer-note{font-size:9px;max-width:300px}.login-layout{width:100%;max-width:1000px;display:grid;grid-template-columns:minmax(0,1fr) 435px;gap:100px;align-items:center}.welcome{padding:2px 0 20px}.welcome h2{font-size:44px;line-height:1.1;letter-spacing:-1.65px;font-weight:550;max-width:410px}.welcome h2 em{font-style:normal;color:var(--accent)}.welcome>p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:23px;max-width:370px}.work-peek{border:1px solid var(--strong);border-radius:11px;background:var(--surface);padding:19px 19px 7px;margin-top:32px;max-width:357px;box-shadow:0 12px 35px #28442b06}.peek-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;font-size:11px}.peek-head>span{display:flex;align-items:center;gap:7px}.peek-head .pill{font-size:8px}.peek-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.peek-row:last-child{border-bottom:0}.peek-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--soft);color:var(--accent)}.peek-row .copy{flex:1}.peek-row strong{font-size:11px;display:block}.peek-row small{font-size:9px;color:var(--faint);display:block;margin-top:4px}.peek-row>.icon{width:13px;height:13px;color:var(--faint)}.welcome-bottom{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:20px}.welcome-bottom>.icon{width:14px;height:14px}.form-card{background:var(--surface);border:1px solid var(--strong);border-radius:14px;padding:33px 32px 27px;box-shadow:var(--shadow);min-width:0}.form-card .eyebrow{margin-bottom:11px;font-size:9px}.intro{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.form-card .intro{margin-bottom:23px}.form-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.form-topline .eyebrow{margin:0}.demo-fill{border-bottom:1px dashed var(--strong);color:var(--muted);font-size:10px;line-height:1.7}.demo-fill:hover{color:var(--accent)}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.6;margin-top:19px;position:relative}.field>label{font-weight:550}.field small{font-size:10px;line-height:1.7;color:var(--faint);font-weight:400}.field label small{font-size:10px;color:var(--faint);font-weight:400;margin-left:3px}.input{border:1px solid var(--strong);border-radius:7px;background:var(--surface);width:100%;height:44px;padding:11px 12px;font-size:13px;line-height:1.6}.input:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:1px}.input[aria-invalid=true]{border-color:var(--red)}.input:read-only{background:var(--soft);color:var(--muted)}.input::placeholder{color:var(--faint);opacity:.85}.input-wrap{position:relative}.input-wrap .input{padding-right:69px}.input-wrap .show-pass{position:absolute;right:6px;top:5px;height:34px;min-width:58px;color:var(--muted);font-size:10px;padding:4px;border-radius:5px}.input-wrap .show-pass:hover{background:var(--soft)}.row-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-row{display:flex;align-items:flex-start;gap:8px;font-size:10.5px;line-height:1.7;color:var(--muted);margin-top:18px}.check-row input{margin:2px 0 0;width:14px;height:14px;flex:none}.login-options{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-top:17px}.login-options .check-row{margin:0;font-size:10px}.login-options .link{font-size:10px;white-space:nowrap}.device-note{font-size:9px;color:var(--faint);line-height:1.7;margin:6px 0 21px 22px}.form-divider{height:1px;background:var(--line);margin:23px 0 19px}.under-form{font-size:11px;line-height:1.85;text-align:center;color:var(--muted)}.under-form .link{font-size:11px}.under-form+.under-form{margin-top:10px}.demo-line{margin-top:18px;font-size:9px;line-height:1.8;display:flex;gap:6px;align-items:flex-start;color:var(--faint)}.demo-line>.icon{width:12px;height:12px;margin-top:2px}.mode-banner{margin-bottom:19px}.caps-line{font-size:10px;color:var(--amber);margin-top:5px}.caps-line:empty{display:none}.single-layout{width:100%;max-width:440px}.single-layout .back-link{margin-bottom:24px;display:inline-flex;font-size:11px;color:var(--muted);align-items:center;gap:7px}.step-icon{display:grid;place-items:center;width:45px;height:46px;background:var(--accent-soft);color:var(--accent);border-radius:11px;margin-bottom:23px}.step-icon .icon{width:24px;height:24px}.single-layout .form-card{padding:31px 31px 26px}.single-layout .form-card .intro{margin-bottom:21px}.single-layout .note{margin-top:19px}.single-layout .form-card>.link{margin-top:18px}.single-layout .btn.full{margin-top:21px}.small-steps{display:flex;align-items:center;gap:7px;margin:0 0 24px}.small-steps i{width:23px;height:3px;border-radius:3px;background:var(--line)}.small-steps i.done{background:var(--accent)}.small-steps small{font-size:9px;margin-left:auto;color:var(--faint)}
.register-layout{width:100%;max-width:1090px}.register-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 25px}.register-title h1{font-size:32px;letter-spacing:-1px}.register-title p{font-size:12px;color:var(--muted);margin-top:8px}.register-title .link{white-space:nowrap}.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid var(--strong);margin-bottom:25px;list-style:none;padding:0}.stepper li{position:relative}.step-button{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;color:var(--faint);padding:5px 0 17px;width:100%;text-align:left;border-bottom:2px solid transparent;margin-bottom:-1px}.step-num{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--strong);border-radius:50%;font-size:10px;font-variant-numeric:tabular-nums;flex:none;background:var(--bg)}.step-num .icon{width:13px;height:13px}.step-button[aria-current=step]{border-color:var(--accent);color:var(--accent);font-weight:600}.step-button[aria-current=step] .step-num{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}.step-button.completed{color:var(--muted)}.step-button.completed .step-num{background:var(--accent-soft);color:var(--accent);border-color:transparent}.step-button:disabled{opacity:.75}.register-columns{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:24px;align-items:start}.registration-card{background:var(--surface);border:1px solid var(--strong);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.reg-body{padding:28px 29px}.reg-body h2{font-size:23px;letter-spacing:-.6px}.reg-body>.intro{margin:9px 0 22px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:12px;font-weight:600}.section-label .muted{font-weight:400;font-size:10px}.reg-foot{padding:16px 29px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:13px;background:var(--surface)}.reg-foot .left-copy{font-size:10px;color:var(--faint);max-width:300px;line-height:1.8}.reg-foot .btn{font-size:11px;min-height:40px}.registration-card .note{margin-top:20px}.reg-intro-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.reg-intro-row .demo-fill{white-space:nowrap;margin-top:6px}.register-side{position:sticky;top:24px;min-width:0}.summary{border:1px solid var(--strong);border-radius:11px;background:var(--soft);overflow:hidden}.summary>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 20px 0;list-style:none;font-size:13px;font-weight:600;line-height:1.6}.summary>summary::-webkit-details-marker{display:none}.summary>summary>.icon{width:14px;height:14px}.summary[open]>summary>.icon{transform:rotate(180deg)}.summary-mobile-total{display:none}.summary-body{padding:8px 20px 20px}.summary-name{font-size:20px;line-height:1.35;letter-spacing:-.6px;overflow-wrap:anywhere;margin:12px 0 6px;font-weight:550}.summary-meta{font-size:10px;color:var(--muted);line-height:1.8}.summary-fields{padding:0;margin:19px 0 0}.summary-row{border-top:1px solid var(--strong);padding:12px 0;font-size:10px;line-height:1.7}.summary-row dt{color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.summary-row dt button{font-size:9px}.summary-row dd{margin:0;font-size:11px;color:var(--ink);font-weight:550}.price-line{display:flex;gap:10px;justify-content:space-between;font-size:10px;color:var(--muted);line-height:1.7;margin:7px 0}.price-line strong{white-space:nowrap;color:var(--ink);font-weight:500}.summary-price{border-top:1px solid var(--strong);margin-top:5px;padding-top:15px}.summary-price .label{font-size:10px;color:var(--muted);line-height:1.7}.summary-price .amount{font-size:27px;letter-spacing:-.7px;font-weight:550;line-height:1.35;margin-top:6px}.summary-price .amount small{font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);white-space:nowrap}.summary-price .quote{font-size:19px}.summary-fine{font-size:9px;color:var(--faint);line-height:1.85;margin-top:11px}.side-next{font-size:10px;color:var(--muted);line-height:1.85;margin:19px 2px 0;display:flex;gap:9px;align-items:flex-start}.side-next .icon{width:15px;height:15px;color:var(--accent);margin-top:3px}.side-next strong{display:block;font-size:11px;color:var(--ink);margin-bottom:4px}.plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.option{display:block;border:1px solid var(--strong);background:var(--surface);border-radius:8px;padding:16px 14px;position:relative;text-align:left;cursor:pointer;min-width:0}.option:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 2px var(--accent)}.option:hover{border-color:var(--accent)}.option input{position:absolute;right:12px;top:15px;width:14px;height:14px;margin:0}.option strong{display:block;font-size:12px;padding-right:20px;line-height:1.6}.option .price{font-size:22px;letter-spacing:-.5px;line-height:1.35;margin:10px 0 12px;font-weight:550;white-space:nowrap}.option .price small{font-size:10px;letter-spacing:0;color:var(--muted);font-weight:400;display:inline}.option p{font-size:10px;color:var(--muted);line-height:1.85;min-height:36px}.option .limits{display:block;color:var(--muted);font-size:9px;line-height:1.8;margin-top:14px;padding-top:11px;border-top:1px solid var(--line)}.plan-unit{font-size:9px;color:var(--faint);margin:11px 0 24px;line-height:1.7}.host-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.host-option{display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:start;padding:15px 14px}.host-option>.icon{width:21px;height:21px;margin-top:3px;color:var(--accent)}.host-option .price{font-size:17px;margin:7px 0 6px;letter-spacing:-.3px}.host-option p{font-size:9px;min-height:0}.quote-link{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:10px;padding:11px 12px;border:1px dashed var(--strong);border-radius:7px;color:var(--muted)}.quote-link .copy{flex:1;line-height:1.8}.quote-link .link{font-size:10px}.config-notes{display:flex;align-items:flex-start;gap:7px;margin-top:14px;font-size:9px;line-height:1.8;color:var(--faint)}.config-notes .icon{width:13px;height:13px;margin-top:2px}.password-rules{display:flex;flex-wrap:wrap;gap:5px 11px;padding:0;margin:12px 0 0;list-style:none}.password-rules li{font-size:9px;color:var(--faint);line-height:1.8;display:flex;align-items:center;gap:4px}.password-rules .icon{width:11px;height:11px}.password-rules li.met{color:var(--accent)}.password-rules li.met .icon{stroke-width:2}.legal-line{font-size:10px;line-height:1.9;margin-top:19px;color:var(--muted)}.legal-line button{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.reg-body .check-row{font-size:10px}.identity{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--strong);border-radius:8px;background:var(--soft);margin:18px 0}.identity-avatar{width:35px;height:36px;background:var(--accent-soft);border:1px solid var(--strong);border-radius:9px;display:grid;place-items:center;font-size:11px;color:var(--accent);font-weight:600;flex:none}.identity .copy{flex:1;min-width:0}.identity strong{display:block;font-size:12px;line-height:1.7}.identity small{display:block;font-size:10px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.identity>.icon{color:var(--accent);width:16px;height:16px}
.code-destination{display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line);padding:12px 14px;border-radius:8px;margin:18px 0 23px}.code-destination>.icon{width:19px;color:var(--accent)}.code-destination .copy{flex:1;min-width:0}.code-destination strong{font-size:12px;line-height:1.8;display:block;overflow-wrap:anywhere}.code-destination small{font-size:9px;line-height:1.7;display:block;color:var(--muted)}.code-destination .link{font-size:10px}.otp-field{max-width:346px}.otp-input{height:60px;font-size:28px;text-align:center;letter-spacing:12px;padding:8px 4px 8px 17px;font-variant-numeric:tabular-nums;background:var(--surface);font-weight:500}.otp-input::placeholder{letter-spacing:11px;opacity:.5}.otp-help{display:flex;align-items:center;gap:9px;justify-content:space-between;margin:10px 0 0;font-size:10px;color:var(--faint);line-height:1.7}.otp-help .link{font-size:10px}.otp-help .link:disabled{opacity:.6;cursor:default;text-decoration:none}.demo-code-box{display:flex;align-items:center;gap:9px;border:1px dashed var(--strong);background:var(--soft);padding:11px 13px;border-radius:7px;margin:20px 0 3px;max-width:346px;color:var(--muted);font-size:10px;line-height:1.7}.demo-code-box .copy{flex:1}.demo-code-box b{color:var(--ink);font-size:13px;letter-spacing:2px;white-space:nowrap}.demo-code-box small{display:block;font-size:9px;color:var(--faint)}.demo-code-box .link{font-size:10px;white-space:nowrap}.result-checks{margin:23px 0}.result-row{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.8}.result-row>.icon{color:var(--accent);width:17px;height:17px;margin-top:3px}.result-row>.icon.waiting{color:var(--faint)}.result-row strong{display:block;font-size:12px}.result-row small{display:block;font-size:10px;color:var(--muted);line-height:1.85;margin-top:3px}.result-row:last-child{border:0}.result-reference{font-size:10px;color:var(--faint);line-height:1.8;margin-top:17px}.result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.result-layout{max-width:560px;width:100%}.result-layout .form-card{padding:32px}.result-layout .form-card>.intro{margin-bottom:15px}.result-layout .step-icon{margin-bottom:21px}.invite-head{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--strong);border-radius:9px;margin:22px 0;background:var(--soft)}.invite-head b{display:block;font-size:14px}.invite-head small{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin-top:3px}.invite-letter{font-size:20px;background:var(--accent-soft);color:var(--accent);width:38px;height:40px;display:grid;place-items:center;border-radius:9px}.result-layout .btn.full{margin-top:17px}.back-inline{margin:0 0 22px;display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
dialog{padding:0;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);border:1px solid var(--strong);border-radius:13px;background:var(--surface);color:var(--ink);box-shadow:0 25px 90px #203b2a26;overflow:hidden}dialog:not([open]){display:none}dialog::backdrop{background:#243b2e52;backdrop-filter:blur(3px)}.modal-inner{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 24px 17px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:21px;line-height:1.4}.modal-head p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:6px}.modal-head .icon-btn{width:29px;height:29px}.modal-body{overflow:auto;min-height:0;padding:21px 24px;scrollbar-width:thin;overscroll-behavior:contain}.modal-body h3{font-size:14px;margin:21px 0 10px}.modal-body h3:first-child{margin-top:0}.modal-body p{font-size:12px;color:var(--muted);line-height:1.9}.modal-body p+p{margin-top:11px}.modal-body .note{margin:13px 0}.modal-foot{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding:13px 24px;border-top:1px solid var(--line);background:var(--soft)}.modal-foot .btn{min-height:36px;font-size:11px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{border:1px solid var(--line);border-radius:8px;padding:13px;text-align:left;width:100%;line-height:1.6}.choice b{display:block;font-size:11px}.choice small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.7}.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.choice:hover{border-color:var(--accent)}.fact{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px;line-height:1.8}.fact dt{color:var(--muted);max-width:46%}.fact dd{margin:0;text-align:right;max-width:63%;overflow-wrap:anywhere}.fact:last-child{border:0}.fact-list{margin:0}.help-links{display:flex;flex-direction:column;gap:7px;margin-top:17px}.help-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:8px;text-align:left;font-size:12px}.help-row .copy{flex:1}.help-row small{font-size:10px;color:var(--muted);line-height:1.8;display:block;margin-top:4px}.help-row>.icon{color:var(--accent);width:17px}.help-row:hover{background:var(--soft)}.toast{position:fixed;z-index:200;bottom:20px;left:50%;max-width:min(490px,calc(100vw - 26px));transform:translate(-50%,9px);padding:11px 15px;border:1px solid var(--strong);border-radius:9px;background:var(--surface);box-shadow:var(--shadow);color:var(--muted);font-size:11px;line-height:1.8;opacity:0;pointer-events:none;transition:.14s}.toast.visible{opacity:1;transform:translate(-50%,0)}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:761px){.summary>summary{pointer-events:none}.summary>summary>.icon{display:none}}
@media(max-width:1100px){.login-layout{gap:60px;max-width:900px;grid-template-columns:minmax(0,1fr) 410px}.welcome h2{font-size:40px}.register-layout{max-width:990px}.register-columns{grid-template-columns:minmax(0,1fr) 267px;gap:20px}.reg-body{padding:25px}.reg-foot{padding:16px 25px}.plan-options{gap:8px}.option{padding:14px 11px}.option .price{font-size:20px}.option strong{font-size:11px}.plan-options .option p{font-size:9px}.host-option{gap:8px}.host-option p{font-size:9px}.host-option>.icon{width:18px}.host-option .price{font-size:16px}.auth-header,.auth-footer{padding-left:30px;padding-right:30px}.auth-main{padding-left:25px;padding-right:25px}.summary-body{padding:8px 17px 17px}.summary>summary{padding-left:17px;padding-right:17px}}
@media(max-width:900px){.welcome{padding:0}.welcome h2{font-size:35px}.welcome>p{font-size:13px}.login-layout{gap:36px;grid-template-columns:minmax(0,1fr) 390px}.form-card{padding:28px}.register-columns{grid-template-columns:minmax(0,1fr) 246px;gap:16px}.plan-options{grid-template-columns:1fr}.plan-options .option{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 13px 12px 35px}.plan-options .option input{left:12px;right:auto;top:16px}.plan-options .option strong{padding:0}.plan-options .option .price{font-size:18px;margin:0;grid-column:2;grid-row:1/3}.plan-options .option p{font-size:10px;min-height:0;grid-column:1}.plan-options .option .limits{grid-column:1/-1;margin:3px 0 0;padding-top:5px;font-size:9px}.host-options{grid-template-columns:1fr}.register-title h1{font-size:28px}.step-button{font-size:10px;gap:7px}.step-num{width:24px;height:24px}.row-two{gap:11px}}
@media(max-width:760px){:root.auth-v2{--header:70px}.auth-header{padding:0 19px;gap:10px}.logo svg{width:26px;height:29px}.logo b{font-size:21px}.logo small{font-size:6px;letter-spacing:.7px}.header-actions{gap:11px;font-size:10px}.header-actions .to-site{display:none}.header-tools{gap:1px;border:0;padding:0}.header-tools .icon-btn{width:30px;height:31px}.header-tools .icon{width:16px}.header-actions .head-link{font-size:10px}.auth-main{display:block;padding:29px 19px 30px}.login-layout{display:block;max-width:430px;margin:auto}.welcome{display:none}.form-card{padding:27px 23px 24px;border-radius:12px;box-shadow:none}.form-card h1{font-size:28px}.form-card .intro{font-size:12px;margin-bottom:22px}.field{margin-top:20px;font-size:11px}.input{font-size:16px;height:46px}.show-pass{font-size:10px!important}.login-options{gap:10px}.login-options .check-row{font-size:10px}.login-options .link{font-size:10px}.device-note{font-size:9px;line-height:1.75}.btn{min-height:44px;font-size:12px}.form-divider{margin-top:22px}.under-form{font-size:10px}.under-form .link{font-size:10px}.demo-line{font-size:9px;line-height:1.85;margin-top:18px}.auth-footer{padding:16px 19px 24px;display:flex;flex-direction:column;gap:13px;text-align:center;align-items:center;border-top:1px solid var(--line)}.footer-links{gap:17px;justify-content:center;font-size:10px}.footer-note{max-width:320px;font-size:9px}.footer-demo{font-size:10px}.single-layout{max-width:430px;margin:0 auto}.single-layout .form-card{padding:25px 23px}.single-layout .back-link{margin-bottom:20px}.single-layout .step-icon{width:41px;height:42px;margin-bottom:20px}.register-main{padding:21px 16px 27px!important}.register-layout{max-width:580px;margin:auto}.register-title{display:block;margin-bottom:23px}.register-title h1{font-size:28px;letter-spacing:-1px;max-width:410px}.register-title p{font-size:11px;line-height:1.8;margin-top:9px;max-width:330px}.register-title>.link{font-size:10px;margin-top:11px}.stepper{margin-bottom:17px}.step-button{flex-direction:column;align-items:flex-start;gap:7px;padding:0 0 12px;font-size:9px;line-height:1.6}.step-num{width:24px;height:24px;font-size:9px}.stepper li:last-child .step-button{font-size:8.5px}.register-columns{display:flex;flex-direction:column;gap:14px}.register-side{position:static;order:-1;width:100%}.registration-card{width:100%;border-radius:10px;box-shadow:none}.summary{border-radius:8px;background:var(--soft)}.summary>summary{padding:12px 14px;font-size:11px;pointer-events:auto}.summary>summary>.icon{display:block;width:13px;height:13px}.summary-mobile-total{display:block;margin-left:auto;white-space:nowrap;color:var(--accent);font-size:11px;letter-spacing:-.2px}.summary-body{padding:0 15px 16px}.summary-name{font-size:19px;margin-top:9px}.summary-fields{margin-top:15px}.summary-row{padding:10px 0}.summary-price .amount{font-size:25px}.side-next{display:none}.reg-body{padding:23px 19px}.reg-body h2{font-size:23px}.reg-body>.intro{font-size:11px;line-height:1.85;margin-bottom:21px}.reg-intro-row{gap:10px}.reg-intro-row .demo-fill{font-size:9px;margin-top:7px}.reg-foot{padding:14px 18px;flex-wrap:wrap;gap:10px}.reg-foot .left-copy{flex-basis:100%;max-width:none;font-size:9px}.reg-foot .btn{font-size:11px;min-height:41px}.reg-foot .btn.primary{margin-left:auto}.row-two{grid-template-columns:1fr;gap:0}.section-label{font-size:12px;margin-bottom:12px;gap:6px}.section-label .muted{font-size:9px}.plan-options .option{padding:14px 13px 13px 35px;gap:5px 10px}.plan-options .option .price{font-size:20px}.plan-options .option strong{font-size:12px}.plan-options .option p{font-size:10px;max-width:155px}.plan-options .option .limits{font-size:9px;grid-column:1/-1;padding-top:7px;margin-top:5px}.plan-options .option input{top:18px}.option .price small{font-size:9px}.plan-unit{font-size:9px;line-height:1.8;margin-bottom:24px}.host-option{grid-template-columns:25px 1fr;gap:9px;padding:15px 13px}.host-option strong{font-size:12px}.host-option .price{font-size:18px}.host-option p{font-size:10px}.quote-link{flex-wrap:wrap;gap:7px;padding:11px}.quote-link .copy{font-size:10px}.quote-link>.link{margin-left:27px;font-size:10px}.config-notes{font-size:9px}.password-rules{gap:6px 10px}.password-rules li{font-size:9px}.reg-body .check-row{font-size:10px;line-height:1.9}.legal-line{font-size:9px;line-height:1.9}.code-destination{padding:11px 12px;gap:8px}.code-destination strong{font-size:11px}.code-destination .link{font-size:9px}.otp-field{max-width:none}.otp-input{font-size:29px;height:60px;letter-spacing:11px}.otp-input::placeholder{letter-spacing:11px}.otp-help{font-size:9px;gap:7px}.otp-help .link{font-size:9px}.demo-code-box{max-width:none;font-size:9px;padding:10px 11px}.demo-code-box b{font-size:12px}.note{font-size:10px;padding:11px 12px;line-height:1.85}.result-layout{max-width:470px;margin:auto}.result-layout .form-card{padding:26px 23px}.result-layout .form-card h1{font-size:26px}.result-actions{gap:8px}.result-actions .btn{font-size:11px;flex:1}.result-row{font-size:10px}.result-row strong{font-size:11px}.result-row small{font-size:10px}.identity{padding:13px}.identity small{font-size:9px}.identity strong{font-size:11px}.modal-head{padding:19px 18px 15px}.modal-head h2{font-size:20px}.modal-head p{font-size:10px}.modal-body{padding:18px}.modal-body p{font-size:11px}.modal-foot{padding:12px 18px max(12px,env(safe-area-inset-bottom));gap:7px}.modal-foot .btn{font-size:10px;min-height:38px}.choice{padding:11px}.choice b{font-size:10px}.choice small{font-size:9px}.fact{font-size:10px;padding:10px 0}.help-row{font-size:11px}.help-row small{font-size:9px}.toast{font-size:10px}.step-icon{margin-bottom:18px}.intro{font-size:11px}}
@media(max-width:360px){.auth-main{padding-inline:14px}.auth-header{padding-inline:15px}.header-actions{gap:7px}.form-card{padding:25px 20px}.login-options{flex-direction:column;gap:11px}.device-note{margin-bottom:16px;margin-top:5px}.register-main{padding-inline:12px!important}.reg-body{padding:21px 16px}.plan-options .option p{max-width:132px;font-size:9px}.plan-options .option .price{font-size:18px}.step-button{font-size:8px}.stepper li:last-child .step-button{font-size:8px}.step-num{width:23px;height:23px}.header-tools .lang{display:none}.otp-input{font-size:27px;letter-spacing:9px}.otp-input::placeholder{letter-spacing:9px}.result-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the configuration step compact; no fixed empty wizard height. */
@media(min-width:901px){
body.auth-shell[data-route="register/config"] .reg-body{padding:23px 29px}
body.auth-shell[data-route="register/config"] .reg-body>.intro{margin-bottom:18px}
body.auth-shell[data-route="register/config"] .option{padding:14px 13px}
body.auth-shell[data-route="register/config"] .option .price{margin:8px 0;font-size:21px}
body.auth-shell[data-route="register/config"] .option p{min-height:30px}
body.auth-shell[data-route="register/config"] .option .limits{padding-top:7px;margin-top:10px}
body.auth-shell[data-route="register/config"] .plan-unit{margin:9px 0 18px}
body.auth-shell[data-route="register/config"] .section-label{margin-bottom:11px}
body.auth-shell[data-route="register/config"] .host-option{padding:13px}
body.auth-shell[data-route="register/config"] .host-option .price{font-size:17px;margin:5px 0}
body.auth-shell[data-route="register/config"] .host-option p{min-height:0}
body.auth-shell[data-route="register/config"] .quote-link{margin-top:11px;padding:9px 11px}
body.auth-shell[data-route="register/config"] .config-notes{margin-top:10px}
body.auth-shell[data-route="register/config"] .reg-foot{padding:13px 29px}
}
#pageTitle{outline:none}
.security-note{display:flex;gap:8px;align-items:center;margin-top:22px;color:var(--faint);font-size:10px;line-height:1.8}.security-note .icon{width:15px;height:15px}.error-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.auth-shell .option:has(input:disabled){opacity:.65;cursor:not-allowed}.auth-shell .input[readonly]{background:var(--soft);color:var(--muted)}
/* Keep actions in normal flow: sticky controls covered legal text on short/mobile screens. */
.auth-shell .reg-foot{position:static}
.short-reg-title{display:none}
.form-card>.btn+.btn{margin-top:12px}
.auth-shell .modal-body-prewrap{white-space:pre-wrap}
@media(max-width:760px){
.fact-list .fact{display:block}.fact-list .fact dd{text-align:left;max-width:none;margin-top:6px;overflow-wrap:anywhere}
body.auth-shell[data-route^="register/"]:not([data-route="register/company"]) .wide-reg-title{display:none}
body.auth-shell[data-route^="register/"]:not([data-route="register/company"]) .short-reg-title{display:inline}
body.auth-shell[data-route^="register/"]:not([data-route="register/company"]) .register-title h1{font-size:23px;line-height:1.3;letter-spacing:-.65px}
body.auth-shell[data-route^="register/"]:not([data-route="register/company"]) .register-title p,
body.auth-shell[data-route^="register/"]:not([data-route="register/company"]) .register-title>.link{display:none}
body.auth-shell[data-route^="register/"]:not([data-route="register/company"]) .register-title{margin-bottom:20px}
.registration-card{overflow:visible}
.reg-foot{position:sticky;bottom:0;z-index:5;background:var(--surface);border-radius:0 0 10px 10px;padding-bottom:max(14px,env(safe-area-inset-bottom));box-shadow:0 -6px 18px #253b2005}
}

.auth-shell .logo img{width:30px;height:33px;object-fit:contain}.auth-shell .flow-error{overflow-wrap:anywhere}.auth-shell .account-list{display:grid;gap:8px;margin:16px 0}.auth-shell .account-list button{text-align:left;white-space:normal}.auth-shell .btn{white-space:normal}.auth-shell .content-break{overflow-wrap:anywhere}.auth-shell .privacy-note{margin-top:14px}.auth-shell .input:not([readonly]){background:var(--surface);color:var(--ink)}