.contact-page{color:#fff;background-color:#050505}.contact-hero{background:radial-gradient(circle at 100% 0,#0070f30d,#0000 450px),linear-gradient(135deg,#0a0a0a 0%,#050505 100%);border-bottom:1px solid #ffffff0d;padding:160px 0 100px;position:relative;overflow:hidden}.contact-hero-content{text-align:center}.contact-hero-tag{color:#0070f3;letter-spacing:4px;text-transform:uppercase;opacity:.8;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:block}.contact-hero-title{letter-spacing:-.02em;color:#fff;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.contact-hero-desc{color:#999;max-width:750px;margin:0 auto;font-size:1.25rem;line-height:1.7}.hero-tech-lines{pointer-events:none;opacity:.15;position:absolute;inset:0}.hero-tech-lines .tech-line-v{background:#0070f3;width:1px;height:100%;position:absolute;top:0;left:20%}.hero-tech-lines .tech-line-h{background:#0070f3;width:100%;height:1px;position:absolute;top:35%;left:0}.contact-info-section{background-color:#050505;padding:4rem 0}.contact-info-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.contact-info-card{text-align:center;background-color:#ffffff05;border:1px solid #ffffff0d;padding:2rem;transition:all .3s}.contact-info-card:hover{background-color:#ffffff0a;border-color:#0070f380;transform:translateY(-4px)}.contact-info-icon{color:#0070f3;margin:0 auto 1rem}.contact-info-title{color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem}.contact-info-value{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s}a.contact-info-value:hover{color:#0070f3}.contact-form-section{background-color:#0a0a0a;padding:6rem 0}.contact-form-wrapper{background-color:#ffffff05;border:1px solid #ffffff0d;max-width:800px;margin:0 auto;padding:3rem}.contact-form-header{text-align:center;margin-bottom:3rem}.contact-form-title{margin-bottom:1rem;font-size:2rem;font-weight:700}.contact-form-desc{color:#a0a0a0;font-size:1rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#d1d5db;font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{color:#fff;background-color:#ffffff08;border:1px solid #ffffff1a;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#ffffff0d;border-color:#0070f3;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#8a8a8a}.form-group select{cursor:pointer}.form-group select option{color:#fff;background-color:#0a0a0a}.form-group textarea{resize:vertical;min-height:120px}.contact-submit-btn{color:#050505;cursor:pointer;background-color:#fff;border:none;justify-content:center;align-self:flex-start;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.contact-submit-btn:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 30px #0070f34d}.contact-map-section{background-color:#050505;border-top:1px solid #ffffff0d;padding:6rem 0}.contact-map-title{text-align:center;margin-bottom:3rem;font-size:2rem;font-weight:700}.contact-locations{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.location-card{background-color:#ffffff05;border:1px solid #ffffff0d;padding:2.5rem;transition:all .3s}.location-card:hover{background-color:#ffffff0a;border-color:#ffffff1a}.location-title{color:#0070f3;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.location-address{color:#d1d5db;margin-bottom:.5rem;font-size:1rem}.location-desc{color:#a0a0a0;font-size:.875rem}@media (max-width:1024px){.contact-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.contact-info-grid,.contact-locations,.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:2rem}.contact-hero-title,.contact-form-title,.contact-map-title{font-size:1.75rem}.contact-submit-btn{width:100%}.contact-info-icon{width:48px;height:48px}}
