:root{--main-bg:#fff;--accent:#111}body{background:var(--main-bg);margin:0;font-family:Segoe UI,Arial,Tahoma,sans-serif}.contact-container{background:var(--main-bg);border-radius:20px;max-width:950px;margin:120px auto 40px;padding:18px 20px 30px}.contact-header{text-align:center;margin-bottom:32px}.contact-banner{object-fit:cover;border-radius:16px;width:100%;max-height:200px;margin-bottom:15px}.contact-header h1{color:var(--accent);letter-spacing:1px;margin-bottom:5px;font-size:2.6rem;font-weight:700}.contact-header p{color:#555;margin:0 0 10px;font-size:1.1rem}.contact-content{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.contact-form{background:#fff;border-radius:15px;flex-direction:column;flex:320px;gap:19px;padding:26px 18px;display:flex;box-shadow:0 2px 12px #697b490f}.contact-form label{color:var(--accent);text-align:left;margin-bottom:6px;font-weight:600;display:block}.contact-form input,.contact-form textarea{color:#222;text-align:left;background:#f6fff2;border:1px solid #d3e1cf;border-radius:8px;padding:13px;font-size:1rem;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:5px;padding:13px;font-size:1.1rem;font-weight:600;transition:background .2s}.contact-form button:disabled{cursor:not-allowed;background:#b2baa1}.contact-form button:hover:not(:disabled){opacity:.9}.contact-info{background:#fbfcfa;border-radius:15px;flex-direction:column;flex:260px;align-items:center;gap:16px;padding:24px 15px;display:flex;box-shadow:0 2px 12px #697b490f}.contact-side-img{object-fit:cover;border-radius:12px;width:100%;max-width:200px;margin-bottom:11px;box-shadow:0 2px 8px #697b491c}.info-details h2{color:var(--accent);text-align:left;margin-bottom:6px;font-size:1.15rem;font-weight:700}.info-details p{color:#444;text-align:left;margin:0 0 10px;font-size:1rem}.info-details{margin-right:140px}@media (max-width:900px){.contact-content{flex-direction:column;gap:30px}.contact-container{padding:12px 6px 18px}.contact-header h1{font-size:2rem}}@media (max-width:600px){.contact-container{margin-top:40px}.contact-form,.contact-info{padding:17px 7px}.info-details{margin-right:110px}.contact-header h1{font-size:1.5rem}.contact-banner{max-height:120px}.contact-form label{display:none}}.loading-overlay{width:100vw;height:100vh;color:var(--accent);z-index:9999;background:#697b492e;justify-content:center;align-items:center;font-size:2rem;display:flex;position:fixed;top:0;left:0}