.checkout-flow-page{background:radial-gradient(circle at 100% 0,#00664214,#0000 28%),linear-gradient(#f3f7f5 0%,#eef4f1 100%);flex-direction:column;min-height:100vh;display:flex}.checkout-flow-panel{flex:1;justify-content:center;align-items:center;width:min(1440px,100%);margin:0 auto;padding:48px 24px 64px;display:flex}.checkout-steps{grid-template-columns:repeat(4,1fr);align-items:start;width:min(900px,100%);margin:0 auto 28px;display:grid}.checkout-step{color:#8a8f8c;text-align:center;justify-items:center;gap:8px;font-size:12px;display:grid;position:relative}.checkout-step:not(:last-child):after{content:"";background:#c7d4ce;width:calc(100% - 32px);height:1px;position:absolute;top:12px;left:calc(50% + 16px)}.checkout-step.active:not(:last-child):after{background:#006642}.checkout-step span{color:#67756e;z-index:1;background:#fff;border:1px solid #9fb1a8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.checkout-step.active span{color:#fff;background:#006642;border-color:#006642}.checkout-step.active p{color:#006642}.verify-card{background:#fff;border:1px solid #e3ece8;border-radius:16px;flex-direction:column;align-items:stretch;gap:18px;width:min(440px,100%);margin:0 auto;padding:36px 32px 28px;display:flex;box-shadow:0 18px 50px #10342814}.auth-card-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auth-kicker{letter-spacing:.12em;text-transform:uppercase;color:#006642;margin:0;font-size:12px;font-weight:700}.verify-card h1{letter-spacing:-.03em;color:#12352a;text-align:center;font-size:26px;font-weight:650}.auth-subtitle{color:#66756e;max-width:34ch;margin:0;font-size:14px;line-height:1.5}.auth-tabs{background:#f3f7f5;border-radius:999px;grid-template-columns:1fr 1fr;width:100%;padding:4px;display:grid}.auth-tabs button{color:#5d6b65;cursor:pointer;background:0 0;border:0;border-radius:999px;height:40px;min-height:40px;font-size:14px;font-weight:600;transition:background .18s,color .18s}.auth-tabs button.is-active{color:#fff;background:#006642}.auth-fields{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;width:100%;display:flex}.auth-field>span{color:#2f463e;font-size:13px;font-weight:600}.auth-field .required-mark{color:#c0392b;margin-left:2px;font-style:normal;font-weight:700}.auth-field-hint{color:#7a8781;margin:0;font-size:12px;line-height:1.4}.auth-text-input{color:#12352a;background:#fff;border:1px solid #d7e2dd;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;font-size:15px}.auth-text-input::placeholder,.phone-input input::placeholder{color:#9aa8a1}.auth-text-input:focus,.phone-input:focus-within{border-color:#006642;box-shadow:0 0 0 3px #0066421f}.auth-text-input:disabled{color:#6b7872;background:#f7f9f8}.phone-input:has(input:disabled){color:#6b7872;background:#f7f9f8}.otp-panel{background:#f7faf8;border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.otp-label{letter-spacing:.04em;text-transform:uppercase;color:#4d5f57;width:100%;margin:4px 0 0;font-size:12px;font-weight:650}.auth-footnote{text-align:center;color:#7a8781;margin:4px 0 0;font-size:13px;line-height:1.4}.auth-footnote button{color:#006642;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:650}.auth-edit{color:#006642;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:-8px;padding:0;font-size:13px;font-weight:650}.otp-panel .verify-status{text-align:left;margin:0}.verify-status{text-align:center;color:#67756e;width:100%;font-size:14px;line-height:1.5}.dev-otp-hint{text-align:center;color:#666;width:100%;font-size:.85rem}.phone-input{background:#fff;border:1px solid #d7e2dd;border-radius:10px;align-items:center;width:100%;height:48px;display:flex;overflow:hidden}.phone-input span{text-align:center;color:#12352a;background:#f7faf8;border-right:1px solid #d7e2dd;width:70px;font-weight:650}.phone-input input{border:0;outline:0;flex:1;min-width:0;padding:0 16px;font-size:15px}.otp-row{grid-template-columns:repeat(6,1fr);gap:12px;width:100%;display:grid}.otp-row input{aspect-ratio:1;text-align:center;color:#12352a;background:#fff;border:1px solid #d7e2dd;border-radius:10px;outline:none;width:100%;min-height:46px;font-size:20px;font-weight:650}.otp-row input:focus{border-color:#006642;box-shadow:0 0 0 3px #0066421f}.verify-btn,.resend-btn{cursor:pointer;letter-spacing:.01em;border-radius:10px;width:100%;height:50px;font-size:15px;font-weight:650}.verify-btn{color:#fff;background:#006642;border:0;transition:background .18s}.verify-btn:hover:not(:disabled){background:#085536}.verify-btn:disabled,.resend-btn:disabled{opacity:.65;cursor:not-allowed}.resend-btn{color:#006642;background:#fff;border:1px solid #c5d6ce}.resend-btn:hover:not(:disabled){background:#f3f7f5}@media (max-width:768px){.checkout-flow-panel{padding:24px 16px 40px}.verify-card{padding:28px 20px 22px}}@media (max-width:480px){.otp-row{gap:8px}.verify-card h1{font-size:21px}}