.contact-page{padding-top:96px;min-height:100vh;background:#030308;color:#d1d5db;line-height:1.7}.contact-container{max-width:1000px;margin:0 auto;padding:0 20px 60px}.contact-header{text-align:center;margin-bottom:50px}.contact-header h1{font-size:2.5em;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.5px}.contact-header p{color:#9ca3af;font-size:1.1em;max-width:600px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.contact-form-section{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:30px}.contact-form-section .form-group{margin-bottom:20px}.contact-form-section label{display:block;font-weight:600;color:#f3f4f6;margin-bottom:8px}.contact-form-section .form-control{width:100%;padding:12px 14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:#fff;font-size:1em;font-family:inherit;transition:border-color .2s ease,background .2s ease}.contact-form-section .form-control::-moz-placeholder{color:#6b7280}.contact-form-section .form-control::placeholder{color:#6b7280}.contact-form-section .form-control:focus{outline:none;border-color:#ef4444;background:hsla(0,0%,100%,.07)}.contact-form-section textarea.form-control{resize:vertical;min-height:140px}.contact-submit{width:100%;padding:14px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:1.05em;font-weight:600;cursor:pointer;transition:background .2s ease}.contact-submit:hover{background:#dc2626}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-status{margin-top:15px;padding:12px 16px;border-radius:10px;font-weight:500}.contact-status.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.35);color:#34d399}.contact-status.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);color:#f87171}.contact-info-section{display:flex;flex-direction:column;gap:20px}.info-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:25px;text-align:center}.info-card i{font-size:1.8em;color:#f87171;margin-bottom:12px}.info-card h3{color:#fff;font-weight:600;margin-bottom:6px}.info-card p{color:#9ca3af}@media (max-width:768px){.contact-page{padding-top:80px}.contact-header h1{font-size:1.8em}.contact-content{grid-template-columns:1fr}}