.contact{width:min(1160px,100%);margin:0 auto}.contact-layout{gap:1.5rem;display:grid}.contact-intro,.contact .form{border:1px solid var(--line);background:linear-gradient(160deg, var(--card-warm), transparent 35%), var(--card-bg);box-shadow:var(--shadow);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:1.8rem;padding:1.5rem}.contact-intro:hover,.contact .form:hover{border-color:color-mix(in srgb, var(--accent) 24%, transparent);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.contact-intro{flex-direction:column;justify-content:center;display:flex}.contact-intro h3{overflow-wrap:break-word;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2}.contact-text{color:var(--muted);overflow-wrap:break-word;margin-top:1rem;line-height:1.9}.email-link{width:fit-content;max-width:100%;color:var(--text);overflow-wrap:anywhere;transition:color var(--motion-fast) ease;margin-top:1rem;padding-bottom:.35rem;text-decoration:none;position:relative}.email-link:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-soft));opacity:0;transform-origin:0;width:100%;height:2px;transition:opacity .52s ease, transform .9s var(--ease-out);border-radius:999px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.email-link:hover{color:var(--accent)}.email-link:hover:after{opacity:1;transform:scaleX(1)}.contact .form{flex-direction:column;gap:.75rem;display:flex}.contact .form p{color:var(--muted);margin-bottom:.5rem;line-height:1.7}.contact .form label{color:var(--text);font-size:.92rem}.contact .form input,.contact .form textarea{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--text);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:1rem;outline:none;padding:.9rem 1rem}.contact .form input::placeholder,.contact .form textarea::placeholder{color:var(--placeholder)}.contact .form textarea{resize:vertical;min-height:10rem}.contact .form input:focus,.contact .form textarea:focus{background:var(--input-bg-focus);border-color:color-mix(in srgb, var(--accent) 46%, transparent);box-shadow:0 0 0 4px var(--glow);transform:translateY(-1px)}.contact .send{background:var(--accent);color:var(--button-text);transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, filter var(--motion-fast) ease;border:none;border-radius:999px;margin-top:.5rem;padding:.95rem 1.3rem;font-size:.95rem}.contact .send:hover{cursor:pointer;filter:brightness(1.04);box-shadow:0 16px 34px var(--glow);transform:translateY(-2px)}.contact .form-status{margin-top:.5rem;font-size:.9rem}.contact .form-status--error{color:#ff8a80}.contact .form-status--success{color:var(--accent)}.socials{margin-top:1.5rem}.socials ul{gap:.8rem;padding:0;list-style:none;display:flex}.socials a{border:1px solid var(--line);background:var(--interactive-bg);width:2.9rem;height:2.9rem;color:var(--text);transition:transform var(--motion-fast) ease, border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.socials a:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-2px)}@media (width>=900px){.contact-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:stretch}}