.contact{padding:20px 16px;max-width:800px;margin:auto}.contact-intro{margin:.55rem 0 1.15rem}.contact-note{margin:.18rem 0;color:#c7cfde}.contact-email-row{margin:.22rem 0 .22rem;display:flex;align-items:center;gap:12px}.contact-email-row__icon{inline-size:22px;block-size:22px;display:grid;place-items:center;color:var(--muted);flex:0 0 auto}.contact-email-row__icon .icon{inline-size:20px;block-size:20px;background:currentColor}.contact-email-row__link{font-weight:650;font-size:1.02rem;color:#d6def0;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(214,222,240,.45)}.contact-email-row__link:hover{color:#fff;text-decoration-color:rgba(255,255,255,.55)}.contact-email-row:hover .contact-email-row__icon{color:var(--accent)}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{width:100%;padding:10px;border-radius:12px;border:1px solid var(--line);background:#0f1621;color:var(--ink)}.hp{position:absolute;left:-9999px}.alert{padding:10px 12px;border-radius:12px;margin-bottom:10px}.alert.success{background:#16381f;border:1px solid #205b31}.alert.error{background:#3a1c1c;border:1px solid #6b2b2b}.icon-mail{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm0 4-8 5L4 8V6l8 5 8-5v2Z'/></svg>") no-repeat center/100% 100%;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm0 4-8 5L4 8V6l8 5 8-5v2Z'/></svg>") no-repeat center/100% 100%}