.contact-page{min-height:100vh;padding:40px 24px 80px;background:var(--background)}.contact-container{max-width:1000px;margin:0 auto}.contact-header{text-align:center;margin-bottom:60px}.contact-header h1{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5vw,48px);font-weight:700;color:var(--text);margin-bottom:16px}.contact-header p{font-size:18px;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:40px}}.contact-form-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px}.contact-form{gap:24px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text)}.form-group input,.form-group textarea{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:15px;color:var(--text);transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff6b351a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--accent);color:#000;border:none;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff6b354d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{color:#22c55e;font-size:14px;text-align:center;margin-top:8px}.contact-info-section{display:flex;flex-direction:column;gap:24px}.contact-info-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s}.contact-info-card:hover{border-color:var(--border-hover)}.info-icon{width:40px;height:40px;background:var(--accent-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.info-icon svg{width:20px;height:20px;color:var(--accent)}.contact-info-card h3{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.contact-info-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.contact-info-card a{color:var(--accent);text-decoration:none}.contact-info-card a:hover{text-decoration:underline}