*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0f1a;--bg-secondary:#0e1525;--bg-card:#111827;--bg-card-hover:#1a2332;--border:#1e293b;--border-light:#2d3a4d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#5ce0d8;--accent-purple:#a78bfa;--accent-blue:#60a5fa;--accent-pink:#f472b6;--accent-green:#4ade80;--gradient-text:linear-gradient(135deg, #a78bfa, #5ce0d8);--gradient-button:linear-gradient(135deg, #3b82f6, #5ce0d8);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-secondary);line-height:1.6;overflow-x:hidden}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-purple)}img{max-width:100%;display:block}.section{max-width:1400px;margin:0 auto;padding:48px}.section-label{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:13px}.section-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.section-desc{color:var(--text-secondary);max-width:600px;font-size:17px;line-height:1.7}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0f1ad9;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 48px;display:flex}.navbar-logo{font-family:var(--font-mono);color:var(--text-muted);font-size:15px}.navbar-logo span{color:var(--accent-cyan)}.navbar-links{gap:36px;list-style:none;display:flex}.navbar-links a{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:13px;transition:color .2s}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary)}.navbar-hamburger{cursor:pointer;background:0 0;border:none;padding:4px;display:none}.navbar-hamburger span{background:var(--text-secondary);width:24px;height:2px;margin:5px 0;transition:all .3s;display:block}.navbar-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{text-align:center;flex-direction:column;align-items:center;padding:72px 48px 16px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#5ce0d80f 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-badge{border:1px solid var(--border-light);font-family:var(--font-mono);color:var(--accent-cyan);background:#5ce0d80d;border-radius:24px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;display:inline-flex}.hero-badge:before{content:"";background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-name{font-family:var(--font-serif);color:var(--text-primary);white-space:nowrap;margin-bottom:4px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1}.hero-name-accent{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-tagline{color:var(--text-secondary);max-width:720px;margin:12px auto 20px;font-size:clamp(14px,1.5vw,17px);line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .25s;display:inline-flex}.btn-primary{background:var(--gradient-button);color:#fff}.btn-primary:hover{opacity:.9;color:#fff;transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-light);color:var(--text-primary);background:0 0}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary);background:#ffffff08}.projects-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:32px;transition:all .3s;display:flex}.project-card:hover{border-color:var(--border-light);background:var(--bg-card-hover);transform:translateY(-2px)}.project-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:20px;display:flex}.project-card h3{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:600}.project-card .project-link{font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:12px;font-size:13px}.project-card p{color:var(--text-secondary);flex:1;font-size:15px;line-height:1.6}.project-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.project-tag{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:4px 12px;font-size:12px}.opensource-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;display:grid}.opensource-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .3s}.opensource-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.opensource-card h3{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.opensource-card .stars{font-family:var(--font-mono);color:#fbbf24;margin-bottom:12px;font-size:13px}.opensource-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.about-section{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-text .section-title{margin-bottom:24px}.about-text p{color:var(--text-secondary);margin-bottom:32px;font-size:17px;line-height:1.8}.stats-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;transition:all .3s}.stat-card:hover{border-color:var(--border-light)}.stat-number{font-family:var(--font-serif);margin-bottom:4px;font-size:40px;font-weight:700}.stat-number.cyan{color:var(--accent-cyan)}.stat-number.purple{color:var(--accent-purple)}.stat-number.green{color:var(--accent-green)}.stat-number.pink{color:var(--accent-pink)}.stat-label{color:var(--text-secondary);font-size:15px}.stat-icon{margin-bottom:8px;font-size:28px}.experience-timeline{flex-direction:column;gap:24px;margin-top:48px;display:flex}.experience-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;grid-template-columns:200px 1fr;gap:32px;padding:32px;transition:all .3s;display:grid}.experience-item:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.experience-period{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.experience-content h3{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:600}.experience-content .company{color:var(--accent-cyan);margin-bottom:12px;font-size:15px}.experience-content ul{padding:0;list-style:none}.experience-content li{color:var(--text-secondary);margin-bottom:6px;padding-left:16px;font-size:15px;line-height:1.7;position:relative}.experience-content li:before{content:"";background:var(--text-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:0}.experience-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.education-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;display:grid}.education-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;transition:all .3s}.education-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.education-card .year{font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:8px;font-size:13px}.education-card h3{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.education-card .institution{color:var(--text-muted);font-size:14px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px}.skill-category h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.skill-items{flex-wrap:wrap;gap:8px;display:flex}.skill-item{border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:6px 14px;font-size:13px;transition:all .2s}.skill-item:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.certs-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;display:grid}.cert-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex}.cert-item:hover{border-color:var(--border-light)}.cert-icon{flex-shrink:0;font-size:24px}.cert-item h4{color:var(--text-primary);font-size:15px;font-weight:500}.cert-item .cert-issuer{color:var(--text-muted);font-size:13px}.resume-section{text-align:center}.resume-section .section-desc{text-align:center;margin:0 auto 32px}.footer{border-top:1px solid var(--border);max-width:1400px;margin:0 auto;padding:32px 48px}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--text-muted);font-size:14px}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.visitor-count{color:var(--text-muted);letter-spacing:.5px;font-size:13px}@media (width<=1024px){.section{padding:40px 32px}.projects-grid{grid-template-columns:repeat(3,1fr)}.about-section{grid-template-columns:1fr;gap:48px}.experience-item{grid-template-columns:1fr;gap:8px}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding:36px 20px}.hero{padding:68px 20px 16px}.hero-name{white-space:normal;font-size:28px}.hero-tagline{max-width:100%}.navbar-inner{padding:0 20px}.navbar-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0f1af7;flex-direction:column;gap:16px;padding:16px 20px;display:none;position:absolute;top:64px;left:0;right:0}.navbar-links.open{display:flex}.navbar-hamburger{display:block}.projects-grid,.opensource-grid,.education-grid,.certs-grid,.skills-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.footer-inner{text-align:center;flex-direction:column;gap:16px}}