.contact-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);overflow:hidden;padding:var(--space-20) 0 var(--space-16);position:relative;text-align:center}.contact-hero__bg{inset:0;pointer-events:none;position:absolute}.contact-hero__shape{background:var(--color-white);border-radius:50%;opacity:.08;position:absolute}.contact-hero__shape--1{height:400px;right:-80px;top:-120px;width:400px}.contact-hero__shape--2{bottom:-80px;height:250px;left:-60px;width:250px}.contact-hero__eyebrow{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.15);border-radius:var(--radius-full);color:var(--color-white);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1) var(--space-4)}.contact-hero__title{color:var(--color-white);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-4)}.contact-hero__accent{display:inline-block;position:relative}.contact-hero__accent:after{background:hsla(0,0%,100%,.25);border-radius:var(--radius-full);bottom:2px;content:"";height:6px;left:0;position:absolute;width:100%}.contact-hero__description{color:hsla(0,0%,100%,.85);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:580px}.contact-benefits{margin-top:calc(var(--space-8)*-1);padding-bottom:var(--space-4);position:relative;z-index:1}.contact-benefits__grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.contact-benefits__item{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.contact-benefits__item:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.contact-benefits__icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:48px;justify-content:center;width:48px}.contact-benefits__item strong{color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.contact-benefits__item span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.contact-page__grid{align-items:start;display:grid;gap:var(--space-10);grid-template-columns:1.3fr .7fr}.contact-page__form-card{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10)}.contact-page__form-header{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.contact-page__form-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.contact-page__form-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.contact-page__sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.contact-page__info-card{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-8)}.contact-page__info-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-6)}.contact-page__title-icon{color:var(--color-primary);font-size:var(--font-size-xl)}.contact-page__info-list{display:flex;flex-direction:column;gap:var(--space-1)}.contact-page__info-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast)}.contact-page__info-item--link{color:inherit;cursor:pointer;text-decoration:none}.contact-page__info-item--link:hover{background-color:var(--color-bg-alt)}.contact-page__info-item--link:hover .contact-page__info-icon-wrap{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white)}.contact-page__info-item--link:hover .contact-page__info-icon.iconify{color:var(--color-white)}.contact-page__info-item--link:hover span{color:var(--color-primary)}.contact-page__info-sub{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);margin-top:2px}.contact-page__info-icon-wrap{align-items:center;background-color:var(--color-primary-lighter);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-md);height:44px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);width:44px}.contact-page__info-icon.iconify{color:var(--color-primary);height:20px;width:20px}.contact-page__info-item strong{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);line-height:1.2;margin-bottom:0;text-transform:uppercase}.contact-page__info-item span{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3}.contact-page__info-list a.contact-page__info-item--link span{color:var(--color-primary)}.contact-page__guarantee{background:linear-gradient(135deg,var(--color-primary-lighter) 0,var(--color-secondary-light) 100%);border:1px solid rgba(79,70,229,.1);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.contact-page__guarantee-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(79,70,229,.3);color:var(--color-white);display:inline-flex;font-size:var(--font-size-xl);height:52px;justify-content:center;margin-bottom:var(--space-4);width:52px}.contact-page__guarantee-title{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.contact-page__guarantee-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.contact-page__social{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.contact-page__social-title{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-4);text-transform:uppercase}.contact-page__social-links{display:flex;gap:var(--space-3)}.contact-page__social-link{align-items:center;background-color:var(--color-bg-alt);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.contact-page__social-link:hover{background-color:var(--color-primary);color:var(--color-white)}@media (max-width:1024px){.contact-page__grid{grid-template-columns:1fr}.contact-page__sidebar{display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}.contact-page__social{grid-column:1/-1}}@media (max-width:768px){.contact-hero{padding:var(--space-16) 0 var(--space-12)}.contact-hero__title{font-size:var(--font-size-2xl)}.contact-hero__description{font-size:var(--font-size-base)}.contact-benefits__grid{gap:var(--space-3);grid-template-columns:1fr}.contact-benefits__item{padding:var(--space-4) var(--space-5)}.contact-page__form-card{border-radius:var(--radius-lg);padding:var(--space-6)}.contact-page__form-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.contact-page__sidebar{grid-template-columns:1fr}.contact-page__social-links{flex-wrap:wrap}}.contact-page__info-list p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.form{width:100%}.form__row{display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}.form__group{margin-bottom:var(--space-5)}.form__label{color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.form__label--required:after{color:var(--color-error);content:" *"}.form__input,.form__select,.form__textarea{appearance:none;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:block;font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-text-light)}.form__input:focus,.form__select:focus,.form__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.form__input--error,.form__select--error,.form__textarea--error{border-color:var(--color-error)}.form__input--error:focus,.form__textarea--error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.form__textarea{min-height:140px;resize:vertical}.form__select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right var(--space-4) center;background-repeat:no-repeat;padding-right:var(--space-10)}.form__error{color:var(--color-error)}.form__error,.form__hint{display:block;font-size:var(--font-size-xs);margin-top:var(--space-1)}.form__hint{color:var(--color-text-muted)}.modal-overlay{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;z-index:var(--z-modal)}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:440px;padding:var(--space-10) var(--space-8) var(--space-8);position:relative;text-align:center;width:100%}.modal__close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:36px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:background-color var(--transition-fast),color var(--transition-fast);width:36px}.modal__close:hover{background-color:var(--color-bg-alt);color:var(--color-text)}.modal__icon{align-items:center;background:linear-gradient(135deg,var(--color-success-light),#a7f3d0);border-radius:var(--radius-full);color:var(--color-success);display:inline-flex;font-size:var(--font-size-3xl);height:72px;justify-content:center;margin:0 auto var(--space-5);width:72px}.modal__title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.modal__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.modal__details{background-color:var(--color-bg-alt);border-radius:var(--radius-lg);flex-direction:column;margin-bottom:var(--space-6);padding:var(--space-5)}.modal__detail,.modal__details{display:flex;gap:var(--space-3)}.modal__detail{align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modal__detail-icon{color:var(--color-primary);flex-shrink:0;font-size:var(--font-size-md)}.modal-enter-active{transition:opacity var(--transition-base)}.modal-enter-active .modal{transition:opacity var(--transition-base),transform var(--transition-base)}.modal-leave-active{transition:opacity var(--transition-fast)}.modal-leave-active .modal{transition:opacity var(--transition-fast),transform var(--transition-fast)}.modal-enter-from{opacity:0}.modal-enter-from .modal{opacity:0;transform:scale(.9) translateY(20px)}.modal-leave-to{opacity:0}.modal-leave-to .modal{opacity:0;transform:scale(.95) translateY(10px)}@media (max-width:640px){.form__row{grid-template-columns:1fr}}