.contact-page{max-width:900px;padding:var(--spacing-xl)var(--spacing-lg);color:var(--color-text-primary);margin:0 auto}.contact-header{text-align:center;margin-bottom:var(--spacing-2xl)}.contact-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.contact-grid{gap:var(--spacing-2xl);margin-top:var(--spacing-xl);grid-template-columns:1fr;display:grid}.contact-info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.contact-info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-info-card h2{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.contact-info-card a{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:color .2s}.contact-info-card a:hover{color:var(--color-primary);text-decoration:underline}.contact-form-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.contact-form-header{margin-bottom:var(--spacing-xl);text-align:center}.contact-form-header h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.contact-form-header p{color:var(--color-text-secondary)}.contact-form{gap:var(--spacing-lg);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary)}.form-group input,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background:var(--color-primary);color:#fff;padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--spacing-sm);border:none;align-self:flex-start;width:100%;transition:background-color .2s,transform .2s}.submit-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}@media (min-width:768px){.submit-button{width:auto;min-width:200px}}