/* Contact Us page styles — scoped, minimal, leveraging base.css */
:root { --c-accent:#24e0ff; --c-accent-2:#8a2be2; }
.c-contact { color: var(--text-color, #e6f1ff); }
.container { max-width: 1120px; margin-inline: auto; padding-inline: 1rem; }

/* Hero */
.c-hero { background: linear-gradient(180deg, rgba(10,12,22,.9), rgba(10,12,22,.6)); padding: 3.5rem 0 2rem; border-bottom: 1px solid rgba(255,255,255,.06); }
.c-hero__title { font-size: clamp(1.8rem, 2vw + 1rem, 2.4rem); line-height: 1.2; }
.c-hero__lead { color: rgba(230,241,255,.85); margin-top: .5rem; max-width: 60ch; }

/* Cards grid */
.c-grid--contact .c-cards { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); }
.c-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1rem; box-shadow: 0 0 0 1px rgba(36,224,255,.04) inset; }
.c-card__title { font-size: 1.05rem; margin-bottom: .25rem; color: #fff; }
.c-card__text { margin: .25rem 0; }
.c-card__muted { color: rgba(230,241,255,.6); font-size: .9rem; }
.c-address { font-style: normal; }

/* Sections */
.c-section { padding: 2rem 0; }
.c-section + .c-section { border-top: 1px solid rgba(255,255,255,.06); }
.c-section-title { font-size: clamp(1.3rem, 1vw + .9rem, 1.6rem); margin-bottom: .75rem; }
.c-section-desc { color: rgba(230,241,255,.8); margin-bottom: 1rem; }

/* Lists */
.c-list { list-style: disc; padding-left: 1.25rem; }
.c-list li { margin: .35rem 0; }

/* Links + buttons */
.c-link { color: var(--c-accent); text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: 2px; }
.c-link:hover { color: #b8f3ff; }
.c-actions { margin-top: 1rem; display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.c-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .7rem 1rem; border-radius: 10px; border: 1px solid transparent; text-decoration: none; cursor: pointer; font-weight: 600; }
.c-btn--primary { background: radial-gradient(120% 120% at 10% 10%, rgba(36,224,255,.25), rgba(138,43,226,.25)), linear-gradient(90deg, var(--c-accent), var(--c-accent-2)); color: #04121a; border-color: rgba(36,224,255,.35); box-shadow: 0 0 24px rgba(36,224,255,.2); }
.c-btn--primary:hover { filter: brightness(1.05); }
.c-btn--outline { background: transparent; color: var(--c-accent); border-color: rgba(36,224,255,.5); }
.c-btn--outline:hover { background: rgba(36,224,255,.08); }

/* Form */
.c-form { display: grid; gap: 1rem; max-width: 860px; }
.c-form__row { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); }
.c-field { display: grid; gap: .35rem; }
.c-field--checkbox { display: flex; gap: .5rem; align-items: flex-start; }
.c-label { font-weight: 600; }
.c-input, .c-select, .c-textarea { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); color: #e6f1ff; border-radius: 10px; padding: .7rem .8rem; width: 100%; }
.c-textarea { resize: vertical; min-height: 8rem; }
.c-input:focus, .c-select:focus, .c-textarea:focus { outline: 2px solid var(--c-accent); outline-offset: 2px; border-color: rgba(36,224,255,.5); box-shadow: 0 0 0 3px rgba(36,224,255,.12); }
.c-hint { color: rgba(230,241,255,.6); font-size: .85rem; }
.c-status { min-height: 1.25rem; color: rgba(230,241,255,.9); }
.c-visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Split */
.c-split { display: grid; gap: 1rem; grid-template-columns: 1.5fr .9fr; }
@media (max-width: 900px) { .c-split { grid-template-columns: 1fr; } }
.c-helpbox { background: rgba(255,255,255,.04); border: 1px dashed rgba(36,224,255,.35); border-radius: 12px; padding: .9rem; }

/* Social */
.c-social { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: .5rem; }
.c-social__link { display: flex; align-items: center; gap: .5rem; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; padding: .6rem .75rem; color: #e6f1ff; text-decoration: none; }
.c-social__link:hover { border-color: rgba(36,224,255,.45); box-shadow: 0 0 16px rgba(36,224,255,.15); }
.c-icon { width: 22px; height: 22px; color: var(--c-accent); flex: 0 0 auto; }
.c-social__text { font-weight: 600; }

/* Accordion */
.c-accordion__item { border-bottom: 1px solid rgba(255,255,255,.06); }
.c-accordion__btn { appearance: none; background: transparent; color: #e6f1ff; border: 0; padding: .9rem 0; width: 100%; text-align: left; font-weight: 600; cursor: pointer; }
.c-accordion__btn[aria-expanded="true"] { color: var(--c-accent); }
.c-accordion__panel { padding: 0 0 1rem; color: rgba(230,241,255,.9); }

/* CTA */
.c-cta { text-align: center; }
