*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8f7;color:#17181a;font-family:var(--dot-font-ui);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}:is(a,button,input):focus-visible{outline:2px solid #ff0000;outline-offset:3px}[hidden]{display:none!important}.page{max-width:1392px;margin:auto;padding:0 42px}.topbar{height:96px;border-bottom:1px solid #dedfdf;display:flex;align-items:center;justify-content:space-between}.topbar img{display:block;width:142px}.topbar nav{display:flex;gap:27px;font-size:13px;font-weight:600;color:#686d72}.topbar a{text-decoration:none}.topbar nav a:hover{text-decoration:underline;color:#17181a}.intro{padding:66px 0 39px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:#70757a;margin:0 0 17px}.eyebrow b{color:#f00;padding:0 7px}h1{font-size:clamp(44px,5.6vw,76px);line-height:1;letter-spacing:-.065em;margin:0}.intro>p:last-child{color:#6b7075;line-height:1.55;font-size:16px;margin:22px 0 0;max-width:690px}.workspace{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;min-height:720px}.rail{background:#17181a;border-radius:26px;color:#fff;padding:29px;display:flex;flex-direction:column}.rail-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;font-weight:700;color:#a6aaad}.steps{display:grid;gap:7px;margin-top:38px}.steps button{display:flex;gap:13px;align-items:baseline;text-align:left;border:1px solid transparent;background:transparent;color:#c1c3c5;padding:16px 14px;border-radius:12px;font-weight:600}.steps button:hover{background:#242629;color:#fff}.steps button.active{background:#2b2d30;border-color:#484b4e;color:#fff}.steps small{font-size:11px;color:#999da1}.steps button.active small{color:#ff0000}.rail-caption{margin-top:auto;padding-top:50px;color:#9da1a4;font-size:11px;line-height:1.55;max-width:205px}.stage{display:flex;flex-direction:column;min-width:0;border-radius:26px;overflow:hidden;background:#edeef0;border:1px solid #e0e1e2}.stage-top{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #dddfe0;background:#f5f5f4;font-size:11px;font-weight:700;letter-spacing:.11em}.stage-top em{font-style:normal;color:#9ca0a4}.switch{display:flex;background:#e9eaeb;padding:3px;border-radius:10px;gap:2px}.switch button{background:none;border:0;color:#676b70;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:650}.switch button[aria-pressed=true]{background:#fff;color:#17181a;box-shadow:0 1px 4px #0001}.canvas{flex:1;display:grid;place-items:center;padding:42px 22px;background:#f8f8f7}.card{width:min(100%,464px);min-height:574px;display:flex;flex-direction:column;padding:27px 32px 21px;background:#fff;color:#17181a;border:1px solid #e4e5e5;border-radius:20px;box-shadow:0 22px 60px #1516180a}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:52px}.logo{display:block;width:145px}.dark-logo{display:none}.card-head span{color:#868b8f;font-size:9px;letter-spacing:.08em;font-weight:700;white-space:nowrap;padding-top:9px}.card-head span:first-letter{color:#43865d}.panel{flex:1;animation:enter .18s ease-out}.kicker{color:#dd0000;font-size:10px;letter-spacing:.15em;font-weight:700;margin:0 0 11px}h2{font-size:30px;line-height:1.11;letter-spacing:-.045em;margin:0 0 12px}.muted{font-size:14px;line-height:1.5;color:#73787c;margin:0 0 25px}.detail{background:#f8f8f7;border:1px solid #e7e8e8;border-radius:12px;padding:15px 17px;display:grid;gap:4px}.detail small{font-size:9px;letter-spacing:.12em;color:#8a8f92;font-weight:700;margin-top:8px}.detail small:first-child{margin:0}.detail strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.fine{font-size:11px;color:#85898c;line-height:1.5;margin:16px 0 20px}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;text-decoration:none;min-height:46px;padding:10px 14px;border:1px solid #f00;background:#f00;color:#161616;border-radius:10px;font-size:14px;font-weight:700}.primary:hover{background:#ff2929}.primary span{font-size:18px;font-weight:400}.quiet{background:transparent;border:0;color:#666b70;font-size:12px;font-weight:650;margin-top:19px;padding:0;text-align:left}.quiet:hover{text-decoration:underline;color:#17181a}.field{margin-bottom:17px}.field label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.field input{height:46px;width:100%;border:1px solid #a8abad;background:#fff;border-radius:10px;color:#17181a;padding:0 13px;font-size:14px}.field input:focus{outline:none;border-color:#17181a;box-shadow:0 0 0 3px #17181a14}.field input[readonly]{background:#f6f6f5;color:#777c80;border-color:#e1e3e3}.field input[aria-invalid=true]{border-color:#bb2525}.field small,.error{font-size:11px;color:#888d90;display:block;margin-top:6px}.error{color:#b42626;font-size:12px}.error:empty{display:none}.password{position:relative}.password input{padding-right:95px}.password button{position:absolute;right:8px;top:7px;border:0;background:none;height:32px;padding:0 6px;color:#656a70;font-size:11px;font-weight:650}.code{text-align:center;font-size:26px!important;letter-spacing:.4em;font-variant-numeric:tabular-nums;padding-left:22px!important}.inline-status{font-size:11px;color:#365f45;line-height:1.45;margin:10px 0 0}.success-icon{display:grid;place-items:center;width:48px;height:48px;background:#f00;color:#fff;border-radius:13px;font-size:28px;font-weight:500;margin:18px 0 20px}.state-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-5px 0 18px}.state-options button{border:1px solid #dbdddd;background:#fff;color:#62676c;border-radius:8px;font-size:11px;min-height:36px;padding:6px 9px;text-align:left}.state-options button:hover,.state-options button[aria-pressed=true]{border-color:#17181a;color:#17181a;background:#f6f6f5}.state-options button:last-child{grid-column:span 2}.state-message{display:flex;gap:11px;align-items:flex-start;border:1px solid #edd4d4;background:#fff6f6;border-radius:10px;padding:12px;margin-bottom:17px}.state-mark{display:grid;place-items:center;flex:none;width:20px;height:20px;background:#d52b2b;color:#fff;border-radius:50%;font-weight:700;font-size:12px}.state-message strong{font-size:12px}.state-message p{font-size:11px;color:#7c5c5c;line-height:1.4;margin:3px 0 0}.card-foot{border-top:1px solid #e6e7e7;margin-top:35px;padding-top:14px;display:flex;justify-content:space-between;gap:12px;color:#999da0;font-size:10px}.card-foot span:first-child{color:#61666a;font-weight:700}.stage-foot{display:flex;gap:28px;align-items:baseline;border-top:1px solid #e1e2e3;padding:17px 24px;background:#f5f5f4;color:#7c8185;font-size:11px;line-height:1.4}.stage-foot strong{flex:none;font-size:10px;letter-spacing:.12em}footer{display:flex;justify-content:space-between;color:#8b9093;font-size:12px;padding:28px 0 38px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.stage[data-theme=dark] .canvas{background:#17181a}.stage[data-theme=dark] .card{background:#222427;color:#f6f6f5;border-color:#383b3e;box-shadow:0 22px 60px #0004}.stage[data-theme=dark] .light-logo{display:none}.stage[data-theme=dark] .dark-logo{display:block}.stage[data-theme=dark] .muted,.stage[data-theme=dark] .fine{color:#afb2b5}.stage[data-theme=dark] .detail{background:#292b2e;border-color:#3b3e40}.stage[data-theme=dark] .field input{background:#272a2d;color:#f6f6f5;border-color:#777d82}.stage[data-theme=dark] .field input[readonly]{background:#292b2e;color:#adb1b5;border-color:#4a4d50}.stage[data-theme=dark] .quiet,.stage[data-theme=dark] .password button{color:#c0c3c6}.stage[data-theme=dark] .card-foot{border-color:#3b3e40}.stage[data-theme=dark] .state-options button{background:#292b2e;color:#c0c3c6;border-color:#55595c}.stage[data-theme=dark] .state-options button[aria-pressed=true]{border-color:#e5e5e5;color:#fff}.stage[data-theme=dark] .state-message{background:#382626;border-color:#694040}.stage[data-theme=dark] .state-message p{color:#d7a6a6}.stage[data-theme=dark] .error{color:#ff9999}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.page{padding:0 24px}.workspace{grid-template-columns:260px minmax(0,1fr)}.rail{padding:21px}.canvas{padding:24px 14px}.card{padding:23px}}@media(max-width:750px){.page{padding:0 16px}.topbar{height:74px}.topbar img{width:118px}.topbar nav{gap:13px;font-size:11px}.intro{padding:43px 0 29px}.intro>p:last-child{font-size:14px}.workspace{display:block}.rail{border-radius:20px 20px 0 0;padding:16px}.rail-label,.rail-caption{display:none}.steps{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.steps button{display:grid;gap:3px;padding:9px;min-width:0;min-height:52px;font-size:11px;line-height:1.2}.steps button span{overflow-wrap:anywhere}.stage{border-radius:0 0 20px 20px;border-top:0}.stage-top{height:56px;padding:0 14px}.canvas{padding:22px 13px}.card{min-height:540px}.stage-foot{display:block;padding:13px 16px}.stage-foot span{display:block;margin-top:6px}footer{font-size:11px}}@media(max-width:390px){.card{padding:22px 18px}.card-head{margin-bottom:42px}.logo{width:125px}.card-head span{font-size:8px}.topbar nav a:last-child{display:none}.card-foot span:last-child{max-width:170px;text-align:right}}@media(prefers-reduced-motion:reduce){.panel{animation:none}html{scroll-behavior:auto}}

/* Phone enrolment */
button,input,select{font:inherit}select{width:100%;min-height:46px;border:1px solid #a8abad;border-radius:10px;background:#fff;color:#17181a;padding:10px 12px;font-size:14px}select:focus-visible{outline:2px solid #ff0000;outline-offset:3px}.phone-input{display:flex;align-items:center;border:1px solid #a8abad;border-radius:10px;overflow:hidden}.phone-input>span{flex:none;padding:0 12px;border-right:1px solid #dedfdf;font-size:14px;font-variant-numeric:tabular-nums}.phone-input input{border:0;border-radius:0;min-width:0}.phone-input:focus-within{border-color:#17181a;box-shadow:0 0 0 3px #17181a14}.phone-input input:focus{box-shadow:none}.phone-input:has(input[aria-invalid=true]){border-color:#bb2525}.change-phone{display:block}.phone-samples{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid #e6e7e7;margin-top:22px}.phone-samples .quiet{font-size:11px}.quiet:disabled{cursor:default;opacity:.6;text-decoration:none}.stage[data-theme=dark] select{background:#272a2d;color:#f6f6f5;border-color:#777d82}.stage[data-theme=dark] .phone-input{border-color:#777d82}.stage[data-theme=dark] .phone-input>span{border-color:#55595c}.stage[data-theme=dark] .phone-samples{border-color:#3b3e40}

/* Password visibility control */
.password input{padding-right:54px}.password button{top:1px;right:1px;width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:9px;color:#656a70}.password button:hover{background:#f2f2f1;text-decoration:none}.password button svg{width:20px;height:20px}.password button .eye-closed{display:none}.password button[aria-pressed=true] .eye-open{display:none}.password button[aria-pressed=true] .eye-closed{display:block}.stage[data-theme=dark] .password button:hover{background:#34373a}