/* Contact page (app/contact/page.tsx). Kept out of globals.css so the approved stylesheet stays byte-identical. */
.contact-page{padding:72px 0 104px}
.contact-card{max-width:640px;margin-inline:auto;padding:48px 44px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-float)}
.contact-card h1{margin-bottom:36px;font-size:clamp(32px,4vw,40px);font-weight:600;line-height:1.1;letter-spacing:-.03em}
.contact-form{display:grid;gap:24px}
.contact-form label{display:grid;gap:10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:11px 14px;border:1px solid var(--input);border-radius:8px;background:#fff;color:var(--foreground);font:inherit;font-size:15px;font-weight:400;letter-spacing:normal;text-transform:none}
.contact-form textarea{min-height:132px;resize:vertical}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--ring);outline-offset:1px}
.contact-form .button{justify-self:start;margin-top:8px}
.contact-form .button:disabled{opacity:.6;transform:none}
.contact-form output{display:block;color:var(--foreground)}
.contact-form [role=alert]{color:var(--destructive)}
@media(max-width:700px){.contact-page{padding:32px 0 64px}.contact-card{padding:32px 20px}.contact-form .button{justify-self:stretch}}