.page.contact-page{min-height:100vh;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start}.contact-section{padding:0;position:relative;width:100%}.contact-container{max-width:var(--container-max);margin:0 auto}.contact-header{text-align:center;margin-bottom:60px}.contact-title{font-size:var(--fs-hero);font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.contact-subtitle{font-size:var(--fs-lg);color:var(--text-secondary);font-weight:300;max-width:600px;margin:0 auto;line-height:1.6}.contact-content-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}.contact-info-card{padding:1rem 0}.contact-info-item{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{width:50px;height:50px;min-width:50px;background:var(--brand-gradient-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-on-brand)}.contact-info-content{flex:1}.contact-info-title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact-info-value{font-size:var(--fs-md);color:var(--text-secondary);font-weight:300;line-height:1.6;margin:0}.contact-form-section{background:linear-gradient(135deg,var(--surface-3) 0%,var(--surface-1) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-strong);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-md)}.contact-form-title{font-size:var(--fs-2xl);font-weight:600;color:var(--text-primary);margin-bottom:2rem}.contact-status-message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-size:var(--fs-md);font-weight:500}.contact-status-message.success{background:#00d4ff26;border:1px solid rgba(0,212,255,.3);color:var(--brand-cyan)}.contact-status-message.error{background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);color:var(--danger)}.contact-form{display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{margin-bottom:1.5rem}.form-input-wrapper{position:relative;display:flex;align-items:flex-start;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease}.form-input-wrapper:focus-within{border-color:var(--brand);border-width:2px;padding:calc(1rem - 1px) calc(1.25rem - 1px);background:var(--surface-2)}.form-input-wrapper.error{border-color:var(--danger);border-width:2px;padding:calc(1rem - 1px) calc(1.25rem - 1px)}.form-icon{margin-right:.75rem;color:var(--text-secondary);flex-shrink:0;margin-top:.125rem}.form-input,.form-textarea{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--fs-md);font-family:inherit;resize:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem;cursor:pointer}.form-select option{background:var(--surface-raised);color:var(--text-primary)}.form-select option:first-child{color:var(--text-muted)}.form-textarea{min-height:120px;line-height:1.6}.form-error{display:block;color:var(--danger);font-size:var(--fs-sm);margin-top:.5rem;margin-left:1rem}.contact-submit-button{width:100%;height:56px;background:var(--brand-gradient-cyan);border:none;border-radius:12px;color:var(--text-on-brand);font-size:var(--fs-lg);font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;font-family:inherit}.contact-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-ring)}.contact-submit-button:active:not(:disabled){transform:translateY(0)}.contact-submit-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:968px){.contact-content-grid{grid-template-columns:1fr;gap:2rem}.contact-header{margin-bottom:40px}.contact-info-card{padding:1rem 0}.contact-form-section{padding:2rem}.form-row{grid-template-columns:1fr}.contact-info-icon{width:45px;height:45px;min-width:45px}}@media(max-width:640px){.contact-header{margin-bottom:30px}.contact-info-card{padding:1rem 0}.contact-form-section{padding:1.75rem;border-radius:20px}.contact-info-item{gap:1rem;margin-bottom:1.5rem}.contact-info-icon{width:40px;height:40px;min-width:40px}.contact-form-title{margin-bottom:1.5rem}.form-field{margin-bottom:1.25rem}.form-input-wrapper{padding:.875rem 1rem}.form-input-wrapper:focus-within{padding:calc(.875rem - 1px) calc(1rem - 1px)}.form-input-wrapper.error{padding:calc(.875rem - 1px) calc(1rem - 1px)}.contact-submit-button{height:52px}}