.property-otp-page { background: radial-gradient(ellipse at top right, #e9f5ec, transparent 60%), #f7faf7; }
.otp-header-label { font-size: 9px; letter-spacing: 1.5px; color: #95a996; }
.property-otp-page .signup-header { margin: 18px auto; }
.property-otp-page .otp-shell { max-width: 950px; grid-template-columns: 1fr 1.05fr; margin: 20px auto; }
.property-otp-page .signup-story { min-height: 435px; }
.property-otp-page .signup-form-panel { padding: 28px 32px; }
.property-otp-page .signup-form-panel h2 { font-size: 29px; margin: 12px 0 10px; }
.property-otp-page .signup-subtitle { line-height: 1.8; font-size: 13px; margin-bottom: 23px; }
.property-otp-page .signup-form-panel form { display: flex; flex-direction: column; gap: 20px; }
.property-otp-page .signup-form-panel .signup-submit { width: min(190px, 100%); align-self: center; padding: 12px 20px; border-radius: 28px; background: linear-gradient(120deg, #008681, #006c73); }
.otp-steps { display: flex; align-items: center; gap: 12px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #e9f0e9; }
.otp-steps > span { display: flex; align-items: center; gap: 7px; color: #9aab9d; font-size: 10px; }
.otp-steps b { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #f0f5f0; font-size: 10px; font-weight: 600; }
.otp-steps .otp-step-current { color: #007d81; }
.otp-step-current b { background: #e3f1e7; }
.otp-steps i { width: 28px; height: 1px; background: #dce8de; }
.otp-success { background: #eef7f0; border: 1px solid #d9e9dd; border-radius: 10px; padding: 12px; margin-bottom: 18px; font-size: 12px; color: #5d8666; }
.property-otp-page .signup-field .otp-code-input { text-align: center; font-size: 25px; letter-spacing: 10px; font-weight: 600; padding: 14px 12px 14px 22px; border-radius: 12px; background: #f7fbf8; color: #007d81; }
.property-otp-page .otp-code-input::placeholder { color: #c4d6c9; }
.verify-otp-page .signup-header { margin: 12px auto; }
.verify-otp-page .otp-shell { margin: 12px auto; }
.verify-otp-page .signup-story { min-height: 410px; }
.verify-otp-page .signup-form-panel { padding: 28px; }
.verify-otp-page .form-logo { margin-bottom: 7px; }
.verify-otp-page .signup-form-panel h2 { font-size: 27px; margin: 9px 0 8px; }
.verify-otp-page .signup-subtitle { margin-bottom: 20px; font-size: 12px; line-height: 1.6; }
.verify-otp-page .otp-steps { padding-bottom: 14px; margin-bottom: 15px; }
.verify-otp-page .signup-form-panel form { gap: 20px; }
.verify-otp-page .signup-field .otp-code-input { padding-top: 10px; padding-bottom: 10px; }
.verify-otp-page .signup-login { margin: 13px 0; }
.verify-otp-page .signup-hotel { padding-top: 10px; }
.verify-otp-page .signup-footer { padding-bottom: 12px; }
@media (max-width: 760px) { .property-otp-page .otp-shell { grid-template-columns: 1fr; max-width: 460px; } .property-otp-page .signup-story { display: none; } .property-otp-page .signup-form-panel { padding: 26px 24px; } .otp-header-label { display: none; } }