.contact-page{display:flex;flex-direction:column}.contact-header{padding-block:var(--spacing-16);background:linear-gradient(135deg,transparent 0%,color-mix(in srgb,var(--color-primary-600) 6%,transparent) 50%,transparent 100%)}.dark .contact-header{background:linear-gradient(135deg,transparent 0%,color-mix(in srgb,var(--color-primary-400) 8%,transparent) 50%,transparent 100%)}.contact-header__content{text-align:center;max-width:600px;margin:0 auto}.contact-header__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.contact-header__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6}.contact-body{padding-block:var(--spacing-12)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-8);align-items:start}.contact-form-card{height:fit-content}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.contact-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.contact-form__error{color:var(--color-alert-600);font-size:var(--font-size-sm);padding:var(--spacing-3);background-color:var(--color-alert-50);border-radius:var(--radius-md);margin:0}.dark .contact-form__error{background-color:var(--color-alert-900);color:var(--color-alert-200)}.contact-form__textarea-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.contact-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.contact-form__required{color:var(--color-alert-500)}.contact-form__textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;transition:border-color var(--transition-fast)}.contact-form__textarea:focus{outline:none;border-color:var(--color-sovereign-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-600) 10%,transparent)}.dark .contact-form__textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-400) 15%,transparent)}.contact-success{text-align:center;padding:var(--spacing-8) var(--spacing-4)}.contact-success__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-4);background-color:var(--color-privacy-50);color:var(--color-privacy-600);border-radius:50%;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.dark .contact-success__icon{background-color:var(--color-privacy-900);color:var(--color-privacy-400)}.contact-success h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.contact-success p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-6)}.contact-info-card{height:fit-content}.contact-info__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.contact-info__items{display:flex;flex-direction:column;gap:var(--spacing-4)}.contact-info__item{display:flex;align-items:flex-start;gap:var(--spacing-3)}.contact-info__icon{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--color-secondary-600)}.dark .contact-info__icon{color:var(--color-secondary-400)}.contact-info__item div{display:flex;flex-direction:column;gap:2px}.contact-info__item strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.contact-info__item a,.contact-info__item span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contact-info__item a{text-decoration:none;transition:color var(--transition-fast)}.contact-info__item a:hover{color:var(--color-sovereign-600)}.contact-info__links{display:flex;flex-direction:column;gap:var(--spacing-2)}.contact-info__links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.contact-info__links a:hover{color:var(--color-sovereign-600)}@media(max-width:768px){.contact-header{padding-block:var(--spacing-10)}.contact-header__title{font-size:var(--font-size-3xl)}.contact-grid{grid-template-columns:1fr}.contact-body{padding-block:var(--spacing-8)}}