.contact-page { --ct-accent: #dfb793; --ct-muted: #a0a6b5; }
.ct-breadcrumb { margin: 28px 0 0; }
.ct-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 50px; padding: 52px 0 65px; }
.ct-hero-copy > .fp-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--ct-accent); }
.ct-dot { height: 6px; width: 6px; border-radius: 50%; background: #dcb38d; box-shadow: 0 0 0 5px #dcb38d0c; }
.ct-hero h1 { font-size: clamp(42px, 5vw, 66px); line-height: 1.12; letter-spacing: -2.8px; font-weight: 600; margin: 23px 0; }
.ct-hero h1 > span { color: var(--ct-accent); }
.ct-hero-copy > p { max-width: 405px; color: var(--ct-muted); font-size: 13px; line-height: 2; margin: 0 0 29px; }
.contact-page .fp-button { background: #dfb18d; border-color: #dfb18d; transition: background .2s, transform .2s; }
.contact-page .fp-button:hover { background: #efc6a4; }
.ct-hero .fp-actions { align-items: center; gap: 25px; }
.ct-hero-note { display: flex; align-items: center; gap: 9px; font-size: 10px; color: #8d93a2; margin-top: 27px; }
.ct-hero-note i { color: #bba68e; }
.ct-visual { position: relative; isolation: isolate; display: grid; place-items: center; min-height: 350px; }
.ct-orbit { position: absolute; z-index: -1; width: 290px; height: 290px; border: 1px solid #d4ac8312; border-radius: 50%; background: radial-gradient(ellipse, #c5976620, transparent 70%); box-shadow: 0 0 0 35px #d4ac8303, 0 0 0 36px #d4ac8308, 0 0 0 75px #d4ac8302, 0 0 0 76px #d4ac8305; }
.ct-message { width: 258px; padding: 24px; transform: rotate(-7deg); border-radius: 18px; border: 1px solid #ead0b332; background: linear-gradient(135deg, #ffffff08, transparent 55%), #222126; box-shadow: 0 25px 60px #0004; }
.ct-message-top, .ct-message-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 8px; letter-spacing: 1.7px; color: #c4a58a; }
.ct-message-top span { display: flex; align-items: center; gap: 7px; }
.ct-message-icon { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid #dfb79322; border-radius: 14px; background: #dfb79309; color: #e1b995; font-size: 23px; margin: 30px 0 18px; }
.ct-message > strong { font-size: 24px; line-height: 1.35; letter-spacing: -.6px; font-weight: 500; color: #e7d7c9; }
.ct-message-lines { display: grid; gap: 8px; margin: 19px 0 26px; }
.ct-message-lines span { width: 90%; height: 4px; background: #d3bda014; border-radius: 4px; }.ct-message-lines span:last-child { width: 60%; }
.ct-message-bottom { border-top: 1px solid #ffffff0c; padding-top: 16px; font-size: 7px; }
.ct-float { position: absolute; display: flex; align-items: center; gap: 10px; font-size: 10px; padding: 14px 17px; border: 1px solid #ffffff14; border-radius: 10px; background: #1c1e25; box-shadow: 0 10px 30px #0003; color: #c1c6d1; }
.ct-float i { color: #c7b092; font-size: 14px; }.ct-float-support { top: 48px; right: 0; transform: rotate(5deg); }.ct-float-community { left: 0; bottom: 22px; transform: rotate(3deg); }
.ct-channels, .ct-request, .ct-help { scroll-margin-top: 110px; }
.ct-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 24px; }
.ct-section-heading h2 { font-size: 26px; font-weight: 550; letter-spacing: -.8px; margin: 12px 0 10px; line-height: 1.4; }
.ct-section-heading p { font-size: 11px; color: var(--ct-muted); line-height: 1.9; margin: 0; }
.ct-section-index { color: #878a96; font-size: 8px; letter-spacing: 1.3px; white-space: nowrap; padding-bottom: 5px; }
.ct-channel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.ct-channel { --channel-accent: #d9b48f; position: relative; padding: 30px; border: 1px solid #d9b48f28; border-radius: 16px; background: radial-gradient(ellipse at right top, #d9b48f09, transparent 65%), #191a20; min-width: 0; }
.ct-channel-legal { --channel-accent: #b3b4d7; background: radial-gradient(ellipse at right top, #b3b4d70b, transparent 65%), #191a20; border-color: #b3b4d71c; }
.ct-channel-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 25px; }
.ct-icon { display: grid; place-items: center; width: 45px; height: 45px; flex-shrink: 0; border-radius: 12px; border: 1px solid #dfb79320; background: #dfb79307; color: #cfb090; font-size: 18px; }
.ct-channel-legal .ct-icon { color: #b3b4d7; border-color: #b3b4d725; background: #b3b4d708; }
.ct-tag { font-size: 8px; letter-spacing: 1px; color: #a8a0a0; }
.ct-channel h3 { font-size: 25px; font-weight: 550; letter-spacing: -.8px; margin: 0 0 13px; }
.ct-channel > p { color: var(--ct-muted); font-size: 12px; line-height: 1.95; max-width: 410px; margin: 0 0 21px; }
.ct-topics { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0 0 28px; }
.ct-topics li { color: #a9adbb; border: 1px solid #ffffff0c; background: #ffffff02; border-radius: 5px; padding: 6px 8px; font-size: 9px; }
.ct-email-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #ffffff0b; background: #11121670; border-radius: 9px; padding: 12px 14px; }
.ct-email-row a { color: var(--channel-accent); font-size: clamp(12px, 1.5vw, 17px); font-weight: 450; overflow-wrap: anywhere; min-width: 0; }
.ct-email-row button { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border: 1px solid #ffffff0b; border-radius: 7px; background: #ffffff03; color: #b7b1ae; cursor: pointer; }
.ct-email-row button:hover { color: #ead1b8; border-color: #ead1b844; }.contact-page [hidden] { display: none !important; }
.ct-channel-action { display: flex; align-items: center; justify-content: space-between; padding-top: 22px; font-size: 11px; color: var(--channel-accent); }.ct-channel-action i { font-size: 10px; }.ct-channel-action:hover { color: #eee1d5; }
.ct-copy-status { min-height: 18px; margin: 10px 0 0; color: #d8bd9e; font-size: 11px; line-height: 1.7; }
.ct-request { position: relative; display: grid; grid-template-columns: 70px minmax(0, 1fr) minmax(0, .95fr); align-items: start; gap: 27px; padding: 35px; margin-top: 31px; border: 1px solid #d8b48c23; border-radius: 16px; background: radial-gradient(ellipse at left top, #d8b48c0d, transparent 65%), #1b1b21; }
.ct-request-symbol { position: relative; display: grid; place-items: center; height: 65px; width: 65px; margin-top: 4px; border-radius: 17px; border: 1px solid #d8b48c25; color: #d8b48c; background: #d8b48c06; font-size: 26px; }
.ct-request-symbol > span { position: absolute; right: -5px; bottom: -5px; display: grid; place-items: center; height: 23px; width: 23px; border-radius: 7px; font-size: 9px; color: #adc4ae; background: #252c29; border: 1px solid #adc4ae30; }
.ct-request h2 { font-size: 27px; font-weight: 500; line-height: 1.35; letter-spacing: -.7px; margin: 13px 0; }.ct-request h2 span { color: #c9b099; }
.ct-request-copy > p { color: var(--ct-muted); font-size: 11px; line-height: 2; max-width: 380px; margin: 0 0 22px; }.ct-request .fp-button { font-size: 10px; padding: 13px 16px; }
.ct-request-steps { padding: 7px 0 0 30px; border-left: 1px solid #ffffff0b; }.ct-request-steps ol { list-style: none; margin: 23px 0 0; padding: 0; display: grid; gap: 23px; }.ct-request-steps li { display: flex; gap: 13px; }.ct-request-steps li > span { color: #a48c75; font-size: 9px; padding-top: 3px; }.ct-request-steps h3 { font-size: 12px; font-weight: 500; color: #d3d3de; margin: 0 0 7px; }.ct-request-steps p { color: #999fad; font-size: 10px; line-height: 1.9; margin: 0; }
.ct-help { margin-top: 55px; }.ct-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }.ct-resource { display: flex; flex-direction: column; padding: 25px; background: #181a20; border: 1px solid #ffffff0e; border-radius: 13px; min-width: 0; transition: transform .2s, border-color .2s; }.ct-resource:hover { transform: translateY(-3px); border-color: #dfb79340; }.ct-resource .ct-icon { width: 37px; height: 37px; font-size: 15px; border-radius: 10px; }.ct-resource h3 { font-size: 16px; font-weight: 500; color: #dde0e8; margin: 21px 0 10px; letter-spacing: -.3px; }.ct-resource p { font-size: 11px; color: var(--ct-muted); line-height: 1.9; margin: 0 0 24px; }.ct-resource-link { display: flex; justify-content: space-between; gap: 10px; font-size: 10px; color: #c9ad91; margin-top: auto; }.ct-resource-link i { font-size: 9px; }
.ct-note { display: flex; align-items: center; gap: 20px; border-top: 1px solid #ffffff0d; padding-top: 28px; margin-top: 35px; }.ct-note h2 { font-size: 13px; font-weight: 500; color: #c8c9d3; margin: 0 0 9px; }.ct-note p { font-size: 11px; line-height: 1.9; color: #989eac; margin: 0; max-width: 760px; }.ct-note-sign { color: #b79b80; font-size: 9px; letter-spacing: 1.5px; line-height: 2; white-space: nowrap; margin-left: auto; padding-left: 20px; }.ct-note-sign span { letter-spacing: 0; font-size: 9px; color: #858b98; }
@media(max-width:1000px) { .ct-hero { gap: 25px; }.ct-float { font-size: 9px; padding: 12px; }.ct-float-support { right: -6px; }.ct-float-community { left: -5px; }.ct-orbit { width: 235px; height: 235px; }.ct-request { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 28px; }.ct-request-symbol { display: none; }.ct-section-index { display: none; }.ct-note-sign { display: none; } }
@media(max-width:760px) { .ct-hero { grid-template-columns: 1fr; gap: 30px; padding: 35px 0 45px; }.ct-hero h1 { font-size: 54px; }.ct-hero-copy > p { max-width: 500px; }.ct-visual { width: min(100%, 400px); margin: 0 auto; min-height: 340px; }.ct-float-support { right: 0; }.ct-float-community { left: 0; }.ct-channel-grid { grid-template-columns: 1fr; gap: 18px; }.ct-channel { padding: 26px; }.ct-email-row a { font-size: 17px; }.ct-request { grid-template-columns: 1fr; gap: 27px; }.ct-request-copy > p { max-width: none; }.ct-request-steps { border-left: 0; border-top: 1px solid #ffffff0b; padding: 24px 0 0; }.ct-resource-grid { grid-template-columns: 1fr; gap: 14px; }.ct-resource { padding: 23px; }.ct-section-heading h2 { font-size: 24px; }.ct-note { align-items: flex-start; gap: 14px; } }
@media(max-width:400px) { .ct-hero h1 { font-size: 44px; letter-spacing: -2px; }.ct-hero .fp-actions { gap: 20px; }.ct-message { width: 224px; padding: 21px; }.ct-message > strong { font-size: 22px; }.ct-float { font-size: 8px; padding: 10px; }.ct-float-support { top: 40px; }.ct-float-community { bottom: 12px; }.ct-channel { padding: 21px; }.ct-email-row { padding: 10px; gap: 7px; }.ct-email-row a { font-size: 13px; }.ct-request { padding: 23px; }.ct-note > .ct-icon { display: none; } }
@media(prefers-reduced-motion:reduce) { .contact-page *, .contact-page *::before, .contact-page *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }