.contact-page{padding-top:calc(var(--space-4xl) + 60px);min-height:100vh}.contact-page__header{text-align:center;padding:var(--space-2xl)var(--space-lg);max-width:var(--container-md);margin:0 auto}.contact-page__intro{font-size:var(--text-lg);color:var(--color-ink-light);margin-top:var(--space-md)}.contact-page__content{gap:var(--space-3xl);max-width:var(--container-xl);padding:var(--space-xl)var(--space-lg);grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.contact-page__info{gap:var(--space-xl);flex-direction:column;display:flex}.contact-page__card{padding:var(--space-xl)}.contact-page__card-icon{color:var(--color-primary);margin-bottom:var(--space-md);display:block}.contact-page__card-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.contact-page__card-text{color:var(--color-ink-light);line-height:var(--leading-relaxed)}.contact-page__card-link{align-items:center;gap:var(--space-xs);color:var(--color-primary);font-weight:var(--weight-semibold);margin-top:var(--space-sm);transition:transform var(--duration-fast)var(--ease-bounce);text-decoration:none;display:inline-flex}.contact-page__card-link:hover{transform:translate(5px)}.contact-page__socials{gap:var(--space-md);margin-top:var(--space-md);display:flex}.contact-page__social-link{background:var(--color-canvas);border:var(--border-medium)solid var(--color-outline);border-radius:var(--radius-lg);width:50px;height:50px;font-size:var(--text-xl);transition:transform var(--duration-fast)var(--ease-bounce),background var(--duration-fast)var(--ease-smooth);justify-content:center;align-items:center;text-decoration:none;display:flex}.contact-page__social-link:hover{background:var(--color-accent);transform:translateY(-5px)rotate(5deg)}.contact-page__form-wrapper{position:relative}.contact-form{gap:var(--space-lg);padding:var(--space-xl);flex-direction:column;display:flex}.contact-form__group{gap:var(--space-xs);flex-direction:column;display:flex}.contact-form__label{font-weight:var(--weight-semibold);font-size:var(--text-sm);align-items:center;gap:var(--space-xs);display:flex}.contact-form__label-icon{font-size:1.2em}.contact-form__input,.contact-form__textarea{padding:var(--space-md);background:var(--color-canvas-light);border:var(--border-medium)solid var(--color-outline);border-radius:var(--radius-lg);font-size:var(--text-base);transition:border-color var(--duration-fast)var(--ease-smooth),box-shadow var(--duration-fast)var(--ease-smooth)}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--shadow-color-secondary);outline:none}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--color-ink-lighter)}.contact-form__textarea{resize:vertical;min-height:150px}.contact-form__row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.contact-form__submit{margin-top:var(--space-md)}.contact-form__success{text-align:center;padding:var(--space-3xl)}.contact-form__success-icon{margin-bottom:var(--space-md);animation:successBounce .6s var(--ease-bounce);font-size:4rem}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.contact-form__success-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.contact-form__success-text{color:var(--color-ink-light)}.contact-page__faq{max-width:var(--container-md);margin:var(--space-4xl)auto;padding:0 var(--space-lg)}.contact-page__faq-list{gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;display:flex}.contact-page__faq-item{padding:var(--space-lg)}.contact-page__faq-question{font-weight:var(--weight-bold);font-size:var(--text-lg);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);display:flex}.contact-page__faq-answer{color:var(--color-ink-light);line-height:var(--leading-relaxed);padding-left:var(--space-xl)}.contact-page__doodle{opacity:.3;pointer-events:none;font-size:2rem;animation:4s ease-in-out infinite doodleFloat;position:absolute}.contact-page__doodle--1{top:10%;right:-5%}.contact-page__doodle--2{animation-delay:-2s;bottom:20%;left:-5%}@keyframes doodleFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(10deg)}}@media (max-width:900px){.contact-page__content{gap:var(--space-xl);grid-template-columns:1fr}.contact-form__row{grid-template-columns:1fr}.contact-page__doodle{display:none}}