/* contact — generated by convert.py from "Bitnet Contact.dc.html".
   Shared rules live in base.css; only page-specific rules belong here. */

.eyebrow { color: #8bbde8 }
.h2 { font-size: clamp(24px,3vw,32px); line-height: 1.14 }
.field { font-family: var(--font-body); font-size: .95rem; border: 1px solid var(--border-strong); border-radius: var(--radius-md); padding: 13px 16px; outline: none; width: 100%; background: #fff; color: var(--fg1) }
.field:focus { border-color: var(--azure); box-shadow: var(--ring-focus) }
.lbl { font-family: var(--font-display); font-weight: 600; font-size: 13px; color: var(--azure-deep); margin: 0 0 6px; display: block }
.cmethod { display: flex; gap: 14px; align-items: flex-start; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 18px 20px; background: #fff; box-shadow: var(--shadow-sm); transition: all var(--dur-base) var(--ease-out) }
.cmethod:hover { box-shadow: var(--shadow-md); border-color: var(--azure-200); transform: translateY(-2px) }
.cmethod .ic { width: 44px; height: 44px; flex: none; border-radius: 12px; background: var(--azure-50); color: var(--azure-600); display: flex; align-items: center; justify-content: center }
.cmethod .ic svg { width: 21px; height: 21px }
@media (max-width:860px) {
.c-grid { grid-template-columns: 1fr!important }
.c-methods { grid-template-columns: 1fr 1fr!important }
}
@media (max-width:560px) {
.c-methods { grid-template-columns: 1fr!important }
}