*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:#111725;font-family:"Segoe UI",Arial,sans-serif;line-height:1.5}.otp-header{height:96px;background:#20356f;color:white;display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,calc((100% - 600px)/2));gap:20px}.otp-header span{font-size:21px;white-space:nowrap}.otp-header img{height:60px;width:60px;object-fit:contain}.otp-header a{font-size:35px;text-decoration:none;color:white}.otp-main{max-width:600px;margin:0 auto;padding:36px 28px}.otp-symbol{width:108px;height:108px;margin:0 auto 30px;border-radius:50%;display:grid;place-items:center;background:#e1e4ef;color:#20356f}.otp-symbol svg{width:54px;height:54px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 18px}.lead{color:#687080;font-size:18px;line-height:1.65;margin:0 0 30px}.otp-info{display:flex;gap:20px;background:#e5f2fd;padding:23px;border-radius:18px;margin-bottom:26px}.otp-info>span{font-size:35px;color:#224c98}.otp-info h2{font-size:19px;margin:0 0 4px}.otp-info p{font-size:16px;color:#647185;margin:0}label{display:block;font-size:13px;font-weight:600;color:#555e71;margin-bottom:8px}.phone-field{display:flex;align-items:center;border:1px solid #d8dce5;background:white;border-radius:16px;padding:14px 12px;gap:13px}.phone-field>span{color:#20356f;border-right:1px solid #e0e3ea;padding-right:12px;font-size:19px}input{font:inherit;min-width:0}.phone-field input{width:100%;border:0;background:transparent;outline-offset:6px;font-size:17px}.helper{font-size:14px;color:#717787;margin:12px 0 26px}.primary{display:block;width:100%;border:0;border-radius:16px;padding:21px 15px;background:#20356f;color:white;font-size:19px;text-align:center;text-decoration:none;cursor:pointer}.primary:disabled{background:#7482a6;cursor:not-allowed}.code-input{display:block;width:100%;padding:15px 20px;border:1px solid #d8dce5;border-radius:15px;background:white;color:#20356f;font-size:37px;letter-spacing:19px;text-align:center}.resend{text-align:center;color:#727789;margin:25px 0 0}.text-button,.back-button{border:0;background:none;color:#20356f;font:inherit;cursor:pointer;padding:10px}.text-button:disabled{color:#828897;cursor:not-allowed}.back-button{display:block;margin:23px auto 0}.otp-footer{text-align:center;font-size:12px;color:#717787;margin-top:40px}.otp-footer a{color:#20356f;margin:0 12px}.otp-footer p{margin-top:20px}.notice,.error{padding:14px 18px;border-radius:12px;font-size:14px}.error{background:#fdebea;color:#8b2429}.notice{background:#e2f3ed;color:#205d46}button,input,a{touch-action:manipulation}:focus-visible{outline:3px solid #09aad8;outline-offset:4px}@media(max-width:480px){.otp-header{height:85px;padding:12px 22px}.otp-header span{font-size:18px}.otp-header img{width:48px;height:52px}.otp-main{padding:30px 23px}h1{font-size:28px}.lead{font-size:16px}.otp-info{padding:18px;gap:14px}.otp-info p{font-size:14px}.phone-field{gap:8px}.phone-field>span{font-size:17px;padding-right:8px}.phone-field input{font-size:15px}.code-input{font-size:32px;letter-spacing:14px}.primary{font-size:17px}.otp-symbol{width:94px;height:94px}}