#contact{text-align:center}#contact .section-title::after{background-color:#f01fff}.contact-block-wrapper{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:40px;border-radius:15px;box-shadow:0 8px 24px var(--shadow-light);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:40px;align-items:stretch;max-width:900px;margin:0 auto}.contact-form{flex:2;display:flex;flex-direction:column;text-align:left}.contact-form .form-field{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1rem}.contact-form label{font-weight:600;color:var(--primary-text);font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:var(--primary-text);font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.contact-form textarea{min-height:140px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aa3ae}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--brand-color);box-shadow:0 0 0 3px rgba(0,111,214,.18)}.contact-form button:focus-visible,.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.contact-form input:-webkit-autofill,.contact-form textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:var(--primary-text)!important;caret-color:var(--primary-text)}#contact .contact-form button[type=submit]{background-color:var(--brand-color);color:#fff;border:none;border-radius:var(--border-radius);padding:1rem 2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;align-self:flex-start}#contact .contact-form button[type=submit]:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-dark)}#contact .contact-form button[type=submit]:disabled{background-color:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none;opacity:.8}#formMessage{display:block;opacity:0;transition:opacity .3s ease;margin-top:12px;font-size:1rem;color:#22c55e}.contact-details{flex:0;align-self:flex-start;max-width:320px;margin:0 auto;text-align:left;padding:20px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 16px var(--shadow-light)}.contact-intro{font-size:1.1rem;font-weight:700;margin-bottom:12px;line-height:1.4;color:var(--primary-text)}.contact-list{list-style:none;margin:0;padding:8px 0 0;display:grid;gap:12px}.contact-list li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:12px;padding:12px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px var(--shadow-light)}.contact-list i{font-size:1rem;color:var(--brand-color);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(0,111,214,.12);border:1px solid rgba(0,111,214,.22)}.contact-row{display:grid;gap:2px}.contact-row .label{font-size:.8rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.02em}.contact-row a{color:var(--primary-text);font-weight:700;text-decoration:none;border-bottom:1px dashed transparent;width:fit-content}.contact-row a:hover{color:var(--brand-color);border-bottom-color:var(--brand-color)}@media (min-width:768px){.contact-block-wrapper{flex-direction:row;justify-content:space-between}}@media (max-width:767px){.contact-block-wrapper{padding:20px;gap:24px}.contact-form{order:1}.contact-details{order:2;padding:16px}.contact-form input,.contact-form textarea{font-size:16px;padding:14px 16px;border-radius:10px}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:16px}#contact .contact-form button[type=submit]{width:100%;padding:1rem 2rem;align-self:stretch;border-radius:var(--border-radius)}}@media (max-width:360px){.contact-block-wrapper{padding:16px}.contact-form input,.contact-form textarea{padding:12px 14px}}