Get In Touch

I'd love to hear from you! Whether you have questions about my work, collaboration opportunities, or just want to connect, feel free to reach out.

Email

Drop me a message anytime

saurab23@iisertvm.ac.in

Location

Based in India

Available for remote work

Response Time

Usually within 24 hours

Mon-Fri

Send a Message

align-items: center; height: 60px; max-width: 1440px; margin: 0 auto; padding: 0 40px; } .logo { color: #121212; font-weight: 600; font-size: 22px; display: flex; align-items: center; } .logo i { margin-right: 10px; font-size: 24px; } nav { display: flex; align-items: center; margin-left: -40px; } nav a { color: #121212; text-decoration: none; margin-left: 30px; font-size: 16px; opacity: 0.7; transition: all 0.3s ease; position: relative; } nav a:hover { opacity: 1; } nav a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background-color: #2997ff; transition: width 0.3s ease; } nav a:hover::after { width: 100%; } .contact-hero { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; text-align: center; padding-top: 60px; } .contact-hero h1 { font-size: 64px; font-weight: 700; background: linear-gradient(90deg, #121212, #121212); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 30px; } .contact-details { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 50px; max-width: 700px; width: 100%; backdrop-filter: blur(10px); text-align: center; transition: all 0.4s ease; } .contact-details:hover { transform: scale(1.02); box-shadow: 0 25px 50px rgba(0,0,0,0.3); } .contact-details h2 { font-size: 32px; margin-bottom: 30px; background: linear-gradient(90deg, #121212, #0c0c0e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .contact-info { display: flex; flex-direction: column; gap: 20px; } .contact-item { display: flex; justify-content: center; align-items: center; gap: 15px; } .contact-item i { font-size: 24px; color: #2997ff; } .contact-item a { color: #050505; text-decoration: none; font-size: 18px; transition: color 0.3s ease; } .contact-item a:hover { color: #2997ff; } .social-links { margin-top: 30px; display: flex; justify-content: center; gap: 20px; } .social-links a { color: rgba(18, 18, 18, 0.85); font-size: 24px; transition: color 0.3s ease; } .social-links a:hover { color: #4062da; }