.dp-appointment-form {
    --dp-primary: #3e5a8f;
    --dp-primary-dark: #2b3e63;
    --dp-secondary: #84ba37;
    --dp-secondary-dark: #6c9a2c;
    --dp-light: #EEF9FF;
    --dp-dark: #091E3E;
    max-width: 980px;
    margin: 40px auto;
    padding: 48px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 45px rgba(9, 30, 62, .12);
    color: #6B6A75;
}
.dp-appointment-intro { max-width: 650px; margin-bottom: 30px; }
.dp-appointment-kicker { display: inline-block; margin-bottom: 10px; color: var(--dp-primary); font-family: 'Jost', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.dp-appointment-intro h2 { margin: 0 0 10px; color: var(--dp-dark); font-family: 'Jost', sans-serif; font-size: clamp(28px, 4vw, 40px); font-weight: 700; }
.dp-appointment-intro p { margin: 0; font-size: 16px; line-height: 1.7; }
.dp-appointment-form__fields { margin: 0; }
.dp-appointment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.dp-field { margin: 0; }
.dp-field--full { grid-column: 1 / -1; }
.dp-field label { display: block; margin: 0 0 8px; color: var(--dp-dark); font-family: 'Jost', sans-serif; font-size: 16px; font-weight: 600; }
.dp-field input, .dp-field select, .dp-field textarea { display: block; width: 100%; min-height: 52px; padding: 13px 16px; border: 1px solid #DDE6EC; border-radius: 3px; outline: 0; background: #FAFCFD; color: var(--dp-dark); font: inherit; transition: border-color .2s, box-shadow .2s, background .2s; }
.dp-field textarea { min-height: 118px; resize: vertical; }
.dp-field input::placeholder, .dp-field textarea::placeholder { color: #9AA8B4; }
.dp-field input:focus, .dp-field select:focus, .dp-field textarea:focus { border-color: var(--dp-primary); background: #fff; box-shadow: 0 0 0 3px rgba(62, 90, 143, .18); }
.dp-field select:disabled { cursor: not-allowed; opacity: .7; }
.dp-field__hint { display: block; margin-top: 7px; color: #596874; font-size: 13px; font-weight: 500; }
.dp-consultation-fee { display: block; margin-top: 10px; padding: 10px 13px; border-left: 3px solid var(--dp-primary); border-radius: 2px; color: var(--dp-dark); background: var(--dp-light); font-family: 'Jost', sans-serif; font-size: 14px; font-weight: 600; }
.dp-appointment-submit { display: flex; justify-content: flex-end; margin-top: 28px; padding-top: 24px; border-top: 1px solid #EAF0F4; }
.dp-appointment-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-width: 220px; padding: 15px 20px; border: 0; border-radius: 2px; color: #fff; background: var(--dp-primary); font-family: 'Jost', sans-serif; font-size: 16px; font-weight: 600; cursor: pointer; transition: background .3s, color .3s, transform .3s, box-shadow .3s; }
.dp-appointment-button:hover, .dp-appointment-button:focus-visible { color: var(--dp-dark); background: var(--dp-secondary); transform: translateY(-2px); box-shadow: 0 6px 18px rgba(132, 186, 55, .32); }
.dp-appointment-button:active { background: var(--dp-secondary-dark); color: var(--dp-dark); transform: translateY(0); }
.dp-appointment-button span:last-child { font-size: 22px; line-height: 1; }
.dp-appointment-success, .dp-appointment-error { margin: 0 0 25px; padding: 14px 18px; border-left: 4px solid; border-radius: 2px; font-weight: 600; }
.dp-appointment-success { border-color: #198754; color: #146C43; background: #E9F7EF; }
.dp-appointment-error { border-color: #dc3545; color: #842029; background: #f8d7da; }
.dp-appointment-confirmation { padding: 42px 30px; border-top: 5px solid var(--dp-primary); border-radius: 4px; background: linear-gradient(135deg, var(--dp-light), #fff 70%); text-align: center; }
.dp-confirmation-icon { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin: 0 auto 20px; border-radius: 50%; color: #fff; background: #198754; font-size: 30px; font-weight: 700; }
.dp-appointment-confirmation h2 { margin: 8px 0 12px; color: var(--dp-dark); font-family: 'Jost', sans-serif; font-size: clamp(26px, 4vw, 38px); font-weight: 700; }
.dp-appointment-confirmation p { max-width: 560px; margin: 0 auto 26px; font-size: 16px; line-height: 1.7; }
.dp-appointment-confirmation .dp-appointment-button { text-decoration: none; }
.dp-payment-success-modal { position: fixed !important; z-index: 100000 !important; top: 0; right: 0; bottom: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; background: rgba(9, 30, 62, .68); }
.dp-payment-success-modal__panel { width: min(100%, 470px); padding: 42px 34px 36px; border-top: 5px solid var(--dp-primary); border-radius: 8px; background: #fff; box-shadow: 0 24px 70px rgba(9, 30, 62, .28); text-align: center; animation: dp-payment-success-in .25s ease-out; }
.dp-payment-success-modal__icon { display: flex; width: 64px; height: 64px; align-items: center; justify-content: center; margin: 0 auto 18px; border-radius: 50%; color: #fff; background: #198754; font-size: 34px; font-weight: 700; }
.dp-payment-success-modal__eyebrow { margin: 0 0 8px; color: var(--dp-primary); font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.dp-payment-success-modal__panel h2 { margin: 0 0 12px; color: var(--dp-dark); font-family: 'Jost', sans-serif; font-size: 30px; }
.dp-payment-success-modal__message { margin: 0 auto 26px; color: #526174; font-size: 16px; line-height: 1.7; }
.dp-payment-success-modal__button { display: inline-flex; min-width: 180px; align-items: center; justify-content: center; padding: 13px 24px; border: 0; border-radius: 2px; outline: 0; color: #fff !important; background-color: var(--dp-primary) !important; font-family: 'Jost', sans-serif; font-size: 16px; font-weight: 600; line-height: 1.4; cursor: pointer; appearance: none; transition: background-color .25s, transform .25s; }
.dp-payment-success-modal__button:hover, .dp-payment-success-modal__button:focus { background-color: var(--dp-primary-dark) !important; transform: translateY(-2px); }
@keyframes dp-payment-success-in { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 640px) { .dp-appointment-form { margin: 25px 15px; padding: 30px 22px; } .dp-appointment-grid { grid-template-columns: 1fr; gap: 17px; } .dp-field--full { grid-column: auto; } .dp-appointment-submit { justify-content: stretch; } .dp-appointment-button { width: 100%; } }
.dp-field--trap { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.dp-login-shell { display: flex; min-height: 620px; align-items: center; justify-content: center; padding: 70px 20px; background: linear-gradient(135deg, #eef9ff 0%, #fff 58%, #f0f7ea 100%); }
.dp-login-card { width: min(100%, 470px); padding: 44px 42px; border-top: 5px solid #3e5a8f; border-radius: 8px; background: #fff; box-shadow: 0 18px 55px rgba(9, 30, 62, .14); text-align: center; }
.dp-login-brand { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 28px; color: #091E3E; font-family: 'Jost', sans-serif; font-size: 24px; font-weight: 700; }
.dp-login-brand__mark { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: #3e5a8f; font-size: 18px; }
.dp-login-kicker { margin: 0 0 8px; color: #3e5a8f; font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.dp-login-card h1 { margin: 0 0 10px; color: #091E3E; font-family: 'Jost', sans-serif; font-size: 34px; }
.dp-login-intro { margin: 0 0 28px; color: #526174; line-height: 1.65; }
.dp-login-card form { margin: 0; text-align: left; }
.dp-login-card form p { margin: 0 0 18px; }
.dp-login-card form label { display: block; margin-bottom: 7px; color: #091E3E; font-family: 'Jost', sans-serif; font-weight: 600; }
.dp-login-card form input[type="text"], .dp-login-card form input[type="email"], .dp-login-card form input[type="password"] { width: 100%; min-height: 50px; box-sizing: border-box; padding: 12px 14px; border: 1px solid #dce6ed; border-radius: 3px; background: #fafcfd; font: inherit; }
.dp-login-card form input:focus { border-color: #3e5a8f; outline: 0; box-shadow: 0 0 0 3px rgba(62, 90, 143, .18); }
.dp-login-card form .login-remember { display: flex; align-items: center; gap: 8px; color: #526174; font-size: 14px; }
.dp-login-card form .login-remember label { margin: 0; color: #526174; font-family: inherit; font-weight: 400; }
.dp-login-card form .submit { margin-top: 24px; }
.dp-login-card form input[type="submit"], .dp-login-card__button { display: inline-flex; width: 100%; min-height: 50px; align-items: center; justify-content: center; box-sizing: border-box; padding: 13px 20px; border: 0; border-radius: 2px; color: #fff !important; background: #3e5a8f !important; font-family: 'Jost', sans-serif; font-size: 16px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .25s, transform .25s; }
.dp-login-card form input[type="submit"]:hover, .dp-login-card__button:hover { color: #fff !important; background: #2b3e63 !important; transform: translateY(-2px); }
.dp-login-forgot { display: inline-block; margin-top: 22px; color: #3e5a8f; font-size: 14px; text-decoration: none; }
.dp-login-forgot:hover { color: #091E3E; }
.dp-login-card__icon { display: flex; width: 62px; height: 62px; align-items: center; justify-content: center; margin: 0 auto 18px; border-radius: 50%; color: #fff; background: #198754; font-size: 28px; }
.dp-login-card h2 { margin: 0 0 24px; color: #091E3E; }
@media (max-width: 640px) { .dp-login-shell { min-height: 520px; padding: 45px 15px; } .dp-login-card { padding: 34px 24px; } }