.contact-page{min-height:100vh;background-color:var(--color-background-secondary)}.contact-page__hero{padding:80px 0 60px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.contact-page__hero:before{content:"";position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}.contact-page__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:16px;letter-spacing:-.02em;animation:fadeInUp .6s ease-out;color:#fff}.contact-page__description{font-size:var(--font-size-lg);opacity:.95;max-width:600px;margin:0 auto;line-height:1.6;animation:fadeInUp .6s ease-out .1s backwards}.contact-page__content{padding:80px 0}.contact-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-form-section{background:#fff;border-radius:24px;padding:48px;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.contact-form-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.contact-form__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:12px}.contact-form__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:32px;line-height:1.6}.contact-form__form{display:flex;flex-direction:column;gap:24px}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form__field{display:flex;flex-direction:column;gap:8px}.contact-form__field--full{grid-column:1 / -1}.contact-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:4px}.contact-form__required{color:var(--color-error);font-size:var(--font-size-xs)}.contact-form__input,.contact-form__textarea,.contact-form__select{width:100%;padding:16px 20px;border:2px solid var(--color-border);border-radius:50px;font-size:var(--font-size-base);font-family:var(--font-family-base);background-color:#fff;transition:all .3s ease;-webkit-appearance:none;appearance:none}.contact-form__textarea{border-radius:24px;resize:vertical;min-height:120px}.contact-form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2303045E' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:48px}.contact-form__input:focus,.contact-form__textarea:focus,.contact-form__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #03045e1a}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--color-text-tertiary)}.contact-form__input--error,.contact-form__textarea--error,.contact-form__select--error{border-color:var(--color-error)}.contact-form__input--error:focus,.contact-form__textarea--error:focus,.contact-form__select--error:focus{box-shadow:0 0 0 4px #ff3b301a}.contact-form__error{font-size:var(--font-size-xs);color:var(--color-error);min-height:20px}.contact-form__honeypot{position:absolute;left:-9999px;top:-9999px}.contact-form__actions{margin-top:8px}.contact-form__submit{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:50px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.contact-form__submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.contact-form__submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px #03045e4d}.contact-form__submit:hover:before{width:300px;height:300px}.contact-form__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-form__submit-icon{font-size:16px;transition:transform .3s ease}.contact-form__submit:hover .contact-form__submit-icon{transform:translate(3px)}.contact-form__messages{margin-top:24px}.contact-form__success,.contact-form__error-message{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;font-size:var(--font-size-sm);animation:slideInUp .4s ease-out}.contact-form__success{background-color:#00c66b1a;color:var(--color-success);border:1px solid rgba(0,198,107,.2)}.contact-form__error-message{background-color:#ff3b301a;color:var(--color-error);border:1px solid rgba(255,59,48,.2)}.contact-info-section{background:#fff;border-radius:24px;padding:48px;box-shadow:var(--shadow-lg)}.contact-info__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:12px}.contact-info__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:40px;line-height:1.6}.contact-info__items{display:flex;flex-direction:column;gap:32px}.contact-info__item{display:flex;gap:20px;align-items:flex-start;padding:24px;background:var(--color-background-secondary);border-radius:16px;transition:all .3s ease}.contact-info__item:hover{background:var(--color-background-primary);transform:translate(8px)}.contact-info__icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.contact-info__content{flex:1}.contact-info__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.contact-info__link{font-size:var(--font-size-base);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .3s ease}.contact-info__link:hover{color:var(--color-primary-dark);text-decoration:underline}.contact-info__address,.contact-info__hours{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.6;font-style:normal}.contact-info__social{margin-top:48px;padding-top:48px;border-top:1px solid var(--color-border)}.contact-info__social-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:20px}.contact-info__social-links{display:flex;gap:16px}.contact-info__social-link{width:44px;height:44px;border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:18px;transition:all .3s ease}.contact-info__social-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-3px)}.contact-info__map{margin-top:40px}.contact-info__map-placeholder{height:300px;background:var(--color-background-secondary);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--color-text-secondary);border:2px dashed var(--color-border)}.contact-info__map-placeholder i{font-size:48px;opacity:.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 1024px){.contact-page__grid{gap:60px}.contact-form-section,.contact-info-section{padding:40px}}@media screen and (max-width: 768px){.contact-page__hero{padding:60px 0 40px}.contact-page__title{font-size:var(--font-size-3xl)}.contact-page__description{font-size:var(--font-size-base)}.contact-page__content{padding:40px 0}.contact-page__grid{grid-template-columns:1fr;gap:40px}.contact-form-section,.contact-info-section{padding:32px 24px;border-radius:16px}.contact-form__row{grid-template-columns:1fr;gap:20px}.contact-form__submit{width:100%;justify-content:center}.contact-info__item{padding:20px;gap:16px}.contact-info__icon{width:40px;height:40px;font-size:18px}.contact-info__social-links{justify-content:center}}@media screen and (max-width: 480px){.contact-form-section,.contact-info-section{padding:24px 16px}.contact-form__title,.contact-info__title{font-size:var(--font-size-xl)}.contact-form__input,.contact-form__textarea,.contact-form__select{padding:14px 18px}.contact-form__submit{padding:16px 32px;font-size:var(--font-size-sm)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/contact-page.css.map */