.contact-page{color:#fff;background:#031321}.contact-hero{text-align:center;background:radial-gradient(circle,#0a84ff22,#0000 70%);padding:120px 20px 80px}.contact-hero h1{font-size:clamp(2.8rem,6vw,4.8rem)}.contact-hero span{color:#00d4ff}.contact-hero p{color:#d0d7e6;max-width:700px;margin:20px auto;line-height:1.8}.contact-wrapper{grid-template-columns:1fr 1.2fr;gap:40px;width:min(1200px,92%);margin:80px auto;display:grid}.contact-info{gap:20px;display:grid}.info-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:30px;transition:all .35s}.info-card:hover{transform:translateY(-6px);box-shadow:0 0 30px #00d4ff59}.icon{color:#00d4ff;margin-bottom:15px;font-size:2rem}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#071d35;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:18px}.contact-form input:focus,.contact-form textarea:focus{border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d}.contact-form button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0a84ff,#00d4ff);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px;transition:all .3s;display:flex}.contact-form button:hover{transform:translateY(-4px);box-shadow:0 0 30px #00d4ff73}.social-section{text-align:center;padding:80px 20px}.social-section h2{margin-bottom:30px}.social-icons{justify-content:center;gap:25px;display:flex}.social-icons a{color:#00d4ff;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.6rem;transition:all .3s;display:flex}.social-icons a:hover{transform:translateY(-6px);box-shadow:0 0 25px #00d4ff73}@media (max-width:900px){.contact-wrapper{grid-template-columns:1fr}}