.contact-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-color)}.contact-content{flex:1;width:100%;box-sizing:border-box;padding:var(--spacing-large);max-width:1040px;margin:0 auto;color:var(--text-color);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:var(--spacing-large) calc(var(--spacing-large) * 2)}.contact-section-title{margin:0;color:var(--text-color);font-size:var(--type-title-emphasis-size, 1.5rem);font-weight:var(--font-weight-extrabold);line-height:1.2}.contact-section-subtitle{color:var(--text-color-secondary);line-height:1.5}.contact-form-section,.contact-info-section{min-width:0}.contact-info-title{color:var(--text-color)}.contact-cards{display:flex;flex-direction:column;gap:var(--spacing-medium)}.contact-card{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-medium);padding:var(--spacing-medium);background-color:var(--bg-item);border-radius:12px;text-decoration:none;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer}.contact-card:hover{background-color:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.contact-card:active{transform:translateY(0)}.contact-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--btn-gradient-brand)}.contact-card-icon svg{color:#fff;fill:#fff}.contact-card-content{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-card-label{color:var(--text-color-secondary);font-size:.8rem}.contact-card-value{color:var(--text-color);word-break:break-word}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-large)}.contact-input-group{display:flex;flex-direction:column;gap:var(--spacing-small)}.contact-label{font-size:.875rem;font-weight:600;color:var(--text-color)}.contact-input{flex:1}.contact-textarea{padding:.75rem 1rem;border:2px solid #cccccc;border-radius:4px;font-size:1rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:120px;background:transparent;color:var(--text-color);transition:border-color .2s,box-shadow .2s}.contact-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d233}.contact-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-item)}.contact-textarea::placeholder{color:var(--text-color);opacity:.5}.contact-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:.75rem 1rem;color:#c53030;font-size:.875rem;line-height:1.4}.contact-success{background:#e6ffed;border:1px solid #9ae6b4;border-radius:8px;padding:.75rem 1rem;color:#276749;font-size:.875rem;line-height:1.4}@media (max-width: 900px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-large)}.contact-info-section{padding-top:var(--spacing-large);border-top:1px solid var(--border-color)}}@media (max-width: 768px){.contact-content{padding:var(--spacing-medium)}.contact-card{padding:var(--spacing-small) var(--spacing-medium)}.contact-card-icon{width:40px;height:40px;min-width:40px}.contact-card-icon svg{width:20px;height:20px}.contact-card-value{font-size:.95rem}}@media (prefers-color-scheme: dark){.contact-card:hover{box-shadow:0 4px 12px #0000004d}.contact-textarea{border-color:#fff3}.contact-textarea:focus{border-color:#1976d2}.contact-error{background:#feb2b21a;border-color:#fc81814d;color:#fc8181}.contact-success{background:#9ae6b41a;border-color:#9ae6b44d;color:#9ae6b4}}