.contact-page{background:var(--lk-background);min-height:100vh}.contact-main{padding-top:calc(var(--lk-size-3xl) + var(--lk-size-lg));padding-bottom:var(--lk-size-4xl);min-height:calc(100vh - 60px)}.contact-container{max-width:1200px;padding:0 var(--lk-size-lg);margin:0 auto}.contact-grid{gap:var(--lk-size-3xl);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.contact-content{padding-right:var(--lk-size-xl)}.contact-testimonial{margin-top:var(--lk-size-2xl);padding:var(--lk-size-xl);background:var(--lk-primarycontainer);border-radius:var(--radius-lg)}.contact-avatar{background:var(--lk-surfacecontainer);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-form-wrapper{padding-left:var(--lk-size-xl);border-left:1px solid var(--lk-outline)}.contact-input{width:100%;padding:var(--lk-size-md);background:var(--lk-surfacecontainer);border:1px solid var(--lk-outline);border-radius:var(--radius-md);color:var(--lk-onsurface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-input::placeholder{color:var(--lk-onsurfacevariant);opacity:.5}.contact-input:focus{border-color:var(--lk-primary);outline:none;box-shadow:0 0 0 3px #2dd4bf26}.contact-textarea{resize:vertical;min-height:120px}.contact-form-footer{padding-top:var(--lk-size-sm)}.contact-email-link{color:var(--lk-primary);font-weight:600;text-decoration:none}.contact-email-link:hover{text-decoration:underline}.contact-success{padding:var(--lk-size-2xl)0;text-align:center}.contact-success-icon{width:calc(var(--lk-size-2xl)*1.5);height:calc(var(--lk-size-2xl)*1.5);background:var(--lk-primarycontainer);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (max-width:900px){.contact-grid{gap:var(--lk-size-2xl);grid-template-columns:1fr}.contact-content{padding-right:0}.contact-form-wrapper{padding-left:0;padding-top:var(--lk-size-xl);border-left:none;border-top:1px solid var(--lk-outline)}.contact-form-footer{gap:var(--lk-size-md);flex-direction:column;align-items:stretch!important}.contact-form-footer span{text-align:center}}@media (max-width:768px){.contact-main{padding-top:calc(var(--lk-size-2xl) + var(--lk-size-lg))}}
