.contact-page{max-width:800px;margin:0 auto}.contact-title{color:var(--color-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.contact-subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.1rem}.contact-card{border:1px solid var(--color-border);background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000000d}.contact-form .input-field,.contact-form .textarea-field{border:1px solid var(--color-border);background-color:#fafafa;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.contact-form .textarea-field{resize:vertical;min-height:150px}.contact-form .input-field:focus,.contact-form .textarea-field:focus{border-color:var(--color-primary);background-color:#fff;outline:none}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .form-label{color:var(--color-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.contact-divider{color:var(--color-text-muted);align-items:center;margin:2rem 0;font-size:.9rem;display:flex}.contact-divider:before,.contact-divider:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.contact-divider:before{margin-right:1rem}.contact-divider:after{margin-left:1rem}.social-login-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-social{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:12px;font-weight:500;transition:background-color .2s,border-color .2s;display:flex}.btn-social:hover{background-color:#f5f5f5;border-color:#ccc}.logged-in-badge{color:#2e7d32;background-color:#e8f5e9;border-radius:20px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.success-message{text-align:center;color:#2e7d32;background:#e8f5e9;border-radius:12px;padding:3rem 2rem}.success-icon{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}