.contact-page{width:min(100%,800px);margin-inline:auto}.contact-complete{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--decorSage) 12%, transparent), transparent 65%), var(--backgroundSurface);width:min(100%,460px);margin-block:clamp(24px,6vh,64px);padding:clamp(24px,5vw,36px)}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.contact-success-icon{background:var(--statusSuccessSoft);width:48px;height:48px;color:var(--statusSuccessText);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.contact-success h2{letter-spacing:-.5px;font-size:24px}.contact-success p{color:var(--textSecondary);font-size:14px;line-height:1.6}.contact-reference{background:var(--backgroundElevated);color:var(--textSecondary);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.contact-reference strong{color:var(--textPrimary);letter-spacing:.5px;font-family:ui-monospace,monospace}.contact-success .button{align-self:center;gap:12px;margin-top:8px}.contact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:start;gap:36px 64px;max-width:1160px;margin:auto;display:grid}.contact-intro{grid-area:1/1;padding-top:20px}.contact-intro h1{overflow-wrap:anywhere;margin:18px 0 24px;font-family:Isometra,sans-serif;font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1.12}.contact-intro p{max-width:34ch;color:var(--textSecondary);font-size:18px;line-height:1.65}.contact-handwritten{color:var(--textPrimary);margin-top:24px;font-family:Kalam,cursive;font-size:26px;display:block}.contact-form-column{grid-area:1/2/span 2;min-width:0}.contact-layout .contact-page{border:1px solid var(--borderDefault);width:100%;box-shadow:8px 8px 0 color-mix(in srgb, var(--decorLavender) 18%, transparent);margin:0;padding:0;overflow:hidden}.contact-layout .contact-complete{padding:clamp(24px,5vw,36px)}.contact-form-heading{border-bottom:1px solid var(--borderDefault);background:radial-gradient(circle at 95% 0, color-mix(in srgb, var(--decorButter) 55%, transparent), transparent 42%), linear-gradient(135deg, color-mix(in srgb, var(--decorSage) 43%, var(--backgroundSurface)), var(--backgroundSurface));align-items:flex-start;gap:18px;padding:clamp(22px,3vw,32px);display:flex}.contact-form-heading-icon{background:var(--decorLavender);width:48px;height:48px;color:var(--decorInk);border-radius:14px;flex:0 0 48px;place-items:center;display:grid;transform:rotate(-7deg)}.contact-form-heading>div{gap:7px;display:grid}.contact-form-heading p{line-height:1.5}.contact-form-section{border:1px solid var(--borderDefault);background:color-mix(in srgb, var(--decorSage) 11%, var(--backgroundSurface));border-radius:18px;gap:18px;padding:clamp(20px,3vw,28px);display:grid}.contact-form-section:nth-child(2n){background:color-mix(in srgb, var(--decorLavender) 14%, var(--backgroundSurface))}.contact-form-section-heading{border-bottom:1px solid var(--borderDefault);align-items:center;gap:12px;padding-bottom:15px;display:flex}.contact-step{background:var(--decorSage);width:36px;height:36px;color:var(--decorInk);border-radius:10px;flex:0 0 36px;place-items:center;font-size:12px;font-weight:700;display:grid;transform:rotate(-5deg)}.contact-form-section:nth-child(2n) .contact-step{background:var(--decorLavender)}.contact-form-section-heading h3{font-size:17px}.contact-form-section-heading p{color:var(--textSecondary);margin-top:2px;font-size:13px}.contact-form-actions{background:color-mix(in srgb, var(--decorButter) 24%, var(--backgroundSurface));border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(20px,3vw,28px);display:flex}.contact-form-actions p{max-width:36ch}.contact-form-actions button{min-width:175px}.contact-page h2{margin:0;font-size:24px}.contact-page form,.contact-fields{gap:20px}.contact-page form{padding:clamp(18px,3vw,28px)}.contact-page .form-grid{grid-template-columns:1fr}.contact-guide{border:1px solid var(--borderDefault);background:var(--backgroundSurface);border-radius:20px;grid-area:2/1;gap:18px;padding:24px;display:grid}.contact-guide .journey-icon{display:none}.contact-guide h2{margin:0;font-size:18px}.contact-guide details{border-top:1px solid var(--borderDefault);padding-top:16px}.contact-guide summary{cursor:pointer;font-weight:600;line-height:1.5}.contact-guide details p{color:var(--textSecondary);margin:12px 0 0;font-size:14px;line-height:1.7}.contact-guide details a{text-decoration:underline}@media (width<=800px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:28px}.contact-intro,.contact-form-column,.contact-guide{grid-area:auto/1}.contact-intro{padding:0}.contact-intro h1{max-width:16ch}.contact-layout .contact-page{padding:0}.contact-layout .contact-complete{padding:24px}.contact-handwritten{margin-top:12px}}@media (width<=480px){.contact-form-heading{gap:12px}.contact-form-heading-icon{flex-basis:40px;width:40px;height:40px}.contact-form-actions button{width:100%}}.contact-fields{border:0;min-width:0;margin:0;padding:0}