.contact-hero{padding:2vh 24px 60px}.contact-hero h1{color:#fff;margin-top:24px;margin-bottom:32px;font-size:2.5rem;line-height:1.3}.contact-hero p{color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.8}.contact-grid{flex-direction:column;gap:16px;padding:24px;display:flex}.contact-card{background:var(--bg-card);color:#fff;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:20px;text-decoration:none;display:flex}.contact-card small{color:var(--accent);letter-spacing:1px;font-size:.7rem;font-weight:700}.contact-card strong{margin:4px 0;font-size:1.3rem}.contact-card span{opacity:.8;font-family:monospace;font-size:1.1rem}.contact-mail{text-align:center;background:var(--bg-card);border-radius:20px;margin:24px;padding:60px 24px}.contact-mail h2{color:var(--accent);margin-bottom:16px;font-size:1.8rem}.contact-mail p{color:var(--text-secondary);max-width:600px;margin:0 auto 32px;line-height:1.6}.contact-mail a{text-align:center;border-radius:8px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary:active{transform:scale(.95)}.contact-footer{text-align:center;background:linear-gradient(to top, var(--bg-primary), transparent);padding:80px 24px}.contact-footer h2{margin-bottom:12px;font-size:2rem}.contact-footer p{color:var(--text-secondary);max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto}@media (min-width:768px){.contact-grid{flex-direction:row;justify-content:center}.contact-card:hover{border-color:var(--accent);transition:all .2s;transform:translateY(-3px)}.btn-primary:hover{box-shadow:0 10px 20px rgba(var(--accent-rgb), .3);transform:translateY(-2px)}.footer-actions{flex-direction:row;justify-content:center}}