.contact-page{padding-bottom:var(--space-4xl);min-height:calc(100vh - var(--navbar-height))}.contact-header{background:var(--gradient-green);padding:var(--space-4xl) 0;color:#fff;margin-bottom:var(--space-4xl)}.contact-header h1{font-family:var(--font-heading);font-size:var(--fs-4xl);margin-bottom:var(--space-sm);color:var(--color-gold)}.contact-header p{font-size:var(--fs-lg);color:#f5ede0cc;max-width:600px;margin:0 auto}.contact-grid{gap:var(--space-3xl);grid-template-columns:1fr 1.5fr;display:grid}.contact-info{padding:var(--space-3xl);background:var(--color-primary);color:#fff;border-radius:var(--radius-xl)}.contact-info h2{font-family:var(--font-heading);font-size:var(--fs-2xl);margin-bottom:var(--space-xs);color:var(--color-gold)}.contact-sub{color:#f5ede0b3;font-size:var(--fs-sm);margin-bottom:var(--space-2xl)}.info-items{gap:var(--space-xl);flex-direction:column;display:flex}.info-item{align-items:flex-start;gap:16px;display:flex}.info-icon{width:48px;height:48px;color:var(--color-gold);background:#c9a84c26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-item h4{font-size:var(--fs-lg);color:#fff;margin-bottom:4px}.info-item p{color:#f5ede0cc;font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.contact-form-container{padding:var(--space-3xl)}.contact-form-container h2{font-family:var(--font-heading);font-size:var(--fs-2xl);color:var(--color-primary);margin-bottom:var(--space-xl)}.contact-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-secondary)}.input-field{border-radius:var(--radius-md);font-size:var(--fs-base);font-family:var(--font-body);transition:all var(--transition-fast);background:var(--color-bg);border:1px solid #0000001a;outline:none;padding:12px 16px}.input-field:focus{border-color:var(--color-gold);background:#fff;box-shadow:0 0 0 3px #c9a84c1a}textarea.input-field{resize:vertical;min-height:120px}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-info{padding:var(--space-2xl)}.contact-form-container{padding:var(--space-2xl) var(--space-lg)}}