@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@400;500&family=Syne:wght@400;700;800&display=swap');
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;transition:background .3s,color .3s,border-color .3s;}
:root{
--bg-primary:#0A0A0F;--bg-secondary:#0F0F1A;--bg-card:#12121F;--bg-card-hover:#1A1A2E;
--accent-cyan:#00E5FF;--accent-amber:#FFB300;--accent-purple:#7C3AED;
--text-primary:#F0F0FF;--text-secondary:#8890A8;--text-muted:#4A5066;
--border:rgba(0,229,255,0.12);--border-hover:rgba(0,229,255,0.35);
--glow-cyan:0 0 20px rgba(0,229,255,0.3);--glow-amber:0 0 20px rgba(255,179,0,0.3);
--dot-color:rgba(255,255,255,0.07);
--font-display:'Syne',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace;
--ease:cubic-bezier(0.4,0,0.2,1);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;
}
html{scroll-behavior:smooth;}
body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
.container{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:1;width:100%;}
/* CURSOR */
#cursor{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:none;}
#cursor-ring{width:36px;height:36px;border:1.5px solid rgba(0,229,255,0.5);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .12s ease,width .12s ease,background .12s ease;}
@media(hover:none),(pointer:coarse){#cursor,#cursor-ring{display:none!important;}}
/* LOADER */
#loader{position:fixed;inset:0;background:var(--bg-primary);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .6s ease,opacity .6s ease;}
#loader.hide{transform:translateY(-100%);opacity:0;pointer-events:none;}
#loader .logo{font-family:var(--font-display);font-weight:800;font-size:80px;color:var(--accent-cyan);text-shadow:0 0 40px rgba(0,229,255,0.6);}
.progress-track{width:200px;height:2px;background:rgba(255,255,255,0.1);border-radius:2px;margin-top:24px;overflow:hidden;}
.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:2px;animation:loadBar 1.8s ease-out forwards;}
@keyframes loadBar{to{width:100%}}
.load-status{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-top:12px;}
/* SCROLL BAR */
#scroll-bar{position:fixed;top:0;left:0;height:2px;z-index:9997;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple),var(--accent-amber));width:0%;transition:width .05s linear;}
/* BLOBS */
.blob{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;}
.blob-1{width:500px;height:500px;top:-100px;left:-100px;background:rgba(0,229,255,0.04);animation:float1 9s ease-in-out infinite alternate;}
.blob-2{width:400px;height:400px;top:20%;right:-80px;background:rgba(124,58,237,0.04);animation:float2 12s ease-in-out infinite alternate;}
.blob-3{width:600px;height:600px;bottom:-150px;left:30%;background:rgba(255,179,0,0.025);animation:float3 15s ease-in-out infinite alternate;}
@keyframes float1{to{transform:translateY(-30px) translateX(10px)}}
@keyframes float2{to{transform:translateY(25px) translateX(-15px)}}
@keyframes float3{to{transform:translateX(20px) translateY(-20px)}}
.dot-grid{position:fixed;inset:0;background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);background-size:28px 28px;z-index:0;pointer-events:none;}
/* REVEAL */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.visible{opacity:1;transform:none;}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal-left.visible,.reveal-right.visible{opacity:1;transform:none;}
/* BACK TO TOP */
#back-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);z-index:900;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;}
#back-top.show{opacity:1;pointer-events:all;}
#back-top:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);transform:scale(1.1);}
#back-top:hover svg{stroke:var(--bg-primary);}
#back-top svg{width:20px;height:20px;stroke:var(--accent-cyan);stroke-width:2;fill:none;}
/* NAVBAR */
header{position:sticky;top:0;z-index:1000;width:100%;transition:background .3s,border .3s,backdrop-filter .3s;}
header.scrolled{background:rgba(10,10,15,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.nav-logo{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--accent-cyan);display:flex;align-items:center;gap:4px;}
.nav-logo .dot{width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan);}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
.nav-links a{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);padding:8px 0;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent-cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.nav-links a:hover,.nav-links a.active{color:var(--text-primary);}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
#theme-toggle{width:36px;height:36px;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;}
#theme-toggle:hover{color:var(--accent-cyan);}
#theme-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger svg{width:24px;height:24px;stroke:var(--text-primary);stroke-width:2;fill:none;}
#mobile-menu{position:fixed;top:0;right:0;width:100%;height:100vh;background:var(--bg-primary);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateX(100%);transition:transform .4s var(--ease);gap:32px;}
#mobile-menu.open{transform:translateX(0);}
#mobile-menu a{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--text-primary);opacity:0;transform:translateX(30px);transition:opacity .3s,transform .3s;}
#mobile-menu.open a{opacity:1;transform:none;}
.close-menu{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;}
.close-menu svg{width:28px;height:28px;stroke:var(--text-primary);stroke-width:2;}
/* HERO */
#hero{min-height:100vh;display:flex;align-items:center;padding-top:100px;padding-bottom:60px;position:relative;overflow:hidden;}
.hero-bg-dots{position:absolute;inset:0;pointer-events:none;z-index:0;}
.hero-dot{position:absolute;width:2px;height:2px;background:var(--dot-color);border-radius:50%;opacity:0.3;}
.dot-1{top:25%;left:20%;}
.dot-2{top:70%;left:75%;}
.dot-3{top:85%;left:10%;}
.dot-4{top:15%;left:85%;}
.hero-grid{display:flex;gap:48px;align-items:center;width:100%;}
.hero-left{flex:1;min-width:0;}
.hero-right{flex-shrink:0;}
.greeting{font-family:var(--font-mono);font-size:13px;color:var(--accent-amber);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;}
.hero-name{font-family:var(--font-display);font-weight:800;font-size:clamp(48px,7vw,88px);line-height:1;}
.hero-name .stroke{-webkit-text-stroke:2px var(--accent-cyan);color:transparent;}
.glitch{position:relative;display:inline-block;}
.glitch.active::before{content:attr(data-text);position:absolute;top:0;left:0;color:var(--accent-cyan);animation:glitch .3s steps(1);}
@keyframes glitch{0%{clip-path:inset(80% 0 0 0);transform:translateX(-3px)}20%{clip-path:inset(20% 0 60% 0);transform:translateX(3px)}40%{clip-path:inset(50% 0 20% 0);transform:translateX(-2px)}60%{clip-path:inset(10% 0 70% 0);transform:translateX(2px)}80%{clip-path:inset(70% 0 10% 0);transform:translateX(-1px)}100%{clip-path:inset(0 0 100% 0);transform:translateX(0)}}
.typing-line{font-size:18px;color:var(--text-secondary);margin-top:20px;display:flex;align-items:center;gap:0;flex-wrap:wrap;}
#typed-text{color:var(--accent-cyan);font-family:var(--font-mono);font-size:clamp(16px,3vw,22px);}
.cursor-blink{animation:blink .7s step-end infinite;color:var(--accent-cyan);font-family:var(--font-mono);font-size:clamp(16px,3vw,22px);}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.hero-desc{font-weight:300;font-size:15px;color:var(--text-secondary);line-height:1.8;max-width:480px;margin-top:20px;}
.cta-row{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap;}
.btn-primary{background:var(--accent-cyan);color:var(--bg-primary);font-family:var(--font-body);font-weight:500;font-size:15px;border-radius:50px;padding:14px 32px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:.3s;white-space:nowrap;}
.btn-primary:hover{transform:scale(1.05) translateY(-2px);box-shadow:var(--glow-cyan);}
.btn-outline{background:transparent;border:1.5px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-body);font-weight:500;font-size:15px;border-radius:50px;padding:14px 32px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.3s;white-space:nowrap;}
.btn-outline:hover{background:rgba(0,229,255,0.08);transform:translateY(-2px);}
.btn-outline svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,0.3);animation:rippleAnim .6s linear;pointer-events:none;}
@keyframes rippleAnim{to{transform:scale(4);opacity:0}}
.social-row{display:flex;gap:12px;margin-top:24px;}
.social-icon{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer;}
.social-icon:hover{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan);transform:translateY(-4px);}
.social-icon:hover svg,.social-icon:hover span{color:var(--accent-cyan);stroke:var(--accent-cyan);}
.social-icon svg{width:18px;height:18px;stroke:var(--text-secondary);stroke-width:2;fill:none;}
.social-icon span{font-size:13px;font-weight:700;color:var(--text-secondary);font-family:var(--font-body);}
/* AVATAR */
.avatar-wrap{position:relative;width:280px;height:280px;}
.avatar-ring{position:absolute;inset:-3px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:conic-gradient(from 0deg,var(--accent-cyan),transparent,var(--accent-purple),transparent,var(--accent-cyan));animation:spin 8s linear infinite;filter:drop-shadow(0 0 24px rgba(0,229,255,0.2));}
@keyframes spin{to{transform:rotate(360deg)}}
.avatar-hex{width:280px;height:280px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--bg-card);display:flex;align-items:center;justify-content:center;position:relative;animation:floatAvatar 4s ease-in-out infinite alternate;}
@keyframes floatAvatar{to{transform:translateY(-10px)}}
.avatar-hex .initials{font-family:var(--font-display);font-weight:800;font-size:90px;color:var(--accent-cyan);z-index:1;}
/* STATS */
#stats-strip{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:48px 0;}
.stats-grid{display:flex;justify-content:center;gap:0;flex-wrap:wrap;}
.stat-item{flex:1;text-align:center;padding:12px 24px;border-right:1px solid var(--border);min-width:140px;}
.stat-item:last-child{border-right:none;}
.stat-num{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,5vw,52px);color:var(--accent-cyan);}
.stat-label{font-family:var(--font-body);font-weight:400;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-top:4px;}

/* ACTIVITY TICKER (SENSEX STYLE) */
#activity-strip{background:rgba(10,10,15,0.6);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);overflow:hidden;padding:10px 0;}
.ticker-wrap{width:100%;overflow:hidden;}
.ticker-content{display:flex;white-space:nowrap;width:fit-content;animation:tickerScroll 30s linear infinite;gap:60px;padding-left:60px;}
.ticker-content:hover{animation-play-state:paused;}
.activity-item{display:flex;align-items:center;gap:12px;cursor:default;}
.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.status-dot.green{background:#10B981;box-shadow:0 0 12px #10B981;animation:statusPulse 2s infinite;}
.status-dot.yellow{background:#F59E0B;box-shadow:0 0 10px #F59E0B;}
.status-dot.red{background:#EF4444;box-shadow:0 0 10px #EF4444;}
.activity-name{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);font-weight:500;text-transform:uppercase;letter-spacing:1px;}

@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes statusPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:0.6}100%{transform:scale(1);opacity:1}}
/* SECTION HEADER */
.section-eyebrow{font-family:var(--font-mono);font-size:12px;color:var(--accent-amber);text-transform:uppercase;letter-spacing:4px;}
.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,56px);color:var(--text-primary);margin-top:8px;}
.accent-bar{width:60px;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:2px;margin-top:12px;}
section{padding:80px 0;}
/* FILTER BAR */
.filter-bar{display:flex;gap:10px;margin:40px 0;flex-wrap:wrap;}
.filter-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;padding:8px 20px;border-radius:50px;cursor:pointer;transition:.3s;}
.filter-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary);}
.filter-btn.active{background:var(--accent-cyan);color:var(--bg-primary);border-color:var(--accent-cyan);}
/* PROJECT CARDS */
.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.flip-wrapper{perspective:1200px;height:440px;}
.flip-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(0.4,0,0.2,1);position:relative;}
.flip-wrapper:hover .flip-card,.flip-wrapper.tapped .flip-card{transform:rotateY(180deg);}
.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--radius-lg);overflow:hidden;}
.card-back{transform:rotateY(180deg);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(0,229,255,0.05) 100%);border:1px solid var(--border-hover);padding:24px;display:flex;flex-direction:column;justify-content:space-between;}
.card-visual{height:58%;overflow:hidden;position:relative;}
.card-visual-inner{width:100%;height:100%;transition:transform .5s;}
.flip-wrapper:hover .card-visual-inner{transform:scale(1.06);}
/* Vibe Check Visual */
.vibe-bg{background:linear-gradient(135deg,#1a0530 0%,#0a1520 100%);width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.vibe-bg .neural-grid{position:absolute;inset:0;opacity:0.15;}
.vibe-bg .neural-grid line{stroke:var(--accent-cyan);stroke-width:0.5;}
.vibe-bg .neural-grid circle{fill:var(--accent-cyan);}
.vibe-bg .emoji-float{position:absolute;font-size:28px;opacity:0.7;animation:emFloat 4s ease-in-out infinite alternate;}
@keyframes emFloat{to{transform:translateY(-12px) scale(1.1)}}
.vibe-bg .pulse-ring{position:absolute;width:120px;height:120px;border:1px solid rgba(0,229,255,0.2);border-radius:50%;animation:pulseRing 3s ease-out infinite;}
@keyframes pulseRing{to{transform:scale(2.5);opacity:0}}
.vibe-bg .watermark{position:absolute;top:10px;right:16px;font-family:var(--font-display);font-weight:700;font-size:80px;opacity:0.06;color:#fff;}
/* Stock Visual */
.stock-bg{background:linear-gradient(135deg,#0a1a0a 0%,#0f2010 100%);width:100%;height:100%;position:relative;overflow:hidden;}
.stock-bg .chart-area{position:absolute;inset:0;display:flex;align-items:flex-end;padding:20px;gap:8px;}
.stock-bg .bar{width:12%;background:linear-gradient(to top,rgba(34,197,94,0.6),rgba(34,197,94,0.1));border-radius:3px 3px 0 0;animation:barGrow 2s ease-out forwards;}
@keyframes barGrow{from{height:0}}
.stock-bg .ticker{position:absolute;top:16px;left:16px;font-family:var(--font-mono);font-size:11px;color:rgba(34,197,94,0.8);display:flex;flex-direction:column;gap:4px;}
.stock-bg .ticker span{opacity:0.7;}
.stock-bg .line-chart{position:absolute;inset:0;}
.stock-bg .line-chart path{stroke-dasharray:300;stroke-dashoffset:300;animation:drawLine 3s ease forwards;}
@keyframes drawLine{to{stroke-dashoffset:0}}
.stock-bg .watermark{position:absolute;top:10px;right:16px;font-family:var(--font-display);font-weight:700;font-size:80px;opacity:0.06;color:#fff;}
.card-info{height:42%;background:var(--bg-card);padding:16px 20px;display:flex;flex-direction:column;justify-content:center;}
.card-info h3{font-family:var(--font-display);font-weight:700;font-size:clamp(17px,2.5vw,21px);color:var(--text-primary);}
.tech-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.pill{font-family:var(--font-mono);font-size:11px;padding:4px 10px;border-radius:50px;border:1px solid;white-space:nowrap;}
.flip-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:auto;text-align:right;}
.card-back h3{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text-primary);}
.date-chip{font-family:var(--font-mono);font-size:12px;color:var(--accent-amber);background:rgba(255,179,0,0.1);border:1px solid rgba(255,179,0,0.3);padding:3px 10px;border-radius:50px;display:inline-block;margin-top:6px;}
.card-back .desc{font-weight:300;font-size:14px;color:var(--text-secondary);line-height:1.7;margin-top:12px;}
.metrics-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.metric-chip{background:rgba(0,229,255,0.07);border:1px solid rgba(0,229,255,0.2);color:var(--accent-cyan);font-family:var(--font-mono);font-size:11px;padding:5px 10px;border-radius:50px;white-space:nowrap;}
.card-actions{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap;}
.btn-gh{border:1.5px solid var(--accent-cyan);color:var(--accent-cyan);background:transparent;font-family:var(--font-mono);font-size:13px;padding:10px 20px;border-radius:50px;cursor:pointer;transition:.3s;white-space:nowrap;}
.btn-gh:hover{background:var(--accent-cyan);color:var(--bg-primary);}
.btn-demo{background:var(--accent-cyan);color:var(--bg-primary);font-family:var(--font-mono);font-size:13px;padding:10px 20px;border-radius:50px;border:none;opacity:0.4;cursor:not-allowed;white-space:nowrap;}
/* SKILLS */
.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;}
.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:.3s;}
.skill-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.3);}
.skill-card-header{display:flex;align-items:center;gap:10px;}
.skill-card-header svg{width:22px;height:22px;stroke:var(--accent-cyan);stroke-width:2;fill:none;flex-shrink:0;}
.skill-card-header h3{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-primary);}
.skill-card .divider{height:1px;background:var(--border);margin:14px 0;}
.badges{display:flex;flex-wrap:wrap;gap:8px;}
.badge{padding:6px 14px;border-radius:50px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:7px;transition:.25s;cursor:default;position:relative;}
.badge:hover{transform:translateY(-2px);}
.badge .dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.badge .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(0.8);background:var(--bg-secondary);border:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);padding:5px 10px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;z-index:10;}
.badge:hover .tooltip{opacity:1;transform:translateX(-50%) scale(1);}
/* CERTIFICATIONS */
.certs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;}
.cert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;gap:16px;align-items:flex-start;transition:.3s;}
.cert-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.3);}
.cert-icon{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(255,179,0,0.1);border:1px solid rgba(255,179,0,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cert-icon svg{width:24px;height:24px;stroke:var(--accent-amber);stroke-width:2;fill:none;}
.cert-info h4{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text-primary);}
.cert-info p{font-size:13px;color:var(--text-secondary);margin-top:4px;}
.cert-info .cert-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--accent-amber);background:rgba(255,179,0,0.1);border:1px solid rgba(255,179,0,0.25);padding:2px 8px;border-radius:50px;margin-top:8px;}
/* CODING PROFILES */
.profiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:.3s;display:flex;flex-direction:column;align-items:center;gap:12px;}
.profile-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--glow-cyan);}
.profile-card .p-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:20px;}
.profile-card h4{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text-primary);}
.profile-card p{font-size:13px;color:var(--text-secondary);}
.profile-card .visit-btn{font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:transparent;padding:6px 16px;border-radius:50px;cursor:pointer;transition:.3s;margin-top:auto;}
.profile-card .visit-btn:hover{background:var(--accent-cyan);color:var(--bg-primary);}
/* TIMELINE */
.timeline-wrap{position:relative;margin-top:40px;padding:20px 0;}
.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(var(--accent-cyan),var(--accent-purple));transform:translateX(-50%);}
.tl-item{position:relative;width:50%;margin-bottom:48px;}
.tl-item.left{padding-right:48px;text-align:right;}
.tl-item.right{margin-left:50%;padding-left:48px;}
.tl-dot{position:absolute;top:20px;width:14px;height:14px;border-radius:50%;background:var(--bg-primary);border:3px solid var(--accent-cyan);box-shadow:var(--glow-cyan);z-index:2;}
.tl-item.left .tl-dot{right:-7px;}
.tl-item.right .tl-dot{left:-7px;}
.tl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;max-width:340px;display:inline-block;text-align:left;}
.tl-item.left .tl-card{margin-left:auto;}
.tl-year{font-family:var(--font-mono);font-size:12px;color:var(--accent-amber);background:rgba(255,179,0,0.1);border:1px solid rgba(255,179,0,0.25);padding:3px 10px;border-radius:50px;display:inline-block;}
.tl-card h4{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-primary);margin-top:8px;}
.tl-card p{font-weight:300;font-size:14px;color:var(--text-secondary);margin-top:4px;}
.tl-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--accent-cyan);background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.2);padding:2px 8px;border-radius:50px;margin-top:8px;}
/* CONTACT */
.contact-grid{display:grid;grid-template-columns:3fr 2fr;gap:40px;margin-top:40px;}
.contact-form-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;}
.contact-info-wrap{}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.form-group input,.form-group textarea{width:100%;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;transition:.2s;resize:vertical;}
html.light .form-group input,html.light .form-group textarea{background:rgba(0,0,0,0.03);}
.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(0,229,255,0.1);}
.btn-submit{width:100%;background:var(--accent-cyan);color:var(--bg-primary);font-family:var(--font-body);font-weight:500;font-size:15px;padding:14px;border-radius:var(--radius-sm);border:none;cursor:pointer;margin-top:8px;transition:.3s;}
.btn-submit:hover{opacity:0.9;transform:translateY(-1px);box-shadow:var(--glow-cyan);}
.contact-info-wrap h3{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--text-primary);}
.contact-info-wrap .sub{font-weight:300;font-size:14px;color:var(--text-secondary);margin-top:8px;margin-bottom:28px;line-height:1.6;}
.info-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.info-row svg{width:20px;height:20px;stroke:var(--accent-cyan);stroke-width:2;fill:none;flex-shrink:0;}
.info-row span,.info-row a{font-size:14px;color:var(--text-primary);word-break:break-all;}
.find-me{font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:28px;margin-bottom:14px;}
.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.social-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:10px;transition:.3s;cursor:pointer;}
.social-card:hover{border-color:var(--accent-cyan);transform:translateY(-3px);box-shadow:var(--glow-cyan);}
.social-card svg{width:20px;height:20px;flex-shrink:0;}
.social-card .name{font-weight:500;font-size:13px;color:var(--text-primary);flex:1;}
.social-card .arrow{font-size:12px;color:var(--text-muted);}
/* TOAST */
.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--bg-card);border:1px solid var(--accent-cyan);border-radius:var(--radius-md);padding:14px 24px;font-family:var(--font-mono);font-size:13px;color:var(--accent-cyan);z-index:9000;transition:transform .4s var(--ease);box-shadow:var(--glow-cyan);white-space:nowrap;}
.toast.show{transform:translateX(-50%) translateY(0);}
/* FOOTER */
footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:32px 0;}
.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.footer-left{display:flex;align-items:center;gap:8px;}
.footer-left .tg{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--accent-cyan);}
.footer-left .name{font-size:14px;color:var(--text-muted);}
.footer-center{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);}
.footer-right{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);}
/* FOCUS */
*:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;}
/* RESPONSIVE */
@media(max-width:1024px){
.projects-grid{grid-template-columns:1fr 1fr;}
.profiles-grid{grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:768px){
.nav-links{display:none!important;}
.hamburger{display:block!important;}
.hero-grid{flex-direction:column;text-align:center;}
.hero-left{display:flex;flex-direction:column;align-items:center;}
.hero-desc{text-align:center;}
.cta-row{flex-direction:column;width:100%;}
.btn-primary,.btn-outline{width:100%;justify-content:center;text-align:center;}
.social-row{justify-content:center;}
.hero-right{order:-1;}
.avatar-wrap{width:180px;height:180px;}
.avatar-hex{width:180px;height:180px;}
.avatar-hex .initials{font-size:56px;}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.stat-item{border-right:none;border-bottom:1px solid var(--border);padding:20px 16px;}
.stat-item:nth-child(odd){border-right:1px solid var(--border);}
.stat-item:nth-last-child(-n+2){border-bottom:none;}
.projects-grid{grid-template-columns:1fr;}
.flip-wrapper{height:420px;}
.skills-grid{grid-template-columns:1fr;}
.certs-grid{grid-template-columns:1fr;}
.profiles-grid{grid-template-columns:1fr;}
.timeline-line{left:16px;}
.tl-item{width:100%!important;margin-left:0!important;padding-left:44px!important;padding-right:0!important;text-align:left!important;}
.tl-item .tl-dot{left:9px!important;right:auto!important;}
.tl-item .tl-card{margin-left:0!important;max-width:100%;}
.contact-grid{grid-template-columns:1fr;}
.social-cards{grid-template-columns:1fr 1fr;}
.footer-inner{flex-direction:column;gap:8px;text-align:center;}
.hamburger{display:block;}
section{padding:60px 0;}
}
@media(max-width:480px){
.container{padding:0 16px;}
.stat-num{font-size:32px;}
section{padding:48px 0;}
.flip-wrapper{height:400px;}
.card-back{padding:16px;}
.contact-form-wrap{padding:20px;}
.social-cards{grid-template-columns:1fr;}
.hero-name{font-size:clamp(40px,12vw,88px);}
#hero{padding-top:80px;padding-bottom:40px;}
}

/* NEW STYLES */
.starfield { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: 1; transition: opacity 0.5s; }
html.light .starfield { opacity: 0; }
.card-img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.edu-grid { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 40px; }
.edu-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 32px; display: flex; gap: 24px; align-items: flex-start; transition: .3s; position: relative; overflow: hidden; }
.edu-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent, rgba(0,229,255,0.03), transparent); transform: translateX(-100%); transition: .6s; }
.edu-card:hover::before { transform: translateX(100%); }
.edu-card:hover { border-color: var(--accent-cyan); transform: translateY(-4px); box-shadow: var(--glow-cyan); }
.edu-icon { width: 64px; height: 64px; border-radius: 16px; background: rgba(0,229,255,0.1); border: 1px solid rgba(0,229,255,0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--accent-cyan); }
.edu-icon svg { width: 32px; height: 32px; }
.edu-content { flex: 1; }
.edu-year { font-family: var(--font-mono); font-size: 13px; color: var(--accent-amber); background: rgba(255,179,0,0.1); border: 1px solid rgba(255,179,0,0.2); padding: 4px 12px; border-radius: 50px; display: inline-block; margin-bottom: 12px; }
.edu-degree { font-family: var(--font-display); font-weight: 700; font-size: 22px; color: var(--text-primary); }
.edu-school { font-size: 15px; color: var(--text-secondary); margin-top: 6px; }
.edu-gpa { margin-top: 16px; font-family: var(--font-mono); font-size: 14px; color: var(--text-muted); }
.edu-gpa .highlight { color: var(--accent-cyan); font-weight: 700; font-size: 16px; border: 1px solid rgba(0,229,255,0.2); padding: 2px 8px; border-radius: 4px; margin-left: 8px;}
@media(min-width: 768px) {
    .edu-grid { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }
}

.project-points { margin-top: 12px; padding-left: 18px; color: var(--text-secondary); font-size: 13px; font-weight: 300; line-height: 1.6; }
.project-points li { margin-bottom: 6px; }


/* SUPERCHARGED LIGHT THEME & HOVER EFFECTS */
html.light {
    --bg-primary: #F0F4FA;
    --bg-card: rgba(255, 255, 255, 0.65);
    --border: rgba(0, 50, 255, 0.08);
    --border-hover: rgba(0, 150, 255, 0.4);
}

html.light body {
    background: radial-gradient(circle at top left, rgba(0, 229, 255, 0.15) 0%, transparent 40%),
                radial-gradient(circle at bottom right, rgba(124, 58, 237, 0.15) 0%, transparent 40%),
                var(--bg-primary);
    background-attachment: fixed;
}

html.light .skill-card, html.light .edu-card, html.light .profile-card, html.light .flip-wrapper .card-front, html.light .contact-form-wrap, html.light .cert-card, html.light .stat-item {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.03);
}

/* ENHANCED BOUNCY HOVER EFFECTS */
.skill-card, .edu-card, .profile-card, .cert-card, .social-card, .flip-wrapper {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease !important;
}

.skill-card:hover, .edu-card:hover, .profile-card:hover, .cert-card:hover {
    transform: translateY(-8px) scale(1.02);
}

/* Dark theme extensive shadows on hover */
html:not(.light) .skill-card:hover, html:not(.light) .edu-card:hover, html:not(.light) .profile-card:hover, html:not(.light) .cert-card:hover {
    box-shadow: 0 15px 40px rgba(0, 229, 255, 0.15), 0 0 20px rgba(124, 58, 237, 0.15);
    border-color: rgba(0, 229, 255, 0.5);
    background: rgba(18, 18, 31, 0.95);
}

/* Light theme extensive shadows on hover */
html.light .skill-card:hover, html.light .edu-card:hover, html.light .profile-card:hover, html.light .cert-card:hover {
    box-shadow: 0 15px 40px rgba(0, 100, 255, 0.15), 0 0 20px rgba(124, 58, 237, 0.1);
    border-color: rgba(0, 150, 255, 0.5);
    background: rgba(255, 255, 255, 0.9);
}

.flip-wrapper:hover {
    transform: translateY(-8px);
}