*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif;}
:root{ --gold:#d4af37; --gold-light:#ffdfa3; }
body{background:#000;color:#fff;scroll-behavior:smooth;}

/************* HEADER *************/
header{
    width:100%;position:fixed;top:0;left:0;
    padding:18px 60px;display:flex;justify-content:space-between;align-items:center;
    background:rgba(0,0,0,.7);backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;
}
.logo{font-size:26px;font-weight:600;color:var(--gold);}
nav a{
    margin:0 12px;text-decoration:none;font-weight:500;
    color:#ccc;transition:.3s;
}
nav a:hover{color:var(--gold);text-shadow:0 0 8px var(--gold);}

/************* HAMBURGER *************/
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger span{width:27px;height:3px;background:var(--gold);transition:.3s;}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(8px);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px);}
@media(max-width:768px){
    .hamburger{display:flex;}
    nav{
        position:absolute;top:70px;right:-100%;width:60%;transition:.4s;
        background:#000;flex-direction:column;padding:20px;text-align:center;
        border-left:1px solid rgba(255,255,255,.1);
    }
    nav.open{right:0;}
    nav a{padding:12px 0;display:block;font-size:18px;}
}

/************* HERO — FINAL FIXED LAYOUT *************/
.hero{
    height:100vh;
    display:flex;
    justify-content:space-evenly; /* moves badge and text closer */
    align-items:center;
    padding:40px 70px;  /* reduces empty space */
    gap:40px;           /* controls spacing between both sections */
}


.hero-left{
    max-width:50%;
}
.hero-left p{
    margin-bottom:20px; /* adds space below subtitle */
}
.btn{
    margin-top:10px; /* prevents overlap with subtitle */
}
/* ⬇ Font-size only for the HOME section */
.hero-content h2{
    font-size: 65px;       /* change as you like */
    font-weight: 700;
}

.hero-content p{
    font-size: 22px;       /* description text */
    line-height: 1.6;
}

.resume-btn{
    font-size: 20px;
    padding: 12px 30px;
}
/* ===========================
   DOWNLOAD RESUME BUTTON
=========================== */
.download-btn {
    display:inline-block;
    padding:14px 30px;
    font-size:18px;
    font-weight:600;
    color:#000;
    background:linear-gradient(135deg, var(--gold), var(--gold-light));
    border:none;
    border-radius:10px;
    text-decoration:none;
    transition:all 0.3s ease;
    box-shadow:0 0 12px rgba(212,175,55,0.5);
}

.download-btn:hover {
    transform:scale(1.05);
    background:var(--gold-light);
    box-shadow:0 0 22px var(--gold);
}

.download-btn:active {
    transform:scale(0.97);
}

/* For dark mode contrast */
body.light .download-btn {
    background:linear-gradient(135deg, #000, #222);
    color:var(--gold);
    border:1px solid var(--gold);
}
body.light .download-btn:hover {
    background:var(--gold);
    color:#000;
}


.hero-left h1{font-size:46px;}
.hero-left span{color:var(--gold);}
.hero-left p{font-size:18px;color:#ddd;margin-top:6px;}
.btn{
    background:var(--gold);color:#000;padding:12px 26px;border-radius:6px;
    font-weight:600;margin-top:20px;text-decoration:none;transition:.3s;
}
.btn:hover{box-shadow:0 0 15px var(--gold);}

/************* BADGE *************/
.badge-container{
    display:flex;
    justify-content:center;
    align-items:center;
}
.badge-container img{
    width:280px;
    border-radius:50%;
    animation: float 3s infinite ease-in-out;
}

/* Floating animation */
@keyframes float{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-10px);}
}

/* Mobile layout */
@media(max-width:768px){
    .hero{
        flex-direction:column;
        text-align:center;
        gap:30px;
    }
    .badge-container img{
        width:180px;
    }
}

/************* SECTIONS *************/
section{padding:110px 60px;text-align:center;opacity:0;transform:translateY(40px);
    transition:1s ease;}
section.visible{opacity:1;transform:translateY(0);}
h2{font-size:46px;margin-bottom:30px;color:var(--gold);}

/************* SKILLS *************/
.skill-box span{
    display:inline-block;margin:6px;padding:12px 24px;
    border:1px solid var(--gold);border-radius:8px;transition:.3s;font-size:19px;
}
.skill-box span:hover{background:var(--gold);color:#000;transform:scale(1.1);}

/************* PROJECTS *************/
.slider{
    display:flex;overflow-x:auto;gap:35px;padding:25px;scroll-behavior:smooth;
}
.slider::-webkit-scrollbar{height:6px;}
.slider::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px;}
.slide{
    min-width:300px;padding:25px;border-radius:12px;
    background:rgba(255,255,255,.05);transition:.4s;
}
.slide h3{font-size:24px;margin-bottom:10px;}
.slide p{font-size:18px;line-height:1.7;}
.tilt:hover{
    transform:perspective(600px) rotateY(12deg) rotateX(6deg) scale(1.05);
    box-shadow:0 0 22px var(--gold);
}

/************* PARTICLES *************/
#particles{
    position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;
}

/************* THEME TOGGLE *************/
#themeToggle{
    position:fixed;bottom:20px;right:20px;font-size:22px;
    background:var(--gold);color:#000;padding:10px;border-radius:50%;
    cursor:pointer;box-shadow:0 0 12px var(--gold);z-index:99;
}
body.light{background:#fff;color:#000;}
body.light #themeToggle{background:#000;color:#fff;}
body.light .logo{color:#000;}

/************* CONTACT *************/
#contact p{font-size:20px;}
#contact a{
    color:var(--gold);
    text-decoration:none;
    font-size:20px;
    border-bottom:1px solid var(--gold);
    font-weight:600;
}
#contact a:hover{
    text-shadow:0 0 12px var(--gold);
    border-color:transparent;
}
.contact-box{
    width:60%;
    margin:auto;
    padding:25px;
    border-radius:12px;
    background:rgba(255,255,255,0.05);
    border:1px solid var(--gold);
    font-size:20px;
    line-height:2;
}

/************* FOOTER *************/
footer{
    background:#111;
    padding:15px;
    text-align:center;
    color:#aaa;
    display:flex;
    justify-content:center;
    align-items:center;
}
footer p{
    color:var(--gold);
    font-weight:600;
    letter-spacing:1px;
}
/* ===========================
   DOWNLOAD RESUME BUTTON
=========================== */
.download-btn {
    display:inline-block;
    padding:14px 30px;
    font-size:18px;
    font-weight:600;
    color:#000;
    background:linear-gradient(135deg, var(--gold), var(--gold-light));
    border:none;
    border-radius:10px;
    text-decoration:none;
    transition:all 0.3s ease;
    box-shadow:0 0 12px rgba(212,175,55,0.5);
}

.download-btn:hover {
    transform:scale(1.05);
    background:var(--gold-light);
    box-shadow:0 0 22px var(--gold);
}

.download-btn:active {
    transform:scale(0.97);
}

/* For dark mode contrast */
body.light .download-btn {
    background:linear-gradient(135deg, #000, #222);
    color:var(--gold);
    border:1px solid var(--gold);
}
body.light .download-btn:hover {
    background:var(--gold);
    color:#000;
}