.contact-showcase { --contact-ink: #f3f8fc; --contact-muted: #aebfce; --contact-border: #4a5665; --contact-surface: #303640; --contact-raised: #252b34; --contact-accent: #55d7d2; --contact-navy: #1674b8; color: var(--contact-ink); }
.contact-showcase .contact-hero { border-color: var(--contact-border); background: radial-gradient(circle at 78% 20%, rgba(85, 215, 210, .1), transparent 27%), transparent; }
.contact-showcase .contact-hero h1, .contact-showcase .contact-details h2, .contact-showcase .contact-form-card h2, .contact-showcase .contact-method, .contact-showcase .contact-form label { color: var(--contact-ink); }
.contact-showcase .contact-hero p, .contact-showcase .contact-form-card__heading p, .contact-showcase .contact-method small { color: var(--contact-muted); }
.contact-showcase .contact-hero__aside { background: linear-gradient(145deg, #125a8e, #087f8b); box-shadow: none; }
.contact-showcase .contact-primary { border-color: #1674b8; background: #1674b8; color: #fff; box-shadow: 0 10px 22px rgba(0, 0, 0, .2); }
.contact-showcase .contact-primary:hover { color: #fff; }
.contact-showcase .contact-method { border-color: var(--contact-border); }
.contact-showcase .contact-method > i:first-child { background: #273e45; color: var(--contact-accent); }
.contact-showcase .contact-method::after { background: #263f45; color: var(--contact-accent); }
.contact-showcase .contact-method:hover > i:first-child { background: var(--contact-accent); color: #102832; }
.contact-showcase .contact-form-card { border-color: var(--contact-border); }
.contact-showcase .contact-form input, .contact-showcase .contact-form textarea { border-color: #4a5665; border-inline-start-color: var(--contact-accent); background: #252b34; color: #f3f8fc; }
.contact-showcase .contact-form input:hover, .contact-showcase .contact-form textarea:hover { border-color: #638090; background: #2a313b; }
.contact-showcase .contact-form input:focus, .contact-showcase .contact-form textarea:focus { border-color: var(--contact-accent); background: #2b343e; box-shadow: 0 0 0 3px rgba(85, 215, 210, .15); }
.contact-showcase .contact-alert--success { background: #1d4135; color: #b7f0d0; }
.contact-showcase .contact-alert--error { background: #4a2d33; color: #ffd0d6; }