.contact-page{background:var(--studio-bg-primary);min-height:100vh;padding:2rem 1rem 4rem}.contact-container{width:100%;max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:3rem}.contact-title{color:var(--studio-text-primary);margin:0 0 .75rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.contact-subtitle{color:var(--studio-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.625}.contact-methods{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.contact-card{background:var(--studio-bg-elevated);border:2px solid var(--studio-border-strong);border-radius:16px;padding:2rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.contact-card:hover{border-color:var(--studio-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.contact-card__icon{background:var(--studio-accent-muted);width:48px;height:48px;color:var(--studio-accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.contact-card__icon svg{width:24px;height:24px}.contact-card:hover .contact-card__icon{background:var(--studio-accent);color:var(--studio-bg-deep);box-shadow:var(--shadow-glow-sm)}.contact-card__title{color:var(--studio-text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.contact-card__description{color:var(--studio-text-secondary);margin:0 0 1rem;font-size:.9375rem;line-height:1.625}.contact-card__link{color:var(--studio-accent);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.contact-card__link:hover{color:var(--studio-accent-hover)}.contact-card__link svg{width:16px;height:16px;transition:transform .15s}.contact-card__link:hover svg{transform:translate(3px)}.contact-info-bar{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.contact-info-item{background:var(--studio-bg-surface);border:1px solid var(--studio-border);border-radius:16px;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.contact-info-item__icon{background:var(--studio-accent-muted);width:40px;height:40px;color:var(--studio-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-item__icon svg{width:20px;height:20px}.contact-info-item__content{flex:1}.contact-info-item__title{color:var(--studio-text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.contact-info-item__text{color:var(--studio-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.contact-form-section{margin-bottom:2.5rem}.contact-form-card{background:var(--studio-bg-elevated);border:1px solid var(--studio-border-accent);text-align:center;box-shadow:var(--shadow-glow-sm);border-radius:16px;padding:2.5rem}.contact-form-card__icon{background:var(--studio-accent-muted);width:48px;height:48px;color:var(--studio-accent);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.contact-form-card__icon svg{width:24px;height:24px}.contact-form-card__title{color:var(--studio-text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.contact-form-card__text{color:var(--studio-text-secondary);max-width:480px;margin:0 auto;font-size:.9375rem;line-height:1.625}.contact-cta{text-align:center}.contact-cta__btn{background:var(--studio-accent);color:var(--studio-text-inverse);cursor:pointer;box-shadow:var(--shadow-md),var(--shadow-glow-sm);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.contact-cta__btn:hover{background:var(--studio-accent-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.contact-cta__btn svg{width:18px;height:18px;transition:transform .15s}.contact-cta__btn:hover svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.contact-card,.contact-card__icon,.contact-card__link svg,.contact-cta__btn,.contact-cta__btn svg{transition:none}.contact-card:hover,.contact-cta__btn:hover,.contact-card__link:hover svg,.contact-cta__btn:hover svg{transform:none}}@media (max-width:1024px){.contact-methods{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.contact-page{padding:1.5rem 1rem 3rem}.contact-methods,.contact-info-bar{grid-template-columns:1fr}.contact-title{font-size:1.75rem}.contact-subtitle{font-size:1rem}.contact-form-card{padding:2rem 1.5rem}}@media (max-width:480px){.contact-card{padding:1.5rem}.contact-info-item{padding:1.25rem}}