.contact-page { width:min(1180px,calc(100% - 72px));margin:auto;padding:54px 0 80px; }
.contact-page .ct-breadcrumb { display:flex;gap:12px;color:#8fa6c4;font-size:13px;margin-bottom:44px; }
.contact-page .ct-breadcrumb a { color:#b7cbe0; }
.contact-page .ct-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start; }
.contact-page h1 { font:500 clamp(40px,4.4vw,62px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-2px;margin:24px 0; }
.contact-page h1 span { color:var(--cyan); }
.contact-page .ct-intro { color:#a8bdd4;line-height:1.8;font-size:17px;max-width:420px;margin-bottom:38px; }
.contact-page .ct-details { display:grid;gap:24px; }
.contact-page .ct-detail { display:flex;gap:18px;align-items:start; }
.contact-page .ct-detail>i { font-size:22px;color:var(--cyan);padding-top:3px; }
.contact-page .ct-detail b { font:500 17px "Space Grotesk",sans-serif;display:block;margin-bottom:7px; }
.contact-page .ct-detail a,.contact-page .ct-detail p { font-size:14px;line-height:1.7;color:#a8bdd4;margin:0; }
.contact-page .ct-form { padding:34px;border:1px solid rgba(0,213,255,.22);border-radius:20px;background:linear-gradient(140deg,#0d2032,#081321); }
.contact-page .ct-form h2 { font:500 25px "Space Grotesk",sans-serif;margin:0 0 9px; }
.contact-page .ct-form>p { margin:0 0 25px;font-size:14px;color:#91a6c1;line-height:1.7; }
.contact-page .ct-field { margin-bottom:19px; }
.contact-page label { display:block;font-size:14px;color:#e2ebf6;margin-bottom:9px; }
.contact-page input,.contact-page textarea { width:100%;border:1px solid #344c64;border-radius:8px;padding:13px 14px;background:#06111f;color:#f5f8ff;font:400 16px/1.4 "DM Sans",sans-serif; }
.contact-page input::placeholder,.contact-page textarea::placeholder { color:#8198b1; }
.contact-page textarea { resize:vertical;min-height:135px; }
.contact-page input:focus,.contact-page textarea:focus { outline:2px solid var(--cyan);outline-offset:2px; }
.contact-page .ct-pair { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.contact-page .ct-note { color:#91a6c1;font-size:12px;line-height:1.7;margin:0 0 20px; }
.contact-page .ct-note i { color:var(--cyan);margin-right:5px; }
.contact-page .ct-form .n-btn { cursor:pointer;border:0;width:100%;justify-content:center; }
.contact-page .ct-form .n-btn:disabled { opacity:.6;cursor:wait; }
.contact-page .ct-status { margin-top:16px;font-size:14px;line-height:1.65; }
.contact-page .ct-status:empty { display:none; }
.contact-page .ct-status[data-state="error"] { color:#ffb0bd; }
.contact-page .ct-status[data-state="success"] { color:#63e6b5; }
.contact-page .ct-status[data-state="loading"] { color:var(--cyan); }
.contact-page .ct-trap { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
@media(max-width:980px) { .contact-page .ct-grid { gap:35px; } .contact-page .ct-pair { grid-template-columns:1fr;gap:0; } }
@media(max-width:760px) { .contact-page { width:calc(100% - 40px);padding:28px 0 48px; } .contact-page .ct-grid { grid-template-columns:1fr;gap:36px; } .contact-page .ct-form { padding:24px; } .contact-page .ct-breadcrumb { margin-bottom:30px; } }