/* style.css */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial,sans-serif;
background:#f7f7f7;
color:#111;
overflow-x:hidden;
}

/* ========================= */
/* INTRO */
/* ========================= */
#intro{
position:fixed;
inset:0;
z-index:9999;
background:#000;
overflow:hidden;
display:flex;
justify-content:center;
align-items:center;
transition:1s ease;
}

#intro.hide{
opacity:0;
visibility:hidden;
transform:scale(1.03);
}

/* PANELS */
.intro-panels{
position:absolute;
inset:0;
display:flex;
}

.panel{
flex:1;
background-size:cover;
background-position:center;
transform:translateY(100%);
animation:panelUp 1.2s ease forwards;
filter:grayscale(1);
}

.p1{
background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=800&q=80");
animation-delay:.05s;
}

.p2{
background-image:url("https://images.unsplash.com/photo-1497366412874-3415097a27e7?auto=format&fit=crop&w=800&q=80");
animation-delay:.18s;
}

.p3{
background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=800&q=80");
animation-delay:.3s;
}

.p4{
background-image:url("https://images.unsplash.com/photo-1497366858526-0766cadbe8fa?auto=format&fit=crop&w=800&q=80");
animation-delay:.42s;
}

#intro::after{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.62);
}

/* CENTER */
.intro-center{
position:relative;
z-index:5;
text-align:center;
padding:0 20px;
}

.intro-small{
font-size:11px;
letter-spacing:5px;
color:#cfcfcf;
margin-bottom:14px;
}

.intro-logo{
font-size:105px;
font-weight:900;
letter-spacing:8px;
color:#fff;
display:flex;
justify-content:center;
gap:6px;
}

.intro-logo span{
display:inline-block;
opacity:0;
transform:translateY(35px);
animation:letterIn .8s ease forwards;
}

.intro-logo span:nth-child(2){
animation-delay:.18s;
}

.intro-line{
width:0;
height:2px;
background:linear-gradient(90deg,#fff,#cfd4da,#fff);
margin:14px auto;
animation:lineGrow .9s ease forwards .7s;
}

.intro-tag{
font-size:13px;
letter-spacing:3px;
color:#efefef;
opacity:0;
animation:fadeIn 1s ease forwards .9s;
}

/* LOADER */
.loader-wrap{
position:absolute;
bottom:48px;
left:50%;
transform:translateX(-50%);
width:210px;
z-index:5;
}

.loader-num{
display:block;
text-align:right;
font-size:13px;
color:#fff;
margin-bottom:8px;
}

.loader-track{
height:4px;
background:rgba(255,255,255,.18);
border-radius:20px;
overflow:hidden;
}

.loader-fill{
height:100%;
width:0;
background:linear-gradient(90deg,#ffffff,#dfe5eb);
}

/* ========================= */
/* NAVBAR */
/* ========================= */
.navbar{
position:fixed;
top:14px;
left:50%;
transform:translateX(-50%);
width:96%;
z-index:1000;

display:flex;
justify-content:space-between;
align-items:center;

padding:14px 22px;
border-radius:18px;

background:rgba(255,255,255,.70);
backdrop-filter:blur(14px);
box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.brand{
display:flex;
align-items:center;
gap:10px;
}

.brand-logo{
font-size:32px;
font-weight:800;
color:#222;
}

.brand-text{
font-size:17px;
font-weight:700;
}

.nav-links{
display:flex;
gap:26px;
}

.nav-links a{
text-decoration:none;
color:#111;
font-weight:500;
position:relative;
}

.nav-links a::after{
content:"";
position:absolute;
left:0;
bottom:-5px;
width:0;
height:2px;
background:#111;
transition:.3s;
}

.nav-links a:hover::after{
width:100%;
}

.nav-btn{
padding:11px 18px;
background:#111;
color:#fff;
text-decoration:none;
border-radius:40px;
font-size:14px;
font-weight:600;
}

.menu-toggle{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
}

.menu-toggle span{
width:25px;
height:3px;
background:#111;
}

/* MOBILE MENU */
.mobile-menu{
position:fixed;
right:-100%;
top:0;
width:280px;
height:100%;
background:#fff;
z-index:2000;
padding:80px 30px;
display:flex;
flex-direction:column;
gap:22px;
transition:.35s;
}

.mobile-menu.show{
right:0;
}

.mobile-menu a{
text-decoration:none;
font-size:18px;
color:#111;
}

.close-btn{
position:absolute;
top:20px;
right:20px;
font-size:28px;
cursor:pointer;
}

/* ========================= */
/* HERO SAME */
/* ========================= */
.hero{
position:relative;
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:0 20px;
overflow:hidden;
background:#efefef;
}

.bg-slider{
position:absolute;
inset:0;
z-index:1;
}

.slide{
position:absolute;
inset:0;
opacity:0;
transition:1.4s ease;
transform:scale(1.08);
background-size:cover;
background-position:center;
}

.slide.active{
opacity:1;
transform:scale(1);
}

.s1{background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80");}
.s2{background-image:url("https://images.unsplash.com/photo-1497366412874-3415097a27e7?auto=format&fit=crop&w=1600&q=80");}
.s3{background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=80");}
.s4{background-image:url("https://images.unsplash.com/photo-1497366858526-0766cadbe8fa?auto=format&fit=crop&w=1600&q=80");}

.hero-overlay{
position:absolute;
inset:0;
background:rgba(255,255,255,.52);
z-index:2;
}

.hero-content{
position:relative;
z-index:5;
max-width:900px;
}

.mini-title{
font-size:12px;
letter-spacing:5px;
color:#666;
margin-bottom:18px;
}

.hero h1{
font-size:68px;
line-height:1.05;
margin-bottom:18px;
}

.hero p{
font-size:22px;
line-height:1.8;
color:#333;
}

.cta-btn{
display:inline-block;
margin-top:28px;
padding:14px 28px;
border-radius:40px;
background:#111;
color:#fff;
text-decoration:none;
font-weight:700;
}

/* ========================= */
/* ANIMATIONS */
/* ========================= */
@keyframes panelUp{
to{transform:translateY(0);}
}

@keyframes letterIn{
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes lineGrow{
to{width:140px;}
}

@keyframes fadeIn{
to{opacity:1;}
}

/* ========================= */
/* MOBILE */
/* ========================= */
@media(max-width:768px){

.nav-links,.nav-btn{
display:none;
}

.menu-toggle{
display:flex;
}

.navbar{
top:10px;
width:94%;
padding:14px 18px;
}

.hero h1{
font-size:34px;
}

.hero p{
font-size:16px;
line-height:1.7;
}

.intro-logo{
font-size:70px;
}

.loader-wrap{
width:150px;
bottom:34px;
}

}
/* EXPERIENCE PAGE CSS */

.exp-hero{
padding:170px 20px 90px;
text-align:center;
background:linear-gradient(180deg,#f8f8f8,#efefef);
}

.exp-mini{
font-size:12px;
letter-spacing:5px;
color:#666;
margin-bottom:14px;
}

.exp-hero h1{
font-size:72px;
margin-bottom:18px;
}

.hero-divider{
width:140px;
height:2px;
background:#d8d8d8;
margin:0 auto 22px;
}

.exp-sub{
max-width:760px;
margin:auto;
font-size:22px;
line-height:1.8;
color:#444;
}

/* MAIN */
.experience-wrap{
max-width:1400px;
margin:auto;
padding:60px 20px;
display:flex;
flex-direction:column;
gap:30px;
}

/* CARD */
.exp-card{
background:#fff;
border-radius:28px;
padding:35px;
display:grid;
grid-template-columns:1fr 520px;
gap:35px;
box-shadow:0 20px 45px rgba(0,0,0,.06);
}

.year{
display:inline-block;
padding:8px 14px;
background:#111;
color:#fff;
border-radius:30px;
font-size:13px;
margin-bottom:18px;
}

.exp-info h2{
font-size:38px;
margin-bottom:10px;
}

.role{
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
color:#666;
margin-bottom:18px;
}

.exp-info ul{
padding-left:20px;
margin-bottom:22px;
}

.exp-info li{
font-size:18px;
line-height:1.7;
margin-bottom:12px;
color:#333;
}

.tags{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.tags span{
padding:8px 14px;
background:#f2f2f2;
border-radius:30px;
font-size:14px;
}

/* VISUAL */
.exp-visual{
position:relative;
height:360px;
border-radius:22px;
overflow:hidden;
background:#ececec;
}

.slide-img{
position:absolute;
inset:0;
opacity:0;
transition:1s ease;
background-size:cover;
background-position:center;
transform:scale(1.06);
}

.slide-img.active{
opacity:1;
transform:scale(1);
}

/* SAP UI FEEL IMAGES */
.a1{background-image:url("https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1200&q=80");}
.a2{background-image:url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1200&q=80");}
.a3{background-image:url("https://images.unsplash.com/photo-1518186233392-c232efbf2373?auto=format&fit=crop&w=1200&q=80");}

.b1{background-image:url("https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1200&q=80");}
.b2{background-image:url("https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1200&q=80");}
.b3{background-image:url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=80");}

.c1{background-image:url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1200&q=80");}
.c2{background-image:url("https://images.unsplash.com/photo-1580281657527-47f249e8f3f6?auto=format&fit=crop&w=1200&q=80");}
.c3{background-image:url("https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?auto=format&fit=crop&w=1200&q=80");}

/* MOBILE */
@media(max-width:992px){

.exp-card{
grid-template-columns:1fr;
}

.exp-visual{
height:300px;
}

}

@media(max-width:768px){

.exp-hero{
padding:130px 20px 70px;
}

.exp-hero h1{
font-size:44px;
}

.exp-sub{
font-size:17px;
line-height:1.7;
}

.exp-card{
padding:22px;
}

.exp-info h2{
font-size:30px;
}

.exp-info li{
font-size:16px;
}

.exp-visual{
height:230px;
}

}
/* ========================= */
/* FOOTER */
/* ========================= */

.footer{
background:#0f0f10;
color:#fff;
padding:70px 25px 30px;
margin-top:70px;
}

.footer-top{
max-width:1400px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:25px;
padding-bottom:35px;
border-bottom:1px solid rgba(255,255,255,.08);
}

.footer-top h2{
font-size:42px;
line-height:1.2;
max-width:720px;
font-weight:700;
}

.footer-btn{
display:inline-block;
padding:14px 26px;
border-radius:40px;
background:#fff;
color:#111;
text-decoration:none;
font-weight:700;
transition:.3s ease;
}

.footer-btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(255,255,255,.12);
}

.social-row{
max-width:1400px;
margin:28px auto 0;
display:flex;
gap:14px;
flex-wrap:wrap;
}

.social-row a{
text-decoration:none;
color:#d4d4d4;
padding:10px 16px;
border:1px solid rgba(255,255,255,.10);
border-radius:30px;
transition:.3s ease;
}

.social-row a:hover{
color:#fff;
border-color:rgba(255,255,255,.28);
transform:translateY(-2px);
}

.footer-copy{
max-width:1400px;
margin:30px auto 0;
padding-top:24px;
border-top:1px solid rgba(255,255,255,.06);
color:#8d8d8d;
font-size:14px;
text-align:center;
}

/* MOBILE */
@media(max-width:768px){

.footer{
padding:55px 20px 25px;
}

.footer-top{
flex-direction:column;
align-items:flex-start;
}

.footer-top h2{
font-size:30px;
max-width:100%;
}

.footer-btn{
width:100%;
text-align:center;
}

.social-row{
gap:10px;
}

.social-row a{
font-size:14px;
padding:10px 14px;
}

}
/* =================================== */
/* ELITE PAGE LOADER */
/* PASTE IN style.css */
/* =================================== */

.elite-loader{
position:fixed;
inset:0;
z-index:99999;
display:flex;
justify-content:center;
align-items:center;
background:linear-gradient(135deg,#050505,#111,#1a1a1a);
overflow:hidden;

opacity:0;
visibility:hidden;
transition:.35s ease;
}

.elite-loader.show{
opacity:1;
visibility:visible;
}

/* BACKGROUND GLASS */
.glass-bg{
position:absolute;
inset:0;
overflow:hidden;
}

.glass{
position:absolute;
display:block;
background:rgba(255,255,255,.04);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.06);
border-radius:24px;
animation:floatGlass 8s linear infinite;
}

.g1{
width:280px;
height:180px;
top:10%;
left:8%;
transform:rotate(18deg);
}

.g2{
width:340px;
height:220px;
bottom:12%;
right:10%;
animation-delay:2s;
transform:rotate(-14deg);
}

.g3{
width:180px;
height:140px;
top:45%;
left:55%;
animation-delay:4s;
transform:rotate(12deg);
}

@keyframes floatGlass{
0%{transform:translateY(0) rotate(12deg);}
50%{transform:translateY(-18px) rotate(14deg);}
100%{transform:translateY(0) rotate(12deg);}
}

/* CENTER */
.elite-center{
position:relative;
z-index:2;
text-align:center;
padding:20px;
width:420px;
max-width:90vw;
}

.elite-center h2{
font-size:34px;
letter-spacing:4px;
color:#fff;
margin-bottom:12px;
font-weight:800;
}

.elite-center p{
font-size:14px;
letter-spacing:3px;
color:#cfcfcf;
margin-bottom:26px;
text-transform:uppercase;
}

/* BAR */
.elite-track{
height:5px;
background:rgba(255,255,255,.10);
border-radius:30px;
overflow:hidden;
}

.elite-fill{
height:100%;
width:0%;
background:linear-gradient(90deg,#ffffff,#cfd3d8,#ffffff);
box-shadow:0 0 12px rgba(255,255,255,.35);
transition:width .08s linear;
}

.elite-percent{
margin-top:18px;
font-size:28px;
font-weight:800;
color:#fff;
letter-spacing:2px;
}

/* MOBILE */
@media(max-width:768px){

.elite-center h2{
font-size:24px;
letter-spacing:2px;
}

.elite-center p{
font-size:12px;
letter-spacing:2px;
}

.elite-percent{
font-size:22px;
}

}
/* ======================================= */
/* CLEAN ABOUT PAGE CORPORATE HERO CSS */
/* FULL ABOUT CSS - ORB REMOVED */
/* Replace current ABOUT CSS only */
/* ======================================= */

.about-hero{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
padding:170px 35px 90px;
max-width:1450px;
margin:auto;
align-items:center;
border-radius:28px;

/* BACKGROUND IMAGE */
background:
linear-gradient(
rgba(0,0,0,.48),
rgba(0,0,0,.52)
),
url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80");

background-size:cover;
background-position:center;
background-repeat:no-repeat;

animation:bgZoom 18s ease-in-out infinite alternate;
}

/* GLASS LIGHT OVERLAY */
.about-hero::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(255,255,255,.05),
rgba(255,255,255,.01),
rgba(255,255,255,.04)
);
z-index:0;
}

/* PAGE TAG */
.about-hero::after{
content:"ABOUT / PROFILE";
position:absolute;
right:28px;
bottom:18px;
font-size:12px;
letter-spacing:4px;
color:rgba(255,255,255,.72);
z-index:2;
}

/* CONTENT LAYER */
.about-left,
.about-right{
position:relative;
z-index:2;
}

/* LEFT SIDE */
.about-mini{
font-size:13px;
letter-spacing:7px;
color:rgba(255,255,255,.72);
margin-bottom:18px;
opacity:0;
transform:translateY(18px);
animation:fadeRise .8s ease forwards;
}

.about-left h1{
font-size:74px;
line-height:1.02;
font-weight:900;
color:#fff;
margin:12px 0 18px;

opacity:0;
transform:translateY(25px);
animation:fadeRise .9s ease forwards .2s;
}

.about-desc{
font-size:22px;
line-height:1.8;
color:rgba(255,255,255,.88);
max-width:760px;
margin-bottom:30px;

opacity:0;
transform:translateY(25px);
animation:fadeRise .9s ease forwards .4s;
}

/* STATS */
.about-stats{
display:flex;
gap:16px;
flex-wrap:wrap;

opacity:0;
transform:translateY(25px);
animation:fadeRise .9s ease forwards .6s;
}

.about-stats div{
background:rgba(255,255,255,.12);
backdrop-filter:blur(14px);
border:1px solid rgba(255,255,255,.10);
padding:22px;
border-radius:20px;
min-width:130px;
transition:.3s ease;
}

.about-stats div:hover{
transform:translateY(-6px);
background:rgba(255,255,255,.18);
}

.about-stats h3{
font-size:34px;
color:#fff;
margin-bottom:5px;
}

.about-stats span{
font-size:14px;
color:rgba(255,255,255,.82);
}

/* RIGHT SIDE */
.about-right{
display:flex;
justify-content:center;
align-items:center;
min-height:520px;
position:relative;
}

/* ORB REMOVED COMPLETELY */
.glass-orb{
display:none;
}

/* CORE CARD */
.about-panel{
position:absolute;
right:0;
bottom:30px;
width:360px;
background:rgba(255,255,255,.14);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.10);
padding:30px;
border-radius:24px;
box-shadow:0 18px 40px rgba(0,0,0,.24);

opacity:0;
transform:translateY(35px);
animation:fadeRise .9s ease forwards .8s;
}

.about-panel h3{
font-size:30px;
margin-bottom:14px;
color:#fff;
}

.about-panel ul{
padding-left:20px;
}

.about-panel li{
line-height:1.85;
font-size:17px;
color:rgba(255,255,255,.92);
}

/* CARDS SECTION */
.about-cards{
max-width:1450px;
margin:auto;
padding:30px 35px 80px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}

.a-card{
background:#fff;
padding:28px;
border-radius:24px;
box-shadow:0 12px 28px rgba(0,0,0,.06);
opacity:0;
transform:translateY(40px);
transition:.35s ease;
}

.a-card.show{
opacity:1;
transform:translateY(0);
}

.a-card:hover{
transform:translateY(-8px);
}

.a-card h3{
font-size:28px;
margin-bottom:12px;
}

.a-card p{
line-height:1.8;
color:#555;
}

/* TRUST SECTION */
.about-dark{
background:#111;
color:#fff;
padding:80px 35px;
margin-top:10px;
}

.about-dark h2{
font-size:52px;
text-align:center;
margin-bottom:40px;
opacity:0;
transform:translateY(30px);
transition:.7s ease;
}

.about-dark h2.show{
opacity:1;
transform:translateY(0);
}

.trust-grid{
max-width:1350px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}

.trust-grid div{
background:#1d1d1d;
padding:24px;
border-radius:20px;
opacity:0;
transform:translateY(40px);
transition:.6s ease;
}

.trust-grid div.show{
opacity:1;
transform:translateY(0);
}

/* ANIMATIONS */
@keyframes fadeRise{
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes bgZoom{
0%{background-position:center;}
100%{background-position:center top;}
}

/* TABLET */
@media(max-width:1100px){

.about-hero{
grid-template-columns:1fr;
}

.about-cards{
grid-template-columns:1fr 1fr;
}

.trust-grid{
grid-template-columns:1fr;
}

.about-right{
min-height:360px;
}

.about-panel{
position:relative;
right:auto;
bottom:auto;
width:100%;
margin-top:20px;
}

}

/* MOBILE */
@media(max-width:768px){

.about-hero{
padding:140px 20px 70px;
grid-template-columns:1fr;
}

.about-left h1{
font-size:42px;
}

.about-desc{
font-size:17px;
line-height:1.7;
}

.about-cards{
grid-template-columns:1fr;
padding:20px;
}

.about-dark h2{
font-size:34px;
}

.about-panel{
width:100%;
padding:24px;
}

}
/* ===================================== */
/* PROJECTS PAGE ELITE REBUILD */
/* Replace current Projects CSS */
/* ===================================== */

/* PAGE WRAP */
.section.container{
position:relative;
max-width:1450px;
margin:auto;
padding:170px 35px 90px;
border-radius:28px;
overflow:hidden;
background:
linear-gradient(135deg,#111,#181818,#101010);
}

/* SOFT GRID */
.section.container::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
background-size:52px 52px;
opacity:.7;
animation:gridShift 14s linear infinite;
}

/* LIGHT GLOW */
.section.container::after{
content:"";
position:absolute;
width:520px;
height:520px;
right:-120px;
top:60px;
border-radius:50%;
background:radial-gradient(circle,
rgba(255,255,255,.07),
transparent 70%);
filter:blur(25px);
}

/* HERO */
.section.container h1{
position:relative;
z-index:2;
font-size:68px;
font-weight:900;
color:#fff;
text-align:center;
margin-bottom:14px;
letter-spacing:-1px;
opacity:0;
transform:translateY(30px);
animation:fadeRise .8s ease forwards;
}

.section.container > p{
position:relative;
z-index:2;
max-width:760px;
margin:0 auto 55px;
text-align:center;
font-size:22px;
line-height:1.8;
color:rgba(255,255,255,.80);
opacity:0;
transform:translateY(30px);
animation:fadeRise .9s ease forwards .2s;
}

/* GRID */
.projects-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

/* CARDS */
.project-card{
background:rgba(255,255,255,.96);
backdrop-filter:blur(10px);
padding:26px;
border-radius:22px;
box-shadow:0 14px 34px rgba(0,0,0,.14);
opacity:0;
transform:translateY(40px);
transition:.35s ease;
}

.project-card.show{
opacity:1;
transform:translateY(0);
}

.project-card:hover{
transform:translateY(-8px);
box-shadow:0 22px 42px rgba(0,0,0,.18);
}

.project-card h3{
font-size:34px;
line-height:1.18;
margin-bottom:14px;
color:#111;
}

.project-card p{
font-size:17px;
line-height:1.8;
color:#555;
margin-bottom:18px;
}

/* METRICS */
.project-metrics{
background:#f3f3f3;
padding:16px 18px;
border-radius:18px;
line-height:1.9;
font-size:15px;
color:#333;
margin-bottom:18px;
}

/* TAGS */
.project-tags{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.project-tags span{
padding:10px 14px;
border-radius:999px;
background:#ececec;
font-size:14px;
font-weight:700;
transition:.3s ease;
}

.project-tags span:hover{
background:#111;
color:#fff;
transform:translateY(-3px);
box-shadow:0 0 16px rgba(0,0,0,.16);
}

/* PAGE LABEL */
.page-indicator{
max-width:1450px;
margin:18px auto 0;
padding:0 8px;
text-align:right;
font-size:12px;
letter-spacing:4px;
color:#777;
}

/* ===== FOOTER ELITE ===== */
footer{
margin-top:40px;
background:#0f0f0f;
padding:55px 30px 28px;
border-top:1px solid rgba(255,255,255,.05);
}

.footer-container{
max-width:1350px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
flex-wrap:wrap;
}

.footer-left h3{
font-size:28px;
color:#fff;
margin-bottom:8px;
}

.footer-left p{
font-size:15px;
color:#9d9d9d;
line-height:1.7;
}

.footer-social{
display:flex;
gap:14px;
align-items:center;
}

.footer-social a{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#1b1b1b;
color:#fff;
font-size:18px;
transition:.3s ease;
text-decoration:none;
}

.footer-social a:hover{
transform:translateY(-4px);
background:#fff;
color:#111;
}

.footer-bottom{
max-width:1350px;
margin:28px auto 0;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.06);
display:flex;
justify-content:space-between;
flex-wrap:wrap;
gap:12px;
font-size:14px;
color:#777;
}

/* ANIMATIONS */
@keyframes fadeRise{
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes gridShift{
0%{transform:translateY(0);}
50%{transform:translateY(-18px);}
100%{transform:translateY(0);}
}

/* TABLET */
@media(max-width:1100px){

.projects-grid{
grid-template-columns:1fr 1fr;
}

.section.container h1{
font-size:52px;
}

.section.container > p{
font-size:18px;
}

}

/* MOBILE */
@media(max-width:768px){

.section.container{
padding:140px 20px 70px;
}

.section.container h1{
font-size:38px;
}

.section.container > p{
font-size:16px;
line-height:1.7;
margin-bottom:28px;
}

.projects-grid{
grid-template-columns:1fr;
gap:18px;
}

.project-card{
padding:22px;
}

.project-card h3{
font-size:26px;
}

.footer-container,
.footer-bottom{
flex-direction:column;
align-items:flex-start;
}

}
/* ===================================== */
/* GLOBAL HAMBURGER CSS */
/* ADD in style.css */
/* ===================================== */

/* DESKTOP */
.menu-toggle{
display:none;
width:42px;
height:42px;
cursor:pointer;
position:relative;
z-index:10001;
}

.menu-toggle span{
display:block;
height:3px;
width:28px;
background:#111;
margin:6px auto;
border-radius:10px;
transition:.3s ease;
}

/* MOBILE */
@media(max-width:900px){

.nav-btn{
display:none;
}

.menu-toggle{
display:block;
}

.nav-links{
position:fixed;
top:0;
right:-100%;
width:280px;
height:100vh;
background:#fff;
box-shadow:-10px 0 30px rgba(0,0,0,.12);
display:flex;
flex-direction:column;
padding:120px 30px 30px;
gap:24px;
transition:.35s ease;
z-index:9999;
}

.nav-links.active{
right:0;
}

.nav-links a{
font-size:22px;
font-weight:700;
color:#111;
text-decoration:none;
}

.menu-toggle.active span:nth-child(1){
transform:translateY(9px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2){
opacity:0;
}

.menu-toggle.active span:nth-child(3){
transform:translateY(-9px) rotate(-45deg);
}

}

/* SMALL MOBILE */
@media(max-width:600px){

.logo span{
display:none;
}

.navbar{
padding:14px 18px;
}

}