/* RESET & GLOBAL */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;}
:root{--primary-color:#8B0000;--bg-color:#000;--text-color:#fff;}
body{background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;line-height:1.6;}

/* LOADER */
#loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999;opacity:1;pointer-events:all;transition:opacity 0.8s ease;}
.loader-content{text-align:center;color:var(--primary-color);animation:loaderPop 1.2s ease forwards;}
.loader-img{width:120px;height:120px;border-radius:50%;margin-bottom:20px;animation:loaderPop 1.2s ease forwards;}
@keyframes loaderPop{0%{opacity:0;transform:scale(0.5);}50%{opacity:1;transform:scale(1.2);}100%{opacity:1;transform:scale(1);}}

/* NAVBAR */
.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;position:fixed;width:100%;top:0;background-color:rgba(0,0,0,0.85);z-index:1000;}
.navbar .logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);}
.navbar ul{list-style:none;display:flex;gap:30px;}
.navbar ul li a{color:var(--text-color);text-decoration:none;font-weight:500;transition:0.3s;}
.navbar ul li a:hover{color:var(--primary-color);}
.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;}
.hamburger span{width:25px;height:3px;background-color:var(--text-color);border-radius:3px;}

/* BUTTON */
.btn{display:inline-block;padding:12px 25px;border:2px solid var(--primary-color);color:var(--text-color);text-decoration:none;font-weight:600;border-radius:50px;transition:0.3s;}
.btn:hover{background-color:var(--primary-color);box-shadow:0 0 15px var(--primary-color);transform:scale(1.05);}

/* SECTIONS */
section{padding:140px 80px;width:100%;max-width:1200px;margin:0 auto;}
section h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:40px;text-align:center;transition:0.3s;cursor:pointer;}
section h2:hover{transform:scale(1.05);text-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color);}

/* HOME */
.home-section{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(-45deg,#1a0000,#000,#2b0000,#000);background-size:400% 400%;animation:gradientBG 15s ease infinite;}
.home-content{display:flex;align-items:center;justify-content:space-between;gap:50px;flex-wrap:wrap;width:100%;}
.home-left{flex:1;min-width:350px;}
.home-left h1{font-size:3rem;margin-bottom:20px;}
.home-left p{font-size:1.3rem;color:#ddd;margin-bottom:20px;}
.home-buttons{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;}
.home-social{display:flex;gap:20px;margin-top:20px;}
.home-social a{color:var(--text-color);font-size:2rem;transition:0.3s;}
.home-social a:hover{color:var(--primary-color);transform:scale(1.2);}
.home-right{flex:1;min-width:350px;display:flex;justify-content:center;}
.profile-pic{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);transition: transform 0.4s ease, box-shadow 0.4s ease;cursor:pointer;}
.profile-pic:hover{transform: scale(1.15) rotate(-2deg);box-shadow:0 0 25px var(--primary-color);}
.home-gif{width:350px;height:350px;border-radius:15px;border:2px solid var(--primary-color);transition:0.4s ease;cursor:pointer;}
.home-gif:hover{transform: scale(1.05) rotate(1deg);box-shadow:0 0 20px var(--primary-color);}

/* ABOUT */
.about-content{display:flex;flex-wrap:wrap;gap:50px;align-items:center;justify-content:center;}
.about-img{flex:1;min-width:280px;display:flex;justify-content:center;}
.about-img img{width:280px;height:280px;border-radius:50%;border:3px solid var(--primary-color);object-fit:cover;transition: transform 0.4s ease, box-shadow 0.4s ease;cursor:pointer;}
.about-img img:hover{transform: scale(1.15) rotate(-2deg);box-shadow:0 0 25px var(--primary-color);}
.about-text{flex:2;min-width:350px;color:#ddd;font-size:1.15rem;line-height:1.8;transition: transform 0.3s ease, color 0.3s ease;}
.about-text p:hover{transform: translateY(-5px); color:#fff;}

/* PROJECTS */
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.project-card{background-color:#111;border:2px solid var(--primary-color);border-radius:15px;padding:20px;transition:0.3s;}
.project-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(139,0,0,0.5);}
.project-card h3{color:var(--primary-color);margin-bottom:10px;transition: all 0.3s ease;cursor:pointer;}
.project-card h3:hover{transform: scale(1.05);text-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color);}
.project-card p:hover{transform: translateY(-5px); color:#fff;transition: transform 0.3s ease, color 0.3s ease;}

/* CONTACT */
.contact-form{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px;}
.contact-form input,.contact-form textarea{width:100%;max-width:450px;padding:15px;border-radius:8px;border:2px solid var(--primary-color);background-color:#111;color:#fff;font-size:1rem;resize:none;outline:none;transition:0.3s;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color);}
.contact-form button{width:100%;max-width:450px;padding:12px 25px;border:2px solid var(--primary-color);color:#fff;background:none;font-weight:600;border-radius:50px;cursor:pointer;transition:0.3s;}
.contact-form button:hover{background-color:var(--primary-color);box-shadow:0 0 15px var(--primary-color);transform: scale(1.05);}
.social-links{display:flex;justify-content:center;gap:30px;margin:20px 0;flex-wrap:wrap;}
.social-links a{display:flex;align-items:center;gap:10px;color:var(--text-color);text-decoration:none;font-weight:500;transition:0.3s;}
.social-links a i{font-size:1.5rem;}
.social-links a:hover{color:var(--primary-color);transform:scale(1.1);}

/* FOOTER */
footer{background-color:#111;text-align:center;padding:20px;color:#888;}

/* SCROLL ANIMATION */
.scroll{opacity:0;transform:translateY(50px);transition: all 1s ease;}
.scroll.scrolled{opacity:1;transform:translateY(0);}

/* GRADIENT ANIMATION */
@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* RESPONSIVE */
@media screen and (max-width:1024px){
  section{padding:100px 40px;}
  .home-left h1{font-size:2.5rem;}
  .home-left p{font-size:1.2rem;}
  .about-text{font-size:1rem;}
  .home-gif{width:300px;height:300px;}
  .profile-pic{width:150px;height:150px;}
}
@media screen and (max-width:768px){
  .navbar ul{display:none;}
  .hamburger{display:flex;}
  .home-content{flex-direction:column;align-items:center;text-align:center;padding:20px;}
  .home-left,.home-right{width:100%;flex:unset;}
  .home-right{margin-top:20px;}
  .home-buttons{flex-direction:column;gap:10px;}
  .home-social{justify-content:center;gap:15px;margin-top:15px;}
  .home-social a{font-size:2rem;}
  .home-left h1{font-size:1.8rem;}
  .home-left p{font-size:1rem;}
  .profile-pic{width:120px;height:120px;margin-bottom:15px;}
  .home-gif{width:250px;height:250px;}
  .about-img img{width:200px;height:200px;}
  .about-text{font-size:0.95rem;}
}