/* A clear, accessible contact form with restrained Dragie colour. */
.contact-page .message-panel{position:relative;align-self:start;padding:38px;border:1px solid #dbe5f2;border-radius:28px;background:#fff;box-shadow:0 16px 50px #304d8210,0 2px 7px #304d8205;overflow:hidden}
.message-panel::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#008aff,#6575ff 65%,#b181ff)}
.message-panel .cf-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#2563c5;background:#eef5ff;border:1px solid #dceaff;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:16px}
.cf-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#1684ff}
.contact-page .message-panel h2{font-size:30px;line-height:1.4}.contact-page .message-panel>p{color:#596b87;margin-top:9px;line-height:1.7}
#contact-form{margin-top:24px}#contact-form .cf-required-note{font-size:12px;color:#60718b;padding-bottom:18px;border-bottom:1px solid #e7edf5;margin-bottom:22px}
#contact-form label{font-size:14px;font-weight:600;color:#263852}#contact-form>label,#contact-form .form-row{margin-top:22px}.form-row{gap:16px}
#contact-form input:not([type=checkbox]),#contact-form select,#contact-form textarea{font-size:16px;min-height:52px;padding:13px 15px;border:1px solid #aebed2;border-radius:12px;background:#fbfcff;color:#142443;transition:border-color .18s,box-shadow .18s,background .18s}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#7c899d;opacity:1;font-size:14px}
#contact-form textarea{min-height:160px;line-height:1.7;resize:vertical}
#contact-form input:not([type=checkbox]):hover,#contact-form textarea:hover,#contact-form select:hover{border-color:#7189ae}
#contact-form input:focus-visible,#contact-form textarea:focus-visible,#contact-form select:focus-visible{outline:3px solid #197dff30;outline-offset:2px;border-color:#197dff;background:#fff;box-shadow:0 0 0 1px #197dff}
#contact-form [aria-invalid=true]{border-color:#c5364e!important;background:#fffafb!important}
.cf-field-error{display:block;color:#b1233c;font-size:12px;font-weight:400;margin-top:6px;line-height:1.6}.cf-field-error:empty{display:none}
.cf-message-meta{display:flex;justify-content:space-between;gap:14px;margin-top:7px;font-size:12px;font-weight:400;color:#64738b}.cf-message-meta output{white-space:nowrap;font-variant-numeric:tabular-nums}
#contact-form .contact-consent{border:1px solid #e1e9f4;border-radius:12px;padding:14px;background:#f8faff;gap:12px;min-height:52px;cursor:pointer;color:#4b5f7d;line-height:1.7}
#contact-form input[type=checkbox]{width:20px;height:20px;margin:1px 0 0;accent-color:#1279f4}
#contact-form .button{display:flex;align-items:center;gap:10px;min-height:56px;border-radius:14px;background:linear-gradient(110deg,#008aff,#1669ed);box-shadow:0 7px 15px #197dff25;font-weight:700;transition:box-shadow .2s,transform .2s}
#contact-form .button:hover{background:linear-gradient(110deg,#087de8,#115ad4);box-shadow:0 10px 22px #197dff35;transform:translateY(-2px)}
#contact-form .button:disabled{opacity:.72;transform:none;cursor:wait}#contact-form[aria-busy=true] .button svg{animation:cf-pulse 1s ease-in-out infinite}
#contact-status:empty{display:none}#contact-status:not(:empty){padding:14px 16px;border-radius:12px;background:#eef7ff;border:1px solid #cadef8;color:#214d7d;font-size:14px;line-height:1.7}#contact-status[data-error=true]:not(:empty){background:#fff2f3;border-color:#f0c6cd;color:#a02338}
.contact-privacy{font-size:12px;color:#64738b;margin-top:16px;line-height:1.7}
@keyframes cf-pulse{50%{opacity:.4;transform:translateX(3px)}}
@media(max-width:1050px){.contact-page .message-panel{padding:28px}.contact-page .message-panel h2{font-size:27px}#contact-form .form-row{grid-template-columns:1fr;gap:22px}}
@media(max-width:700px){.contact-page .message-panel{padding:28px 20px;border-radius:22px}.contact-page .message-panel h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){#contact-form input,#contact-form textarea,#contact-form select,#contact-form .button{transition:none}#contact-form .button:hover{transform:none}#contact-form[aria-busy=true] .button svg{animation:none}}