#bw-contact {
    --bc-green: var(--accent);
    --bc-line: rgba(139, 167, 148, .25);
    --bc-soft: rgba(115, 167, 109, .09);
    width: calc(100% - 40px);
    max-width: 1160px;
    margin: 16px auto 24px;
    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--bc-line);
    border-radius: 20px;
    overflow: hidden;
    line-height: 1.7;
    overflow-wrap: anywhere;
}
#bw-contact h1, #bw-contact h2, #bw-contact p {margin: 0; color: inherit;}
#bw-contact h1 {font-size: clamp(32px, 3.8vw, 46px); line-height: 1.15; letter-spacing: -.035em; font-weight: 700; margin: 16px 0 22px;}
#bw-contact h2 {font-size: 24px; line-height: 1.3; letter-spacing: -.02em; font-weight: 650; margin-bottom: 14px;}
#bw-contact p {color: var(--muted);}
#bw-contact a {color: var(--bc-green); text-underline-offset: 4px;}
#bw-contact a:focus-visible {outline: 3px solid var(--bc-green); outline-offset: 5px; border-radius: 4px;}
#bw-contact .bc-eyebrow {color: var(--bc-green); font-size: 11px; font-weight: 700; letter-spacing: .12em;}
#bw-contact .bc-hero {padding: 52px 6%; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: center; gap: 44px; background: linear-gradient(125deg, var(--bc-soft), transparent 75%); border-bottom: 1px solid var(--bc-line);}
#bw-contact .bc-intro {font-size: 17px; max-width: 490px;}
#bw-contact .bc-support {border: 1px solid var(--bc-line); background: var(--card); border-radius: 16px; padding: 28px; box-shadow: 0 12px 36px rgba(0, 0, 0, .03);}
#bw-contact .bc-icon {display: block; width: 38px; height: 38px; color: var(--bc-green); margin-bottom: 22px;}
#bw-contact .bc-email {display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; padding: 12px 0;}
#bw-contact .bc-note {font-size: 12px; margin-top: 8px;}
#bw-contact .bc-options {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding: 36px 6%;}
#bw-contact .bc-card {border: 1px solid var(--bc-line); border-radius: 16px; padding: 30px; display: flex; flex-direction: column; align-items: flex-start;}
#bw-contact .bc-card .bc-eyebrow {margin-bottom: 14px;}
#bw-contact .bc-hint {border-left: 2px solid var(--bc-line); padding-left: 16px; margin: 24px 0; font-size: 14px;}
#bw-contact .bc-hint strong {font-weight: 600;}
#bw-contact .bc-hint p {margin-top: 5px;}
#bw-contact .bc-card > a:last-child {margin-top: auto;}
#bw-contact .bc-button {display: inline-flex; gap: 16px; justify-content: space-between; align-items: center; padding: 12px 20px; border-radius: 8px; font-weight: 650; font-size: 14px; background: var(--bc-green); color: #092216;}
#bw-contact .bc-people {display: flex; align-items: center; gap: 30px; margin: 0 6% 36px; padding: 28px; border-radius: 16px; background: var(--bc-soft);}
#bw-contact .bc-people h2 {font-size: 22px; margin-bottom: 8px;}
#bw-contact .bc-people p {font-size: 14px; max-width: 670px; margin-bottom: 12px;}
#bw-contact .bc-people a {font-size: 14px; font-weight: 600;}
#bw-contact .bc-portraits {display: flex; flex-shrink: 0; gap: 8px;}
#bw-contact .bc-portraits img {display: block; width: 76px; height: 92px; object-fit: cover; border-radius: 10px;}
#bw-contact .bc-portraits img:first-child {object-position: 45% 52%;}
#bw-contact .bc-privacy {border-top: 1px solid var(--bc-line); padding: 26px 6%; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
#bw-contact .bc-privacy h2 {font-size: 16px; margin-bottom: 6px;}
#bw-contact .bc-privacy p, #bw-contact .bc-policy {font-size: 13px;}
#bw-contact .bc-policy {flex-shrink: 0;}
body[data-theme='light'] #bw-contact {--bc-green: #176349;}
body[data-theme='light'] #bw-contact .bc-button {color: #fff;}
@media(max-width:900px) {
    #bw-contact .bc-hero {gap: 28px; padding: 36px 5%;}
    #bw-contact .bc-support, #bw-contact .bc-card {padding: 24px;}
    #bw-contact .bc-options {padding: 28px 5%; gap: 18px;}
    #bw-contact .bc-people {margin: 0 5% 28px; gap: 22px;}
}
@media(max-width:700px) {
    #bw-contact {border-radius: 12px;}
    #bw-contact .bc-hero, #bw-contact .bc-options {grid-template-columns: 1fr;}
    #bw-contact .bc-hero {padding: 30px 6%;}
    #bw-contact .bc-options {padding: 24px 6%;}
    #bw-contact .bc-support, #bw-contact .bc-card {padding: 22px;}
    #bw-contact .bc-people {margin: 0 6% 24px; padding: 22px; flex-direction: column; align-items: flex-start;}
    #bw-contact .bc-privacy {align-items: flex-start; flex-direction: column; gap: 12px;}
    #bw-contact .bc-email {font-size: 15px;}
}