.appointment-confirmation-form{gap:1rem;display:grid}.appointment-confirmation-field{gap:.5rem;display:grid}.appointment-confirmation-label{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);font-size:.75rem;font-weight:700}.appointment-confirmation-input{border:1px solid var(--shadow-soft);background:var(--cream-soft);height:3rem;color:var(--ink);box-shadow:0 12px 22px var(--shadow-soft);border-radius:.375rem;padding-inline:1.25rem}.appointment-confirmation-input::placeholder{color:var(--ink-soft)}.appointment-confirmation-input:focus-visible{border-color:var(--accent-soft);box-shadow:0 0 0 4px var(--shadow-soft);outline:none}.appointment-confirmation-submit{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-soft) 100%);width:100%;box-shadow:0 24px 44px var(--shadow);border:0;border-radius:999px;padding:1rem 1.5rem;font-weight:800;transition:transform .2s,opacity .2s,box-shadow .2s}.appointment-confirmation-submit:hover:not(:disabled){box-shadow:0 28px 50px var(--shadow);transform:translateY(-2px)}.appointment-confirmation-submit:disabled{cursor:not-allowed;opacity:.6}.appointment-confirmation-submit:focus-visible{box-shadow:0 24px 44px var(--shadow), 0 0 0 4px var(--shadow-soft);outline:none}
