.contact-page{background-color:var(--color-neutral-50);padding-bottom:var(--spacing-16)}.contact-hero{color:#fff;padding:var(--spacing-16)0;text-align:center;background:linear-gradient(135deg,#061a4a 0%,#0a2463 35%,#1e56a0 100%);position:relative;overflow:hidden}.contact-hero h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-bold)}.contact-hero p{font-size:var(--font-size-base);color:var(--color-neutral-200)}.contact-cards-section{z-index:10;margin-top:-40px;position:relative}.contact-cards-grid{gap:var(--spacing-6);grid-template-columns:repeat(4,1fr);display:grid}.contact-card{border-radius:var(--radius-xl);padding:var(--spacing-8)var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-neutral-100);text-align:center;color:inherit;background:#fff;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex}.contact-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-300);transform:translateY(-5px)}.contact-icon-box{border-radius:var(--radius-lg);background-color:var(--color-primary-50);width:60px;height:60px;color:var(--color-primary-600);margin-bottom:var(--spacing-4);justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:flex}.contact-card:hover .contact-icon-box{background-color:var(--color-primary-600);color:#fff}.contact-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-2)}.contact-card p{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-3);line-height:var(--line-height-base)}.contact-card-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);align-items:center;gap:var(--spacing-1);display:flex}.contact-card:hover .contact-card-link{text-decoration:underline}.contact-main-section{padding:var(--spacing-16)0}.contact-grid{gap:var(--spacing-10);grid-template-columns:3fr 2fr;align-items:start;display:grid}.contact-form-box{border-radius:var(--radius-2xl);padding:var(--spacing-10);box-shadow:var(--shadow-md);border:1px solid var(--color-neutral-100);background:#fff}.contact-form-box h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-2)}.contact-form-box p{color:var(--color-neutral-600);margin-bottom:var(--spacing-8)}.form-group-row{gap:var(--spacing-6);grid-template-columns:1fr 1fr;display:grid}.form-group{margin-bottom:var(--spacing-6);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin-bottom:var(--spacing-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-250);color:var(--color-neutral-900);font-size:var(--font-size-base);background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 4px #1e56a01a}.form-textarea{resize:vertical;min-height:120px}.contact-submit-btn{width:100%;padding:var(--spacing-4);border-radius:var(--radius-lg);background-color:var(--color-primary-600);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2);border:none;transition:background-color .2s;display:flex}.contact-submit-btn:hover{background-color:var(--color-primary-700)}.contact-submit-btn:disabled{background-color:var(--color-neutral-300);cursor:not-allowed}.contact-success-box{text-align:center;padding:var(--spacing-10)0}.success-icon-box{color:#0c9e4b;width:72px;height:72px;margin:0 auto var(--spacing-6)auto;background-color:#e6f6ec;border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-success-box h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-3)}.contact-success-box p{color:var(--color-neutral-600);margin-bottom:var(--spacing-8)}.contact-info-panel{gap:var(--spacing-8);flex-direction:column;display:flex}.info-panel-box{border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);border:1px solid var(--color-neutral-100);background:#fff}.info-panel-box h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);align-items:center;gap:var(--spacing-2);display:flex}.map-container{border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);height:250px;position:relative;overflow:hidden}.map-placeholder-bg{background-color:var(--color-neutral-100);width:100%;height:100%;color:var(--color-neutral-600);padding:var(--spacing-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.map-placeholder-bg svg{margin-bottom:var(--spacing-2);color:var(--color-primary-600)}@media (max-width:1024px){.contact-cards-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:var(--spacing-8);grid-template-columns:1fr}}@media (max-width:640px){.contact-cards-grid{grid-template-columns:1fr}.form-group-row{grid-template-columns:1fr;gap:0}.contact-form-box{padding:var(--spacing-6)}}