@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161e;--bg-card-hover:#1c1c28;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f14d;--accent-soft:#6366f11a;--gradient-1:linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-2:linear-gradient(135deg, #6366f1, #06b6d4);--border:#27272a;--border-hover:#3f3f46;--success:#22c55e;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 40px #0009;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-mono:"Fira Code", "Cascadia Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;overflow-x:hidden}.app{min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 24px}a{color:var(--accent);transition:var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}.section{padding:100px 0}.section-title{align-items:center;gap:12px;margin-bottom:50px;font-size:2rem;font-weight:700;display:flex}.section-title:after{content:"";background:var(--border);flex:1;max-width:300px;height:1px}.title-number{color:var(--accent);font-family:var(--font-mono);font-size:1.1rem;font-weight:400}.navbar{z-index:1000;transition:var(--transition);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow);background:#0a0a0fd9;padding:12px 0}.navbar-container{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{font-size:1.4rem;font-weight:700;font-family:var(--font-mono);gap:2px;text-decoration:none;display:flex}.logo-bracket{color:var(--accent)}.logo-text{color:var(--text-primary)}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.3px;padding:4px 0;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--gradient-1);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition);border-radius:2px}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse at center, var(--accent-soft) 0%, transparent 50%);width:200%;height:200%;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;top:-50%;left:-50%}@keyframes heroGlow{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:.8;transform:translate(30px,-20px)scale(1.1)}}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--accent);opacity:0;border-radius:50%;width:2px;height:2px;animation:5s ease-in-out infinite particleFloat;position:absolute}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)scale(0)}50%{opacity:.6;transform:translateY(-60px)scale(1)}}.hero-content{z-index:1;position:relative}.hero-greeting{color:var(--accent);font-size:1.1rem;font-family:var(--font-mono);letter-spacing:2px;margin-bottom:16px;font-weight:400}.hero-name{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.1}.hero-role-wrapper{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.hero-role{color:var(--text-secondary);white-space:nowrap;font-size:1.3rem;font-weight:500}.hero-role-line{background:var(--border-hover);width:60px;height:1px;display:block}.hero-tagline{color:var(--text-muted);max-width:520px;margin:0 auto 40px;font-size:1.05rem;line-height:1.6}.hero-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-link-btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-primary);background:var(--bg-card);transition:var(--transition);align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.hero-link-btn:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-2px)}.hero-scroll-indicator{color:var(--text-muted);letter-spacing:1px;flex-direction:column;align-items:center;gap:8px;margin-top:60px;font-size:.8rem;display:flex}.scroll-arrow{animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.animate-fade-up{opacity:0;animation:.8s forwards fadeUp;transform:translateY(30px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.delay-5{animation-delay:1s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.about-section{background:var(--bg-secondary)}.about-content{grid-template-columns:1.5fr 1fr;align-items:start;gap:50px;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:30px;font-size:1rem;line-height:1.8}.about-details{flex-direction:column;gap:12px;display:flex}.about-detail-item{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:100px;font-size:.8rem;font-weight:600}.detail-value{color:var(--text-primary);font-size:.95rem}.about-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.about-stats .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);padding:24px}.about-stats .stat-card:hover{border-color:var(--accent);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-4px)}.stat-number{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2rem;font-weight:800;display:block}.about-stats .stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:28px}.skill-card:hover{border-color:var(--accent);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-4px)}.skill-card-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.skill-icon{font-size:1.5rem}.skill-category{color:var(--text-primary);font-size:1rem;font-weight:600}.skill-items{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{background:var(--accent-soft);color:var(--accent-hover);transition:var(--transition);border:1px solid #6366f126;border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:500}.skill-tag:hover{border-color:var(--accent);background:#6366f133}.experience-section{background:var(--bg-secondary)}.timeline{flex-direction:column;gap:0;display:flex;position:relative}.timeline-item{gap:30px;display:flex;position:relative}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.timeline-dot{background:var(--gradient-1);border:3px solid var(--bg-secondary);width:14px;height:14px;box-shadow:0 0 0 2px var(--accent);z-index:1;border-radius:50%;flex-shrink:0;margin-top:6px}.timeline-line{background:var(--border);flex:1;width:2px;margin-top:4px}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex:1;margin-bottom:24px;padding:28px}.timeline-content:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow)}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.timeline-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.timeline-company{color:var(--accent);margin-top:2px;font-size:.95rem;font-weight:500}.timeline-location{color:var(--text-muted);font-weight:400}.timeline-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.timeline-period{color:var(--text-muted);font-size:.85rem;font-family:var(--font-mono)}.timeline-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 12px;font-size:.72rem;font-weight:600}.timeline-badge.full-time{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.timeline-badge.internship{color:var(--accent-hover);background:#6366f126;border:1px solid #6366f14d}.timeline-points{flex-direction:column;gap:10px;list-style:none;display:flex}.timeline-points li{color:var(--text-secondary);padding-left:20px;font-size:.92rem;line-height:1.6;position:relative}.timeline-points li:before{content:"▹";color:var(--accent);font-weight:700;position:absolute;left:0}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex-direction:column;padding:28px;display:flex;position:relative}.project-card:hover{border-color:var(--accent);box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-6px)}.project-featured{background:linear-gradient(135deg, var(--bg-card) 0%, #6366f10d 100%);border-color:#6366f14d}.project-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.project-emoji{font-size:2rem}.project-links{gap:12px;display:flex}.project-link-icon{color:var(--text-muted);transition:var(--transition);display:flex}.project-link-icon:hover{color:var(--text-primary);transform:translateY(-2px)}.project-link-icon.live:hover{color:var(--accent)}.project-title{color:var(--text-primary);margin-bottom:10px;font-size:1.15rem;font-weight:700}.project-desc{color:var(--text-secondary);flex:1;margin-bottom:18px;font-size:.9rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);background:#ffffff0a;border-radius:4px;padding:3px 10px}.project-live-badge{color:var(--success);letter-spacing:.5px;font-size:.7rem;font-weight:600;text-decoration:none;position:absolute;top:16px;right:16px}.education-section{background:var(--bg-secondary)}.education-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.edu-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:32px}.edu-card:hover{border-color:var(--accent);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-4px)}.edu-card-icon{margin-bottom:16px;font-size:2rem}.edu-card-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:12px;font-size:1.1rem;font-weight:700}.edu-degree h4{color:var(--accent);margin-bottom:4px;font-size:1rem;font-weight:600}.edu-college{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem}.edu-meta{flex-direction:column;gap:6px;display:flex}.edu-period,.edu-cgpa{color:var(--text-muted);font-size:.88rem}.cert-list{flex-direction:column;gap:12px;list-style:none;display:flex}.cert-item{color:var(--text-secondary);gap:10px;font-size:.92rem;line-height:1.5;display:flex}.cert-bullet{color:var(--accent);flex-shrink:0;font-weight:700}.contact-section{text-align:center;padding:120px 0}.contact-content{max-width:550px;margin:0 auto}.contact-section .section-title{justify-content:center}.contact-section .section-title:after{display:none}.contact-text{color:var(--text-secondary);margin-bottom:40px;font-size:1.05rem;line-height:1.8}.contact-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact-btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-primary);background:var(--bg-card);transition:var(--transition);align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.contact-btn:hover{border-color:var(--accent);color:var(--accent-hover);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-2px)}.contact-btn.primary{background:var(--gradient-1);color:#fff;border:none}.contact-btn.primary:hover{box-shadow:0 8px 30px var(--accent-glow);color:#fff;transform:translateY(-2px)}.footer{border-top:1px solid var(--border);text-align:center;padding:30px 0}.footer-text{color:var(--text-secondary);margin-bottom:4px;font-size:.9rem}.footer-text strong{color:var(--text-primary)}.footer-sub{color:var(--text-muted);font-size:.8rem}@media (width<=900px){.about-content{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(4,1fr)}.skills-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.education-grid{grid-template-columns:1fr}}@media (width<=640px){.section{padding:70px 0}.section-title{margin-bottom:35px;font-size:1.5rem}.hamburger{display:flex}.nav-links{background:var(--bg-secondary);border-left:1px solid var(--border);width:70%;height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;padding:80px 40px 40px;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.nav-open{right:0}.nav-links a{font-size:1.1rem}.hero-links{flex-direction:column;align-items:center}.hero-link-btn{justify-content:center;width:200px}.hero-role-line{width:30px}.about-stats{grid-template-columns:1fr 1fr}.skills-grid{grid-template-columns:1fr}.timeline-marker{display:none}.timeline-header{flex-direction:column}.timeline-meta{flex-direction:row;align-items:flex-start;gap:10px}.projects-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:center}.contact-btn{justify-content:center;width:200px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#fff}