.page{padding:var(--spacing-xl)var(--spacing-md);max-width:1200px;margin:0 auto}.contact{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.contact__header{color:#fff;padding:var(--spacing-3xl)var(--spacing-xl);text-align:center}.contact__title{margin-bottom:var(--spacing-md);text-shadow:0 2px 4px #0000001a;font-size:2.5rem;font-weight:700}.contact__subtitle{opacity:.9;font-size:1.125rem;font-weight:300}.contact__content{padding:var(--spacing-2xl)}.contact__section{margin-bottom:var(--spacing-3xl)}.contact__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.contact__section-title{color:var(--color-text-primary);margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);font-size:1.5rem;font-weight:600;display:flex}.contact__section-title:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:2px;width:4px;height:24px}.contact-info{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.contact-info__item{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius);border:1px solid var(--color-border);background:#ffffff0d;transition:all .3s;display:flex}.contact-info__item:hover{border-color:var(--color-border-hover);background:#ffffff14;transform:translateY(-2px)}.contact-info__icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#e11d48;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.contact-info__content{flex:1}.contact-info__title{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.contact-info__text{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.contact-info__text:last-child{margin-bottom:0}.hours{border-radius:var(--radius);padding:var(--spacing-xl);border:1px solid var(--color-border);background:#ffffff0d}.hours__item{padding:var(--spacing-md)0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.hours__item:last-child{border-bottom:none}.hours__item--closed{opacity:.6}.hours__day{color:var(--color-text-primary);font-weight:500}.hours__time{color:var(--color-text-secondary);font-weight:600}.hours__item--closed .hours__time{color:var(--color-text-muted)}.messengers{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.messenger{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius);border:1px solid var(--color-border);color:inherit;background:#ffffff0d;text-decoration:none;transition:all .3s;display:flex}.messenger:hover{border-color:var(--color-border-hover);background:#ffffff14;transform:translateY(-2px)}.messenger__icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.messenger__icon--whatsapp{background:#25d366}.messenger__icon--telegram{background:#08c}.messenger__icon--messenger{background:#006aff}.messenger__icon--discord{background:#5865f2}.messenger__content{flex:1}.messenger__title{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.messenger__text{color:var(--color-text-secondary);font-size:.875rem}.social{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.social__link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);color:var(--color-text-primary);border:1px solid var(--color-border);font-weight:500;text-decoration:none;transition:all .3s;display:flex}.social__link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.social__link--facebook:hover{color:#fff;background:#1877f2;border-color:#1877f2}.social__link--instagram:hover{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#bc1888}.social__link--twitter:hover{color:#fff;background:#1da1f2;border-color:#1da1f2}.social__link--youtube:hover{color:#fff;background:red;border-color:red}.contact-form{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.contact-form__group{gap:var(--spacing-sm);flex-direction:column;display:flex}.contact-form__group--full{grid-column:1/-1}.contact-form__label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.contact-form__input,.contact-form__textarea{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);background-color:#ffffff0d;font-family:inherit;font-size:1rem;transition:all .2s}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.contact-form__input:hover,.contact-form__textarea:hover{border-color:var(--color-border-hover)}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--color-text-muted)}.contact-form__textarea{resize:vertical;min-height:120px}.contact-form__button{justify-self:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg)var(--spacing-2xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-md);border:none;grid-column:1/-1;font-size:1.125rem;font-weight:600;transition:all .3s;display:flex}.contact-form__button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-form__button:active{transform:translateY(0)}@media (width<=768px){.page{padding:var(--spacing-md)var(--spacing-sm)}.contact{box-shadow:none;border-radius:0}.contact__header{padding:var(--spacing-2xl)var(--spacing-lg)}.contact__title{font-size:2rem}.contact__content{padding:var(--spacing-xl)}.contact__section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.contact-info,.messengers{grid-template-columns:1fr}.social{justify-content:center}.contact-form{grid-template-columns:1fr}.contact-form__group--full{grid-column:1}}@media (width<=480px){.contact__header{padding:var(--spacing-xl)var(--spacing-md)}.contact__title{font-size:1.75rem}.contact__content{padding:var(--spacing-lg)}.contact__section-title{font-size:1.25rem}.contact-info__item,.messenger{padding:var(--spacing-md)}.social{flex-direction:column}.social__link{justify-content:center}}
/*# sourceMappingURL=index.a61f009a.css.map */
