form{display:grid; gap:12px}
    label{font-weight:600; display:inline-block; margin-bottom:6px}
    input, textarea{width:100%; padding:16px 14px; min-height:48px; border-radius:12px; background:var(--card); color:var(--fg); border:1px solid var(--border); box-shadow:0 1px 0 rgba(2,6,23,.04)}
    textarea{min-height:140px; padding:18px 14px}
    textarea{min-height:140px; padding:18px 14px}
    input:focus-visible, textarea:focus-visible{outline:2px solid var(--ring); outline-offset:2px}
    .form-row{display:grid; gap:12px; grid-template-columns:1fr 1fr}
    .fine{font-size:12px; color:var(--muted)}

    /* Contact form card tweaks */
    .container.narrow{max-width:820px}
    .form-card{padding:0; border-radius:0; box-shadow:none; border:none; background:transparent}
    .form-title{
      margin:0 auto 28px;
      font-size:clamp(28px, 3.2vw, 42px);
      line-height:1.15;
    }
    .form-card form{gap:16px}
    .btn.block{width:100%}
    .form-card .btn{position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px}
    .form-card .btn .spinner{display:none; width:18px; height:18px; border-radius:999px; border:2px solid color-mix(in srgb, white 60%, transparent); border-top-color:#fff; border-right-color:#fff; opacity:0; transition:opacity .2s ease}
    :root[data-theme="light"] .form-card .btn .spinner{border-color:color-mix(in srgb, var(--accent-2) 60%, transparent); border-top-color:var(--bg); border-right-color:var(--bg)}
    .form-card .btn .btn-label{display:inline-flex; align-items:center; gap:10px; transition:opacity .2s ease}
    .form-card .btn.is-loading .spinner{display:inline-block; opacity:1; animation:spin .8s linear infinite}
    .form-card .btn.is-loading .btn-label{opacity:0}
    @keyframes spin{to{transform:rotate(360deg)}}
    .toast{margin-top:4px; padding:12px 16px; border-radius:14px; border:1px solid color-mix(in srgb, var(--border) 70%, transparent); background:color-mix(in srgb, var(--card) 92%, transparent); color:var(--fg); font-weight:600; font-size:14px; box-shadow:0 12px 28px rgba(2,6,23,.08); opacity:0; transform:translateY(12px); transition:opacity .25s ease, transform .25s ease; pointer-events:none; min-height:0}
    .toast.show{opacity:1; transform:translateY(0)}
    .toast.success{border-color:rgba(34,197,94,.45); background:rgba(34,197,94,.16)}
    .toast.error{border-color:rgba(248,113,113,.45); background:rgba(248,113,113,.18)}
    .toast.info{border-color:rgba(96,165,250,.45); background:rgba(96,165,250,.16)}
    :root[data-theme="dark"] .toast{box-shadow:0 16px 32px rgba(0,0,0,.4)}
    input::placeholder, textarea::placeholder{color:#94a3b8}