/* Scope contact */
    #contact { margin-top: 40px; }
    #contact{ --bg:#f1f1f1; --card:#fff; --text:#111827; --muted:#6b7280; --accent:#10b981; --accent-2:#059669; --error:#ef4444; --radius:16px; --shadow:0 8px 24px rgba(0,0,0,.08); --max:980px; --border:#e5e7eb; --input:#f9fafb; }
    #contact *, #contact *::before, #contact *::after{ box-sizing:border-box }
    #contact .wrap{ max-width:var(--max); margin:auto; padding:32px 20px }
    #contact .card{ background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); padding:28px; color:var(--text); font-family:inherit }
    #contact h1{ font-size:clamp(1.5rem,2.6vw,2rem); margin:0 0 10px; text-align: left; }
    #contact .subtitle{ color:var(--muted); margin:0 0 24px }
    #contact form{ display:grid; gap:14px }
    #contact .row{ display:grid; gap:14px }
    @media(min-width:720px){ #contact .row{ grid-template-columns:1fr 1fr } }
    #contact label{ font-weight:600; font-size:.95rem }
    #contact .field{ display:flex; flex-direction:column; gap:6px }
    #contact input, #contact select, #contact textarea{ width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:12px; background:var(--input); font:inherit; color:inherit }
    #contact textarea{ min-height:150px; resize:vertical }
    #contact .hint{ color:var(--muted); font-size:.9rem }
    #contact .actions{ display:flex; gap:10px; align-items:center; margin-top:6px; flex-wrap:wrap }
    #contact .btn{ appearance:none; border:0; background:var(--accent); color:#fff; border-radius:12px; padding:12px 16px; font-weight:700; cursor:pointer; transition:.04s transform ease }
    #contact .btn:hover{ background:var(--accent-2) }
    #contact .btn:active{ transform:translateY(1px) }
    #contact .note{ background:#f9fafb; border:1px dashed var(--border); border-radius:12px; padding:12px 14px; color:#374151 }
    #contact .error{ color:var(--error); font-weight:600; display:none }
    #contact :is(input,select,textarea,.btn):focus{ outline:3px solid #a7f3d0; outline-offset:2px }
    #contact .hp{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden }
    #contact a{ color:#065f46 }