.form-group{width:100%;margin-bottom:24px}.form-group__label{color:var(--color-text-secondary);margin-bottom:8px;font-size:14px;display:block}.form-group__input{border:1px solid var(--color-border-gray);background-color:var(--color-bg-off-white);border-radius:8px;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s}.form-group__input:focus{border-color:var(--color-primary-green);outline:none}.form-group__input--error{border-color:red}.form-group__error{color:red;margin-top:4px;font-size:12px}.form-group__password-wrapper{position:relative}.form-group__toggle{cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;height:48px;padding:14px 24px;font-size:16px;font-weight:600;transition:background .2s}.btn--primary{background-color:var(--color-primary-green);color:#fff}.btn--primary:hover{background-color:var(--color-primary-green-dark)}.btn--primary:disabled{background-color:var(--color-border-gray);cursor:not-allowed}.btn--secondary{border:1px solid var(--color-border-gray);color:var(--color-text-heading);background-color:#fff}.otp-group{align-items:center;gap:10px;width:100%;margin-bottom:22px;display:flex}.otp-group__box{text-align:center;width:50px;height:52px;color:var(--color-text-heading);box-sizing:border-box;background-color:#fff;border:1.5px solid #d6dbe3;border-radius:10px;outline:none;flex:0 0 50px;padding:0;font-size:20px;font-weight:600;transition:border-color .2s,box-shadow .2s,background-color .2s}.otp-group__box:focus{border-color:var(--color-primary-green);background-color:#fff;box-shadow:0 0 0 3px #529f491f}@media (max-width:720px){.form-group{margin-bottom:20px}.form-group__input{box-sizing:border-box;width:100%}.btn{box-sizing:border-box;width:100%;max-width:100%}.otp-group{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:22px;display:flex}.otp-group__box{text-align:center;box-sizing:border-box;background-color:#fff;border:1.5px solid #d6dbe3;border-radius:10px;outline:none;flex:1 1 0;width:auto;min-width:0;max-width:50px;height:50px;padding:0;font-size:20px;font-weight:600;transition:border-color .2s,box-shadow .2s,background-color .2s}.otp-group__box:focus{border-color:var(--color-primary-green);background-color:#fff;box-shadow:0 0 0 3px #529f491f}}@media (max-width:480px){.form-group{margin-bottom:18px}.form-group__input{padding:13px 14px;font-size:16px}.btn{height:48px;padding:12px 18px;font-size:16px}.otp-group{gap:5px;margin-bottom:22px}.otp-group__box{border-radius:9px;max-width:44px;height:44px;font-size:18px}}@media (max-width:360px){.otp-group{gap:4px;margin-bottom:22px}.otp-group__box{max-width:42px;height:42px;font-size:17px}}