html body#contact { background:#f7f9fc; }
html[mode=dark] body#contact { background:#192d3e; }
html body#contact .wd-contact-page { max-width:1120px; width:calc(100% - 48px); margin:26px auto 48px; padding:0; float:none; }
html body#contact .wd-contact-intro { max-width:720px; margin-bottom:28px; }
html body#contact .wd-contact-kicker { display:block; font-size:11px; letter-spacing:1.6px; text-transform:uppercase; font-weight:700; color:#5a8076; margin-bottom:10px; }
html body#contact .wd-contact-intro h1 { width:auto; float:none; margin:0 0 14px; padding:0; text-align:left; font-size:36px; line-height:1.2; letter-spacing:-.8px; color:#244761; }
html body#contact .wd-contact-intro>p { margin:0; color:#667e91; font-size:15px; line-height:1.7; }
html body#contact .wd-contact-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:34px; align-items:start; }
html body#contact .wd-contact-help { min-width:0; }
html body#contact .wd-contact-email { border:1px solid #dce9e3; border-radius:16px; padding:25px; background:linear-gradient(130deg,#edf5fa,#edf7f0); margin-bottom:18px; }
html body#contact .wd-contact-icon { display:inline-flex; justify-content:center; align-items:center; width:38px; height:38px; border:1px solid #cde3d8; border-radius:11px; color:#407b67; background:#fff8; font-size:22px; margin-bottom:16px; }
html body#contact .wd-contact-help h2 { font-size:17px!important; line-height:1.4; color:#31566e; margin:0 0 10px; }
html body#contact .wd-contact-help p,html body#contact .wd-contact-help li { font-size:13px; color:#6a8395; line-height:1.75; }
html body#contact .wd-contact-help p { margin:0 0 14px; }
html body#contact .wd-contact-email>a { color:#346d59; font-size:20px; line-height:1.5; font-weight:650; text-decoration:none; }
html body#contact .wd-contact-tip { border:1px solid #e1e8ef; border-radius:14px; padding:23px; margin-bottom:22px; background:#fff; }
html body#contact .wd-contact-tip>a { color:#356bc1; font-size:12px; font-weight:600; }
html body#contact .wd-contact-checklist { padding:0 10px; }
html body#contact .wd-contact-checklist ul { margin:0; padding:0 0 0 19px; }
html body#contact .wd-contact-checklist li { padding-left:4px; margin:0 0 9px; }
html body#contact .wd-contact-guide { display:block; padding:18px 20px; border-radius:12px; border:1px solid #dfe8f0; margin-top:23px; background:#f3f7fc; text-decoration:none; }
html body#contact .wd-contact-guide>span { display:block; font-size:11px; color:#7b92a4; margin-bottom:7px; }
html body#contact .wd-contact-guide strong { color:#466f94; font-size:14px; }
html body#contact .wd-contact-card { border:1px solid #dce6ee; border-radius:18px; box-shadow:0 8px 24px #264c7005; padding:28px 30px; min-width:0; background:#fff; }
html body#contact .wd-contact-card>h2 { font-size:23px!important; color:#2d5069; line-height:1.4; margin:0 0 7px; }
html body#contact .wd-contact-required { margin:0 0 25px; font-size:11px; color:#8b9fac; }
html body#contact .wd-contact-card form { float:none; margin:0; padding:0; width:100%; }
html body#contact .wd-contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
html body#contact .wd-contact-field { float:none; width:100%; margin:0 0 20px; }
html body#contact .wd-contact-field label { display:block; float:none; width:100%; font-size:12px; font-weight:650; color:#49677c; line-height:1.5; margin:0 0 8px; }
html body#contact .wd-contact-field label span { color:#93a6b5; }
html body#contact .wd-contact-field input:not([type=file]),html body#contact .wd-contact-field textarea { width:100%!important; float:none; box-sizing:border-box; padding:12px 13px; border:1px solid #d8e3ec; border-radius:9px; background:#f9fbfd; color:#31526b; font-size:14px; line-height:1.5; height:46px; box-shadow:none; }
html body#contact .wd-contact-field textarea { min-height:180px; height:180px; resize:vertical; }
html body#contact .wd-contact-field input:focus,html body#contact .wd-contact-field textarea:focus { outline:2px solid #94b5eb; outline-offset:1px; border-color:#7aa3e7; background:#fff; }
html body#contact .wd-contact-field small { display:block; font-size:11px; line-height:1.6; margin-top:7px; color:#7f96a7; }
html body#contact .wd-contact-submit p { font-size:11px; line-height:1.7; color:#8499a8; margin:0 0 17px; }
html body#contact .wd-contact-submit p a { color:#4b79b1; }
html body#contact .wd-contact-submit button { width:100%; display:flex; align-items:center; justify-content:center; gap:10px; height:auto; min-height:46px; border:0; border-radius:9px; background:#356dd5; color:#fff; padding:13px 18px; font-size:14px; font-weight:650; cursor:pointer; }
html body#contact .wd-contact-submit button:hover { background:#285ab8; }
html body#contact .wd-contact-page a:focus-visible,html body#contact .wd-contact-submit button:focus-visible { outline:3px solid #94b5eb; outline-offset:3px; }
html body#contact #error_list { font-size:12px; line-height:1.6; }
html body#contact .wd-contact-field label.error { color:#b53d4c; font-size:11px; margin-top:7px; }
html body#contact .wd-contact-field input.error,html body#contact .wd-contact-field textarea.error { border-color:#d5969e; }
html[mode=dark] body#contact .wd-contact-intro h1,html[mode=dark] body#contact .wd-contact-card>h2,html[mode=dark] body#contact .wd-contact-help h2 { color:#c4dff1; }
html[mode=dark] body#contact .wd-contact-intro>p,html[mode=dark] body#contact .wd-contact-help p,html[mode=dark] body#contact .wd-contact-help li { color:#a4bece; }
html[mode=dark] body#contact .wd-contact-card,html[mode=dark] body#contact .wd-contact-tip { background:#233c51; border-color:#3e5b70; }
html[mode=dark] body#contact .wd-contact-email { background:linear-gradient(130deg,#254359,#294d41); border-color:#426c5e; }
html[mode=dark] body#contact .wd-contact-email>a { color:#b2dac6; }
html[mode=dark] body#contact .wd-contact-field label { color:#b7cfe0; }
html[mode=dark] body#contact .wd-contact-field input:not([type=file]),html[mode=dark] body#contact .wd-contact-field textarea { background:#1d3447; border-color:#426078; color:#c3dce9; }
html[mode=dark] body#contact .wd-contact-guide { background:#233f56; border-color:#3d5b71; }
html[mode=dark] body#contact .wd-contact-guide strong { color:#aecdeb; }
@media(max-width:800px) { html body#contact .wd-contact-layout { grid-template-columns:1fr; gap:24px; } html body#contact .wd-contact-card { grid-row:1; } html body#contact .wd-contact-help { display:grid; grid-template-columns:1fr 1fr; gap:18px; } html body#contact .wd-contact-checklist,html body#contact .wd-contact-guide { grid-column:1/-1; } html body#contact .wd-contact-email,html body#contact .wd-contact-tip { margin:0; } }
@media(max-width:500px) { html body#contact .wd-contact-page { width:calc(100% - 28px); margin:20px auto 30px; } html body#contact .wd-contact-intro h1 { font-size:29px; } html body#contact .wd-contact-intro>p { font-size:13px; } html body#contact .wd-contact-intro { margin-bottom:22px; } html body#contact .wd-contact-card { padding:23px 18px; } html body#contact .wd-contact-fields,html body#contact .wd-contact-help { grid-template-columns:1fr; } html body#contact .wd-contact-field input:not([type=file]),html body#contact .wd-contact-field textarea { font-size:16px; } html body#contact .wd-contact-fields { gap:0; } html body#contact .wd-contact-card>h2 { font-size:21px!important; } }
html body#contact .wd-contact-checklist ul { list-style:disc; }
html body#contact .wd-contact-checklist li { display:list-item; }
html[mode=dark] body#contact .wd-contact-field input::placeholder,html[mode=dark] body#contact .wd-contact-field textarea::placeholder { color:#9eb9cc; opacity:1; }
html[mode=dark] body#contact .wd-contact-submit p a,html[mode=dark] body#contact .wd-contact-tip>a { color:#9ebfee; }
