/* SIRTLANTECH / CONTACT - standalone styles, shared navbar from home.css */
.contact-page .ct-main { display:block; flex:1; width:100%; }
.contact-page .ct-container { width:min(100% - 48px,1120px); margin-inline:auto; }
.contact-page .ct-eyebrow { display:block; color:#ff6a00; font-size:11px; font-weight:700; letter-spacing:2px; text-align:left; }
.contact-page .ct-hero { padding:105px 0 85px; border-bottom:1px solid #303030; }
.contact-page .ct-hero h1 { color:#fff; font-size:clamp(3.3rem,7vw,6.2rem); letter-spacing:-2.5px; line-height:1.08; text-align:left; margin:26px 0 30px; }
.contact-page .ct-hero h1 span, .contact-page .ct-section-title h2 span, .contact-page .ct-side h2 span { color:#ff6a00; }
.contact-page .ct-hero p { color:#aaa; font-size:16px; line-height:1.9; max-width:660px; text-align:left; }
.contact-page .ct-section { padding:90px 0 110px; }
.contact-page .ct-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr); gap:80px; align-items:start; }
.contact-page .ct-form-panel, .contact-page .ct-side { min-width:0; }
.contact-page .ct-section-title { margin-bottom:40px; }
.contact-page .ct-section-title h2, .contact-page .ct-side h2 { color:#fff; font-size:clamp(1.8rem,3vw,2.6rem); letter-spacing:-1px; line-height:1.2; text-align:left; margin:16px 0; }
.contact-page .ct-section-title p, .contact-page .ct-side-section>p { color:#aaa; font-size:14px; line-height:1.9; text-align:left; }
.contact-page #contactForm { display:flex; flex-direction:column; gap:22px; width:100%; }
.contact-page .ct-field { display:flex; flex-direction:column; gap:9px; width:100%; }
.contact-page .ct-field label { font-size:12px; font-weight:600; color:#ddd; text-align:left; }
.contact-page .ct-field input, .contact-page .ct-field textarea { display:block; width:100%; min-width:0; padding:16px 17px; border:1px solid #383838; border-radius:3px; background:#171717; color:#fff; font:inherit; font-size:14px; text-align:left; outline:none; transition:border-color .2s ease,background .2s ease; }
.contact-page .ct-field textarea { resize:vertical; min-height:170px; line-height:1.7; }
.contact-page .ct-field input::placeholder, .contact-page .ct-field textarea::placeholder { color:#777; }
.contact-page .ct-field input:focus, .contact-page .ct-field textarea:focus { border-color:#ff6a00; background:#1b1b1b; }
.contact-page .form-buttons { display:flex; gap:12px; flex-wrap:wrap; align-items:stretch; }
.contact-page .form-buttons .ct-file-button, .contact-page .form-buttons .ct-submit-button { display:inline-flex; justify-content:center; align-items:center; gap:10px; min-height:50px; padding:13px 20px; border-radius:3px; font:inherit; font-size:13px; font-weight:700; cursor:pointer; text-decoration:none; transition:background .2s ease,border-color .2s ease,color .2s ease; flex:1 1 185px; }
.contact-page .form-buttons .ct-file-button { color:#fff; border:1px solid #444; background:#202020; }
.contact-page .form-buttons .ct-file-button:hover { border-color:#ff6a00; }
.contact-page .form-buttons .ct-submit-button { color:#111; border:1px solid #ff6a00; background:#ff6a00; }
.contact-page .form-buttons .ct-submit-button:hover { background:#ff8533; border-color:#ff8533; }
.contact-page #fileSuccess { display:none; color:#7de3a0; font-size:13px; font-weight:600; text-align:left; overflow-wrap:anywhere; }
.contact-page .ct-form-note { color:#888; font-size:12px; line-height:1.6; text-align:left; }
.contact-page .ct-side-section { padding:0 0 40px; margin-bottom:40px; border-bottom:1px solid #303030; }
.contact-page .ct-email { display:flex; justify-content:space-between; gap:15px; margin-top:25px; color:#ff6a00; font-size:clamp(13px,1.6vw,17px); font-weight:600; text-decoration:none; text-align:left; overflow-wrap:anywhere; }
.contact-page .ct-email:hover { color:#fff; }
.contact-page .ct-socials { display:flex; flex-direction:column; gap:0; margin-top:22px; }
.contact-page .ct-socials a { display:flex; align-items:center; gap:13px; padding:15px 0; color:#ddd; border-bottom:1px solid #303030; text-decoration:none; font-size:14px; font-weight:600; text-align:left; transition:color .2s ease; }
.contact-page .ct-socials a:hover { color:#ff6a00; }
.contact-page .ct-socials a img { width:22px; height:22px; object-fit:contain; flex:none; }
.contact-page .ct-socials a span { margin-left:auto; color:#ff6a00; }
.contact-page .ct-side-note { padding:25px; background:#181818; border-left:2px solid #ff6a00; }
.contact-page .ct-side-note p { color:#ddd; font-size:15px; line-height:1.75; text-align:left; margin-top:15px; }
.contact-page #fileErrorModal { display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.75); align-items:center; justify-content:center; padding:24px; }
.contact-page #fileErrorModal[style*="block"] { display:flex !important; }
.contact-page #fileErrorModal .modal-content { position:relative; width:min(100%,420px); padding:40px 30px 30px; border:1px solid #444; border-top:3px solid #ff6a00; background:#1d1d1d; color:#fff; box-shadow:0 20px 80px rgba(0,0,0,.4); }
.contact-page #fileErrorModal .modal-content p { font-size:15px; line-height:1.7; text-align:center; }
.contact-page #fileErrorModal .close { position:absolute; right:15px; top:8px; font-size:28px; color:#aaa; cursor:pointer; }
.contact-page #fileErrorModal .close:hover { color:#ff6a00; }
@media(max-width:850px) { .contact-page .ct-container { width:min(100% - 32px,1120px); } .contact-page .ct-hero { padding:70px 0 65px; } .contact-page .ct-section { padding:65px 0 80px; } .contact-page .ct-grid { grid-template-columns:1fr; gap:70px; } .contact-page .ct-hero h1 { letter-spacing:-1.5px; } }
@media(max-width:480px) { .contact-page .ct-hero h1 { font-size:clamp(2.8rem,12vw,4rem); } .contact-page .form-buttons { flex-direction:column; } .contact-page .form-buttons .ct-file-button,.contact-page .form-buttons .ct-submit-button { flex:initial; width:100%; } }
