/* ===== RESET & ROOT ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#0a0e1a;--bg2:#0d1320;--bg3:#0f1525;
  --card:#111827cc;--card-solid:#111827;--card2:#1a2235;
  --cyan:#00d4ff;--purple:#7c3aed;--white:#e8eaf0;--muted:#8c96ab;
  --border:#1e2d40;--glass:rgba(17,24,39,0.55);
  --font-d:'Space Grotesk',sans-serif;--font-b:'Inter',sans-serif;--font-m:'JetBrains Mono',monospace;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--white);font-family:var(--font-b);overflow-x:hidden;cursor:none;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--purple),var(--cyan));border-radius:3px;}
::selection{background:#00d4ff33;color:var(--cyan);}
a{color:inherit;}
.con{max-width:1240px;margin:0 auto;padding:0 5%;}
.sec{padding:6.5rem 0;position:relative;}
.sec-label{display:inline-block;padding:.3rem 1rem;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:5px;color:var(--cyan);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;}
.sec-title{font-family:var(--font-d);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:3rem;}
.grad-text{background:linear-gradient(135deg,var(--purple),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;}
.accent-t{color:var(--cyan);}

/* ===== LOADER ===== */
#loader{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s;}
#loader.hidden{opacity:0;visibility:hidden;}
.loader-logo{font-family:var(--font-d);font-size:3rem;font-weight:800;text-align:center;}
.loader-logo span{color:var(--cyan);}
.loader-bar{width:220px;height:3px;background:var(--border);margin:1.4rem auto 1rem;border-radius:3px;overflow:hidden;}
.loader-fill{height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--cyan));animation:loadFill 1.7s ease forwards;}
@keyframes loadFill{to{width:100%;}}
.loader-status{text-align:center;font-family:var(--font-m);font-size:.75rem;color:var(--muted);}

/* ===== CURSOR ===== */
.cursor{width:8px;height:8px;background:var(--cyan);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);}
.cursor-ring{width:30px;height:30px;border:1.5px solid var(--cyan);border-radius:50%;position:fixed;pointer-events:none;z-index:9997;transform:translate(-50%,-50%);transition:all .15s ease;opacity:.5;}
@media(max-width:900px){.cursor,.cursor-ring{display:none;}body{cursor:auto;}}

/* ===== NAV ===== */
#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s;}
#navbar.scrolled{background:rgba(10,14,26,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.7rem 0;}
.nav-inner{max-width:1240px;margin:0 auto;padding:0 5%;display:flex;align-items:center;gap:2rem;}
.nav-logo{font-family:var(--font-d);font-size:1.4rem;font-weight:800;text-decoration:none;color:var(--white);margin-right:auto;}
.nav-logo .accent{color:var(--cyan);}
.nav-links{display:flex;gap:1.4rem;list-style:none;flex-wrap:wrap;}
.nl{color:var(--muted);text-decoration:none;font-size:.84rem;font-weight:500;position:relative;transition:color .2s;white-space:nowrap;}
.nl::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--cyan);transition:width .3s;}
.nl:hover,.nl.active{color:var(--white);}
.nl:hover::after,.nl.active::after{width:100%;}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;}
.hamburger span{width:22px;height:2px;background:var(--white);border-radius:2px;}
@media(max-width:1100px){.nav-links{display:none;}.hamburger{display:flex;}}

/* ===== MOBILE OVERLAY ===== */
.mob-overlay{position:fixed;inset:0;background:rgba(10,14,26,.98);backdrop-filter:blur(10px);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-100%);transition:transform .4s cubic-bezier(.77,0,.175,1);}
.mob-overlay.open{transform:translateY(0);}
.mob-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:1px solid var(--border);color:var(--white);width:40px;height:40px;border-radius:8px;font-size:1.1rem;cursor:pointer;}
.mob-links{list-style:none;text-align:center;}
.mob-links li{margin:1rem 0;}
.mob-links a{color:var(--white);text-decoration:none;font-family:var(--font-d);font-size:1.5rem;font-weight:700;transition:color .2s;}
.mob-links a:hover{color:var(--cyan);}
.mob-socials{display:flex;gap:1.5rem;margin-top:2rem;}
.mob-socials a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:600;}

/* ===== HERO ===== */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:7rem 5% 4rem;text-align:center;}
#bgCanvas{position:absolute;inset:0;z-index:0;}
.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(#00d4ff08 1px,transparent 1px),linear-gradient(90deg,#00d4ff08 1px,transparent 1px);background-size:50px 50px;z-index:0;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);}
.hero-content{position:relative;z-index:1;max-width:780px;display:flex;flex-direction:column;align-items:center;}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#00d4ff11;border:1px solid #00d4ff33;border-radius:50px;font-size:.78rem;color:var(--cyan);margin-bottom:1.6rem;font-weight:600;}
.live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #22c55e66;}50%{box-shadow:0 0 0 6px transparent;}}
.hero-profile{margin-bottom:1.5rem;}
.profile-pic-wrap{position:relative;display:inline-block;}
.profile-pic{width:130px;height:130px;border-radius:50%;background:var(--card-solid);border:2px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1;}
.pic-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.pic-placeholder svg{width:100px;height:100px;}
.pic-ring{position:absolute;inset:-8px;border:1.5px solid #00d4ff55;border-radius:50%;animation:spin 12s linear infinite;}
.pic-ring2{position:absolute;inset:-16px;border:1px dashed #7c3aed44;border-radius:50%;animation:spin 20s linear infinite reverse;}
@keyframes spin{to{transform:rotate(360deg);}}
.hero-name{font-family:var(--font-d);font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;line-height:1.05;margin-bottom:1rem;}
.glitch{position:relative;display:inline-block;}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;overflow:hidden;color:var(--white);}
.glitch::before{left:2px;text-shadow:-2px 0 var(--cyan);animation:g1 5s infinite linear alternate-reverse;}
.glitch::after{left:-2px;text-shadow:2px 0 var(--purple);animation:g2 5s infinite linear alternate-reverse;}
@keyframes g1{0%,90%,100%{clip-path:inset(0 0 100% 0);transform:translate(0);}92%{clip-path:inset(30% 0 40% 0);transform:translate(-2px);}94%{clip-path:inset(60% 0 10% 0);transform:translate(2px);}96%{clip-path:inset(10% 0 80% 0);transform:translate(-1px);}98%{clip-path:inset(50% 0 30% 0);transform:translate(1px);}}
@keyframes g2{0%,90%,100%{clip-path:inset(0 0 100% 0);transform:translate(0);}91%{clip-path:inset(70% 0 5% 0);transform:translate(2px);}93%{clip-path:inset(20% 0 60% 0);transform:translate(-2px);}95%{clip-path:inset(80% 0 5% 0);transform:translate(1px);}97%{clip-path:inset(40% 0 20% 0);transform:translate(-1px);}}
.hero-title{font-size:1.15rem;color:var(--muted);margin-bottom:1.3rem;font-family:var(--font-m);}
.mono{color:var(--purple);}
.typed{color:var(--cyan);font-weight:600;}
.blink-cursor{color:var(--cyan);animation:blink 1s infinite;}
@keyframes blink{0%,50%{opacity:1;}51%,100%{opacity:0;}}
.hero-bio{color:var(--muted);line-height:1.8;font-size:1rem;margin-bottom:2rem;max-width:600px;}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;}
.btn-grad{padding:.85rem 1.9rem;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 24px #7c3aed44;border:none;cursor:pointer;}
.btn-grad:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7c3aed66;}
.btn-grad.full{width:100%;justify-content:center;}
.arr{transition:transform .2s;}
.btn-grad:hover .arr{transform:translateX(3px);}
.btn-glass{padding:.85rem 1.9rem;background:var(--glass);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--white);text-decoration:none;border-radius:8px;font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s;}
.btn-glass:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);}
.btn-outline2{padding:.85rem 1.9rem;border:1.5px solid var(--border);color:var(--white);text-decoration:none;border-radius:8px;font-weight:600;font-size:.92rem;transition:all .3s;}
.btn-outline2:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);}
.hero-socials{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem;}
.hsoc{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--muted);font-size:.82rem;font-weight:500;transition:all .2s;}
.hsoc svg{width:16px;height:16px;}
.hsoc:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);}
.hero-stats{display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center;align-items:center;}
.hstat{text-align:center;}
.hstat-n{display:block;font-family:var(--font-d);font-size:1.7rem;font-weight:800;color:var(--cyan);}
.hstat-l{font-size:.72rem;color:var(--muted);font-weight:500;}
.hstat-div{width:1px;height:32px;background:var(--border);}
.scroll-hint{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--muted);font-size:.68rem;letter-spacing:2px;text-transform:uppercase;z-index:1;}
.scroll-line{width:1.5px;height:36px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:scrollA 1.5s ease-in-out infinite;}
@keyframes scrollA{0%,100%{transform:scaleY(1);opacity:1;}50%{transform:scaleY(.5);opacity:.5;}}

/* ===== ABOUT ===== */
.about-sec{background:var(--bg2);}
.about-wrap{display:grid;grid-template-columns:.9fr 1.3fr;gap:4.5rem;align-items:center;}
.about-left{display:flex;flex-direction:column;align-items:center;}
.about-pic-wrap{position:relative;}
.about-pic{width:280px;height:280px;border-radius:24px;background:var(--card-solid);border:1.5px solid var(--border);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.about-img{width:100%;height:100%;object-fit:cover;border-radius:24px;position:relative;z-index:1;}
.ap-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.ap-placeholder svg{width:170px;height:170px;}
.ap-glow{position:absolute;inset:-30px;background:radial-gradient(circle,#00d4ff22 0,transparent 70%);animation:glowP 3s ease-in-out infinite;pointer-events:none;}
@keyframes glowP{0%,100%{opacity:.5;transform:scale(1);}50%{opacity:1;transform:scale(1.1);}}
.about-float-card{position:absolute;display:flex;align-items:center;gap:.7rem;background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:.7rem 1rem;box-shadow:0 8px 32px #00000066;animation:floatC 3s ease-in-out infinite;font-size:.78rem;}
.afc1{bottom:30px;right:-40px;}
.afc2{top:-10px;left:-50px;animation-delay:1s;}
.afc3{bottom:-20px;left:-30px;animation-delay:2s;}
@keyframes floatC{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.afc-t{font-weight:700;font-size:.78rem;}
.afc-s{font-size:.68rem;color:var(--muted);}
.about-right h2{font-family:var(--font-d);font-size:2.1rem;font-weight:800;margin-bottom:1.3rem;}
.about-right p{color:var(--muted);line-height:1.85;margin-bottom:1rem;font-size:.95rem;}
.about-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0;}
.about-tags span{padding:.45rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:50px;font-size:.8rem;font-weight:500;transition:border-color .2s;}
.about-tags span:hover{border-color:var(--cyan);}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.5rem;}
.ig-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;}
.ig-label{display:block;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;}
.ig-val{font-weight:600;font-size:.85rem;}
.ig-link{text-decoration:none;color:var(--white);}
.ig-link:hover{color:var(--cyan);}

/* ===== EDUCATION ===== */
.edu-sec{background:var(--bg);}
.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}
.edu-card{background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:18px;padding:2rem;position:relative;transition:all .3s;}
.edu-card:hover{border-color:var(--cyan);transform:translateY(-6px);box-shadow:0 16px 40px #00d4ff14;}
.active-edu{border-color:#00d4ff55;background:linear-gradient(160deg,#00d4ff0d,var(--card));}
.edu-icon{font-size:2rem;margin-bottom:1rem;}
.edu-badge{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-size:.68rem;font-weight:700;padding:.25rem .7rem;border-radius:50px;}
.edu-card h3{font-family:var(--font-d);font-size:1.2rem;font-weight:700;margin-bottom:.5rem;}
.edu-spec{color:var(--cyan);font-size:.85rem;font-weight:600;margin-bottom:.4rem;}
.edu-school{color:var(--white);font-size:.85rem;font-weight:500;margin-bottom:.2rem;}
.edu-year{color:var(--muted);font-size:.78rem;margin-bottom:1rem;font-family:var(--font-m);}
.edu-desc{color:var(--muted);font-size:.85rem;line-height:1.7;margin-bottom:1.2rem;}
.edu-tags{display:flex;gap:.5rem;flex-wrap:wrap;}
.edu-tags span{font-size:.7rem;padding:.25rem .7rem;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--muted);}

/* ===== SKILLS ===== */
.skills-sec{background:var(--bg2);}
.skill-cats{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2.5rem;}
.scat{padding:.5rem 1.3rem;background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:50px;font-size:.83rem;font-weight:600;cursor:pointer;transition:all .2s;}
.scat.active,.scat:hover{border-color:var(--cyan);color:var(--cyan);background:#00d4ff14;}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;}
.skill-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.4rem 1.5rem;transition:all .3s;}
.skill-card:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 12px 32px #00d4ff14;}
.skill-card.hidden{display:none;}
.sk-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem;}
.sk-emoji{font-size:1.5rem;}
.sk-name{font-weight:700;font-size:.92rem;}
.sk-type{font-size:.68rem;color:var(--muted);}
.sk-pct{margin-left:auto;font-family:var(--font-m);font-size:.78rem;color:var(--cyan);font-weight:600;}
.sk-bar{height:5px;background:var(--bg);border-radius:3px;overflow:hidden;margin-bottom:.8rem;}
.sk-fill{height:100%;width:0;background:var(--clr,var(--cyan));border-radius:3px;transition:width 1.2s cubic-bezier(.77,0,.175,1);}
.sk-tags{display:flex;gap:.4rem;flex-wrap:wrap;}
.sk-tags span{font-size:.66rem;color:var(--muted);background:var(--bg);border:1px solid var(--border);padding:.18rem .5rem;border-radius:4px;}

/* ===== PROJECTS ===== */
.proj-sec{background:var(--bg);}
.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.5rem;margin-bottom:2.5rem;}
.proj-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.8rem;position:relative;overflow:hidden;transition:all .3s;}
.proj-card:hover{border-color:var(--cyan);transform:translateY(-6px);box-shadow:0 16px 44px #00d4ff1a;}
.proj-bg-glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 30%,#00d4ff08 0,transparent 60%);pointer-events:none;}
.proj-featured{grid-column:span 2;background:linear-gradient(160deg,#7c3aed0d,var(--card));border-color:#7c3aed33;}
.proj-featured .proj-bg-glow{background:radial-gradient(circle at 70% 30%,#7c3aed14 0,transparent 60%);}
.proj-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;}
.proj-tag{font-size:.7rem;font-weight:700;padding:.3rem .8rem;border-radius:50px;background:#00d4ff22;color:var(--cyan);letter-spacing:.5px;}
.tag-purple{background:#7c3aed22;color:#a855f7;}
.tag-green{background:#10b98122;color:#10b981;}
.tag-orange{background:#f59e0b22;color:#f59e0b;}
.tag-cyan{background:#06b6d422;color:#06b6d4;}
.proj-actions{display:flex;gap:.5rem;}
.pa-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .8rem;border:1px solid var(--border);border-radius:6px;color:var(--muted);text-decoration:none;font-size:.75rem;font-weight:600;transition:all .2s;}
.pa-btn:hover{border-color:var(--cyan);color:var(--cyan);}
.pa-btn.live{border-color:#7c3aed44;color:#a855f7;}
.pa-btn.live:hover{border-color:#a855f7;}
.proj-icon-big{font-size:2.2rem;margin-bottom:.8rem;}
.proj-title{font-family:var(--font-d);font-size:1.25rem;font-weight:700;margin-bottom:.7rem;}
.proj-desc{color:var(--muted);font-size:.87rem;line-height:1.75;margin-bottom:1.1rem;}
.proj-features{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.1rem;}
.proj-features span{font-size:.74rem;color:#10b981;font-weight:600;}
.proj-stack{display:flex;gap:.5rem;flex-wrap:wrap;}
.proj-stack span{font-size:.74rem;color:var(--muted);background:var(--bg);border:1px solid var(--border);padding:.22rem .65rem;border-radius:5px;}
.proj-cta{text-align:center;}
@media(max-width:800px){.proj-featured{grid-column:span 1;}}

/* ===== CERTIFICATIONS ===== */
.cert-sec{background:var(--bg2);}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}
.cert-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.8rem;position:relative;transition:all .3s;}
.cert-card:hover{border-color:var(--cyan);transform:translateY(-6px);}
.cert-card.upcoming{opacity:.85;}
.cert-ribbon{position:absolute;top:1.4rem;right:-2rem;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-size:.68rem;font-weight:700;padding:.3rem 2.5rem;transform:rotate(35deg);}
.ribbon-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);}
.ribbon-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24);}
.ribbon-green{background:linear-gradient(135deg,#10b981,#34d399);}
.cert-icon{font-size:2.3rem;margin-bottom:1rem;}
.cert-title{font-family:var(--font-d);font-size:1.2rem;font-weight:700;margin-bottom:.4rem;}
.cert-issuer{color:var(--cyan);font-size:.82rem;font-weight:600;margin-bottom:.9rem;}
.cert-desc{color:var(--muted);font-size:.85rem;line-height:1.7;margin-bottom:1.1rem;}
.cert-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.76rem;color:var(--muted);}
.cert-skills{display:flex;gap:.5rem;flex-wrap:wrap;}
.cert-skills span{font-size:.72rem;background:var(--bg);border:1px solid var(--border);padding:.22rem .65rem;border-radius:5px;color:var(--muted);}

/* ===== GOALS ===== */
.goals-sec{background:var(--bg);}
.goals-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:start;}
.vision-card{background:linear-gradient(160deg,#7c3aed14,var(--card));border:1px solid #7c3aed33;border-radius:20px;padding:2.2rem;position:relative;margin-bottom:1.5rem;}
.vision-quote{font-family:var(--font-d);font-size:3.5rem;color:#7c3aed55;line-height:.5;margin-bottom:1rem;}
.vision-card p{color:var(--white);font-size:1rem;line-height:1.85;font-style:italic;margin-bottom:1.2rem;}
.vision-sig{color:var(--cyan);font-weight:700;font-size:.9rem;}
.goal-target-card{display:flex;align-items:center;gap:1.2rem;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;}
.gtc-icon{font-size:2rem;}
.gtc-title{font-weight:700;font-size:.9rem;margin-bottom:.6rem;}
.gtc-companies{display:flex;gap:.5rem;flex-wrap:wrap;}
.gtc-companies span{font-size:.72rem;background:var(--bg);border:1px solid var(--border);padding:.25rem .65rem;border-radius:5px;}
.goals-list{display:flex;flex-direction:column;gap:1.3rem;}
.goal-item{display:flex;gap:1.3rem;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:border-color .2s;}
.goal-item:hover{border-color:var(--cyan);}
.goal-num{font-family:var(--font-d);font-size:1.6rem;font-weight:800;color:#00d4ff33;flex-shrink:0;}
.goal-info h3{font-family:var(--font-d);font-size:1.05rem;font-weight:700;margin-bottom:.5rem;}
.goal-info p{color:var(--muted);font-size:.85rem;line-height:1.7;margin-bottom:.6rem;}
.goal-timeline{font-size:.74rem;color:var(--cyan);font-weight:600;}

/* ===== GITHUB STATS ===== */
.gh-sec{background:var(--bg2);}
.gh-profile-banner{display:flex;align-items:center;gap:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.8rem;margin-bottom:2rem;}
.gh-avatar{width:70px;height:70px;border-radius:50%;background:var(--bg);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;}
.gh-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1;}
.gh-avatar svg{width:55px;height:55px;position:absolute;}
.gh-username{font-family:var(--font-m);font-weight:700;font-size:1.1rem;color:var(--cyan);}
.gh-desc{color:var(--muted);font-size:.85rem;margin:.3rem 0 .8rem;}
.gh-visit-btn{display:inline-block;color:var(--white);text-decoration:none;font-size:.83rem;font-weight:600;border-bottom:1px solid var(--cyan);}
.gh-visit-btn:hover{color:var(--cyan);}
.gh-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;margin-bottom:2.5rem;}
.gh-stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.6rem;text-align:center;transition:all .3s;}
.gh-stat-card:hover{border-color:var(--cyan);transform:translateY(-5px);}
.ghsc-icon{font-size:1.6rem;margin-bottom:.6rem;}
.ghsc-num{font-family:var(--font-d);font-size:2rem;font-weight:800;color:var(--cyan);}
.ghsc-label{font-size:.78rem;color:var(--muted);margin-top:.3rem;}
.gh-imgs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.gh-img{width:100%;border-radius:14px;border:1px solid var(--border);}
@media(max-width:700px){.gh-imgs{grid-template-columns:1fr;}.gh-profile-banner{flex-direction:column;text-align:center;}}

/* ===== RESUME ===== */
.resume-sec{background:var(--bg);}
.resume-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start;}
.cv-card{background:#0d1117;border:1px solid var(--border);border-radius:18px;padding:2rem;position:relative;overflow:hidden;}
.cv-header{display:flex;align-items:center;gap:1.3rem;padding-bottom:1.3rem;border-bottom:1px solid var(--border);margin-bottom:1.3rem;}
.cv-pic-slot{width:70px;height:70px;border-radius:14px;background:var(--card2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;overflow:hidden;}
.cv-pic-img{width:100%;height:100%;object-fit:cover;border-radius:14px;position:relative;z-index:1;}
.cvp-placeholder{font-family:var(--font-d);font-weight:800;color:var(--cyan);font-size:1.4rem;}
.cv-name{font-family:var(--font-d);font-size:1.3rem;font-weight:800;}
.cv-role{color:var(--cyan);font-size:.82rem;font-weight:600;margin:.2rem 0 .5rem;}
.cv-contact-row{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.74rem;color:var(--muted);}
.cv-section-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
.cv-sec-title{font-size:.72rem;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:.6rem;}
.cv-entry{font-size:.82rem;color:var(--muted);line-height:1.6;margin-bottom:.5rem;}
.cv-entry strong{color:var(--white);}
.cv-skill-list{font-size:.78rem;color:var(--muted);line-height:1.8;}
.cv-watermark{position:absolute;bottom:-10px;right:-10px;font-family:var(--font-d);font-size:3.5rem;font-weight:800;color:#ffffff05;letter-spacing:2px;pointer-events:none;}
.resume-info h3{font-family:var(--font-d);font-size:1.5rem;font-weight:700;margin-bottom:1rem;}
.resume-info > p{color:var(--muted);line-height:1.8;font-size:.9rem;margin-bottom:1.3rem;}
.resume-highlights{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem;}
.rh-item{font-size:.85rem;color:var(--white);display:flex;align-items:center;gap:.5rem;}
.rh-icon{color:#10b981;}
.resume-btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem;}
.resume-note{font-size:.78rem;color:var(--muted);font-style:italic;}
@media(max-width:800px){.resume-wrap{grid-template-columns:1fr;}.cv-section-row{grid-template-columns:1fr;}}

/* ===== TIMELINE ===== */
.tl-sec{background:var(--bg2);}
.timeline{position:relative;max-width:800px;margin:0 auto;}
.tl-line{position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:linear-gradient(to bottom,transparent,var(--cyan),var(--purple),transparent);transform:translateX(-50%);}
.tl-item{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2.6rem;position:relative;}
.tl-left{flex-direction:row-reverse;}
.tl-left .tl-card{text-align:right;}
.tl-dot{min-width:14px;height:14px;background:var(--cyan);border-radius:50%;border:2px solid var(--bg2);box-shadow:0 0 12px var(--cyan);margin-top:.3rem;flex-shrink:0;position:relative;z-index:1;}
.dot-active{background:#10b981;box-shadow:0 0 14px #10b981;width:16px;height:16px;}
.dot-future{background:var(--purple);box-shadow:0 0 10px var(--purple);opacity:.7;}
.tl-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;flex:1;transition:border-color .2s;}
.tl-card:hover{border-color:var(--cyan);}
.card-active{border-color:#10b98155;background:linear-gradient(160deg,#10b9810d,var(--card));}
.card-future{opacity:.75;border-style:dashed;}
.tl-yr{font-size:.75rem;color:var(--cyan);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.4rem;font-family:var(--font-m);}
.yr-active{color:#10b981;}
.yr-future{color:var(--purple);}
.tl-card h3{font-family:var(--font-d);font-size:1.05rem;font-weight:700;margin-bottom:.5rem;}
.tl-card p{color:var(--muted);font-size:.85rem;line-height:1.7;margin-bottom:.7rem;}
.tl-chips{display:flex;gap:.5rem;flex-wrap:wrap;}
.tl-left .tl-chips{justify-content:flex-end;}
.tl-chips span{font-size:.68rem;padding:.2rem .65rem;border:1px solid var(--border);border-radius:5px;color:var(--muted);}
@media(max-width:750px){.tl-line{left:14px;}.tl-item,.tl-left{flex-direction:row;}.tl-left .tl-card{text-align:left;}.tl-left .tl-chips{justify-content:flex-start;}}

/* ===== CONTACT ===== */
.contact-sec{background:var(--bg);}
.contact-sub{color:var(--muted);margin-bottom:3rem;font-size:1rem;}
.contact-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:3.5rem;}
.contact-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;}
.cic{display:flex;align-items:center;gap:.8rem;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;text-decoration:none;color:inherit;transition:border-color .2s;}
.cic:hover{border-color:var(--cyan);}
.cic-icon{font-size:1.3rem;}
.cic-l{font-size:.68rem;color:var(--muted);margin-bottom:.15rem;}
.cic-v{font-weight:600;font-size:.82rem;word-break:break-word;}
.social-row{display:flex;gap:.7rem;flex-wrap:wrap;}
.sr-btn{padding:.5rem 1.1rem;border:1px solid var(--border);border-radius:50px;text-decoration:none;color:var(--muted);font-size:.8rem;font-weight:600;transition:all .2s;}
.sr-btn:hover{border-color:var(--cyan);color:var(--cyan);}
.contact-form{display:flex;flex-direction:column;gap:1.1rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
.fg{display:flex;flex-direction:column;gap:.4rem;}
.fg label{font-size:.78rem;font-weight:600;color:var(--muted);}
.fg input,.fg textarea{background:var(--card);border:1px solid var(--border);color:var(--white);border-radius:8px;padding:.8rem 1rem;font-size:.88rem;font-family:var(--font-b);outline:none;transition:border-color .2s;resize:vertical;}
.fg input:focus,.fg textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00d4ff14;}
.fg input::placeholder,.fg textarea::placeholder{color:#5a647a;}
@media(max-width:800px){.contact-wrap{grid-template-columns:1fr;}.contact-info-cards{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}

/* ===== FOOTER ===== */
.footer{background:#070a12;border-top:1px solid var(--border);padding:3.5rem 0 1.5rem;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;}
.foot-logo{font-family:var(--font-d);font-size:1.5rem;font-weight:800;margin-bottom:.8rem;}
.foot-logo .accent{color:var(--cyan);}
.foot-brand p{color:var(--muted);font-size:.85rem;line-height:1.7;margin-bottom:1.2rem;}
.foot-social{display:flex;gap:1rem;flex-wrap:wrap;}
.foot-social a{color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:600;transition:color .2s;}
.foot-social a:hover{color:var(--cyan);}
.foot-col-title{font-weight:700;font-size:.85rem;margin-bottom:1rem;color:var(--white);}
.foot-col{display:flex;flex-direction:column;gap:.7rem;}
.foot-col a{color:var(--muted);text-decoration:none;font-size:.82rem;transition:color .2s;}
.foot-col a:hover{color:var(--cyan);}
.foot-col span{color:var(--muted);font-size:.8rem;}
.foot-bottom{text-align:center;color:var(--muted);font-size:.8rem;padding-top:1.8rem;border-top:1px solid var(--border);}
.foot-quote{margin-top:.4rem;opacity:.6;}
@media(max-width:850px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:550px){.footer-grid{grid-template-columns:1fr;}}

/* ===== BACK TO TOP ===== */
.btt{position:fixed;bottom:1.8rem;right:1.8rem;width:44px;height:44px;background:var(--card-solid);border:1px solid var(--border);color:var(--cyan);border-radius:10px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .3s;opacity:0;pointer-events:none;z-index:500;}
.btt.visible{opacity:1;pointer-events:all;}
.btt:hover{background:var(--cyan);color:var(--bg);transform:translateY(-3px);}

/* ===== REVEAL ===== */
.reveal-up,.reveal-left,.reveal-right{opacity:0;transition:all .7s cubic-bezier(.77,0,.175,1);}
.reveal-up{transform:translateY(40px);}
.reveal-left{transform:translateX(-40px);}
.reveal-right{transform:translateX(40px);}
.revealed{opacity:1;transform:none;}

/* ===== RESPONSIVE GENERAL ===== */
@media(max-width:900px){
  .about-wrap{grid-template-columns:1fr;gap:3rem;}
  .about-pic{width:240px;height:240px;margin:0 auto;}
  .afc2,.afc3{display:none;}
  .goals-layout{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .sec{padding:4.5rem 0;}
  .hero-stats{gap:1rem;}
  .hero-actions{flex-direction:column;width:100%;}
  .hero-actions a{text-align:center;justify-content:center;}
  .skills-grid{grid-template-columns:1fr;}
  .proj-grid{grid-template-columns:1fr;}
  .edu-grid{grid-template-columns:1fr;}
  .cert-grid{grid-template-columns:1fr;}
  .info-grid{grid-template-columns:1fr;}
}

@media print{
  #navbar,.hero,.about-sec,.edu-sec,.skills-sec,.proj-sec,.cert-sec,.goals-sec,.gh-sec,.tl-sec,.contact-sec,.footer,.btt,#loader,.cursor,.cursor-ring{display:none !important;}
  .resume-sec{display:block !important;padding:0;}
  .resume-info{display:none !important;}
  body{cursor:auto;background:#fff;color:#000;}
  .cv-card{border:1px solid #ccc;background:#fff;color:#000;}
}