:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#161b25;background:#fcfcfd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}[hidden]{display:none!important}.app-shell{min-height:100svh;padding:16px;background:radial-gradient(ellipse at 28% 57%,#fefafa 0,transparent 48%),radial-gradient(ellipse at 75% 67%,#faf9fd 0,transparent 55%),#fcfcfd}.topbar{height:65px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef1}.brand{display:flex;gap:20px;align-items:center;font-size:18px;font-weight:600;letter-spacing:-.025em}.brand-mark{font-size:27px;transform:rotate(45deg);display:inline-block;font-weight:300;color:#c5cbd6}.top-status{display:flex;align-items:center;gap:9px;font-size:13px;color:#8a92a2}.status-dot{display:inline-block;background:#babdc5;width:11px;height:11px;border-radius:50%}.main-content{min-height:calc(100svh - 150px);display:flex;justify-content:center;align-items:center}.auth-wrap{width:100%}.steps{display:flex;align-items:center;justify-content:center;gap:25px;padding:46px 22px}.step-card{background:#fff;border:1px solid #d9d3e1;border-radius:15px;box-shadow:0 13px 38px #a676b71f,0 2px 7px #342f4009;width:min(100%,495px);min-height:460px;padding:36px 38px 32px;flex:0 1 495px;transition:box-shadow .2s ease;animation:step-in .2s ease-out both}.step-card:focus-within{box-shadow:0 15px 42px #a676b726,0 2px 8px #342f400a}.step-caption{display:flex;align-items:center;gap:17px;font-size:14px;color:#8992a1;margin-bottom:29px}.step-number{flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:#f3f4f6;display:flex;justify-content:center;align-items:center;font-weight:650;color:#141923}h1,h2{margin:0 0 6px;font-size:clamp(30px,2.7vw,36px);line-height:1.25;letter-spacing:-.05em;font-weight:700}.description{font-size:15px;color:#687487;line-height:1.65;margin:0 0 31px}label{display:block;font-size:14px;margin-bottom:9px;font-weight:500}.text-field{height:49px;border:1px solid #c5cad5;border-radius:9px;display:flex;align-items:center;padding:0 16px;color:#707889;gap:13px}.text-field:focus-within{border-color:#a18cba;box-shadow:0 0 0 3px #a18cba1f}.text-field input{outline:0;border:0;width:100%;height:100%;font-size:15px;color:#161b25;background:transparent}.text-field input::placeholder{color:#8c919a}.outline-action{position:relative;margin-top:28px;width:100%;min-height:51px;border:1.5px solid transparent;border-radius:9px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(103deg,#dc76a5,#986bcb) border-box;color:#20212a;font-weight:600;font-size:15px;transition:box-shadow .2s ease,transform .15s ease}.outline-action:hover:not(:disabled){box-shadow:0 6px 20px #b174b729;transform:translateY(-1px)}.outline-action:focus-visible,.text-action:focus-visible{outline:2px solid #a696c9;outline-offset:3px}.outline-action:disabled{opacity:.68}.button-arrow{position:absolute;right:18px;font-size:22px;top:50%;transform:translateY(-54%);font-weight:400}.helper{font-size:12.5px;line-height:1.9;color:#717c8d;margin:22px 0 0}.step-arrow{flex:0 0 22px;color:#b5becc;font-size:28px;font-weight:200;text-align:center}.otp-group{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:0;margin:46px 0 0;border:0;min-width:0}.otp-group input{width:100%;height:57px;text-align:center;border:1px solid #c9c6d4;border-radius:9px;background:#fff;font-size:22px;color:#222b39;outline:0}.otp-group input:focus{border-color:#47505e;box-shadow:0 0 0 2px #2f354012}.otp-group:disabled{opacity:.65}.validity{font-size:12px;color:#788496;display:flex;gap:6px;justify-content:center;align-items:center;padding-top:18px;white-space:nowrap}#verify-card .outline-action{margin-top:32px}.text-action{display:block;margin:19px auto 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#3a424e;font-size:13px}.text-action:disabled{opacity:.42;text-decoration:none}.message{min-height:0;margin:10px 0 0;color:#697386;font-size:12.5px;line-height:1.5}.message:empty{display:none}.message.is-error{color:#b34357}.is-inactive{opacity:.74}.welcome-card{padding:44px;width:min(100%,495px);background:#fff;border:1px solid #d9d3e1;border-radius:15px;box-shadow:0 13px 38px #a676b71f}.signed-in-email{padding:14px 18px;border:1px solid #c5cad5;background:#fafafd;color:#393f4a;border-radius:9px;overflow-wrap:anywhere}.footer{text-align:center;font-size:12.5px;color:#a0a8b7;padding:17px 0 11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.steps{flex-direction:column;gap:18px;padding:30px 0}.step-card{flex:initial;width:min(100%,495px);min-height:auto}.step-arrow{transform:rotate(90deg)}.main-content{min-height:calc(100svh - 147px)}}@media(max-width:540px){.app-shell{padding:8px}.topbar{height:62px;padding:0 13px}.brand{font-size:15px;gap:8px}.top-status{font-size:11px}.steps{padding:20px 8px}.step-card{padding:27px 22px 26px;border-radius:13px}.description{font-size:14px}.otp-group{gap:6px}.otp-group input{height:49px;font-size:19px}.validity{white-space:normal}}.steps{gap:0}.step-card{flex-basis:495px}.back-action{color:#697385;margin-top:13px;font-size:12.5px}.preview-action{margin-top:14px;color:#74618b;font-size:12.5px}.preview-action:hover,.back-action:hover{color:#48305f}@keyframes step-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.step-card{animation:none}.outline-action{transition:none}}