@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#1c2333;--bg-card:#1a1f2e;--bg-card-hover:#222940;--syntax-keyword:#c678dd;--syntax-function:#61afef;--syntax-string:#98c379;--syntax-number:#d19a66;--syntax-variable:#e06c75;--syntax-comment:#5c6370;--syntax-operator:#56b6c2;--syntax-class:#e5c07b;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--border-color:#30363d;--accent:#58a6ff;--gradient-primary:linear-gradient(135deg, #c678dd 0%, #61afef 50%, #98c379 100%);--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width:1200px;--nav-height:70px;--navbar-bg:#0d1117d9;--navbar-bg-scrolled:#0d1117f2;--navbar-mobile-bg:#0d1117fa;--shadow-card:0 10px 40px #0000004d;--shadow-hero:0 20px 60px #0006}[data-theme=light]{--bg-primary:#f6f8fa;--bg-secondary:#fff;--bg-tertiary:#eaeef2;--bg-card:#fff;--bg-card-hover:#f0f3f6;--syntax-keyword:#8250df;--syntax-function:#0550ae;--syntax-string:#116329;--syntax-number:#953800;--syntax-variable:#cf222e;--syntax-comment:#6e7781;--syntax-operator:#0969da;--syntax-class:#6639ba;--text-primary:#1c2128;--text-secondary:#57606a;--text-muted:#8c959f;--border-color:#d0d7de;--accent:#0969da;--gradient-primary:linear-gradient(135deg, #8250df 0%, #0550ae 50%, #116329 100%);--navbar-bg:#f6f8fad9;--navbar-bg-scrolled:#f6f8faf7;--navbar-mobile-bg:#f6f8fafa;--shadow-card:0 4px 20px #00000014;--shadow-hero:0 8px 30px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--syntax-keyword) var(--bg-primary)}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.7;transition:background .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--syntax-keyword);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--syntax-function)}::selection{background:var(--syntax-keyword);color:#fff}a{color:var(--accent);text-decoration:none;transition:color .3s}a:hover{color:var(--syntax-keyword)}section{padding:100px 24px;position:relative}.container{max-width:var(--max-width);margin:0 auto}.section-tag{font-family:var(--font-mono);color:var(--syntax-comment);margin-bottom:6px;font-size:.8rem}.section-title{font-family:var(--font-mono);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2rem;font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:48px;font-size:1.05rem}.who-title{align-items:baseline;gap:6px;margin-bottom:12px;font-size:2rem;font-weight:700;font-family:var(--font-mono)!important;-webkit-text-fill-color:unset!important;color:var(--text-secondary)!important;background:0 0!important;display:flex!important}.who-title .who-normal{color:var(--text-primary)}.who-title .who-capital{color:var(--syntax-keyword);font-size:1.1em}@media (width<=768px){section{padding:60px 16px}.section-title{font-size:1.5rem}}.navbar{height:var(--nav-height);background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--navbar-bg-scrolled);box-shadow:0 4px 30px #0000004d}.navbar .container{justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.nav-logo .bracket{color:var(--syntax-keyword);font-weight:300}.nav-logo .dot{color:var(--syntax-string)}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--text-secondary);border-radius:6px;padding:8px 16px;font-size:.8rem;transition:all .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--syntax-keyword);background:#c678dd14}.nav-links a:before{content:"//";color:var(--syntax-comment);margin-right:4px;font-size:.7rem}.mobile-toggle{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;padding:8px;font-size:1.2rem;display:none}.theme-toggle{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--syntax-class);color:var(--syntax-class);background:#e5c07b1a}.nav-right{align-items:center;gap:10px;display:flex}@media (width<=768px){.mobile-toggle{display:flex}.nav-links{top:var(--nav-height);background:var(--navbar-mobile-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);opacity:0;pointer-events:none;flex-direction:column;gap:4px;padding:24px;transition:all .3s;position:fixed;left:0;right:0;transform:translateY(-100%)}.nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-links a{width:100%;padding:12px 16px}}.particle-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.hero-section{min-height:100vh;padding-top:var(--nav-height);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{text-align:center;max-width:800px}.hero-terminal{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:left;box-shadow:var(--shadow-hero);border-radius:12px;margin-bottom:40px;overflow:hidden}.terminal-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);margin-left:8px;font-size:.75rem}.terminal-body{font-family:var(--font-mono);padding:24px;font-size:.9rem;line-height:2}.terminal-line{flex-wrap:wrap;gap:4px;display:flex}.terminal-prompt{color:var(--syntax-string)}.hero-greeting{font-family:var(--font-mono);color:var(--syntax-comment);margin-bottom:16px;font-size:1rem}.hero-name{font-family:var(--font-mono);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-title{font-family:var(--font-mono);color:var(--syntax-function);margin-bottom:24px;font-size:1.3rem}.hero-desc{color:var(--text-secondary);max-width:550px;margin:0 auto 40px;font-size:1.1rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary{font-family:var(--font-mono);cursor:pointer;background:var(--gradient-primary);color:#0d1117;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{color:#0d1117;transform:translateY(-2px);box-shadow:0 8px 30px #c678dd4d}.btn-secondary{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--syntax-keyword);color:var(--text-primary);background:#c678dd14;transform:translateY(-2px)}.hero-status{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:48px;display:flex}.status-item{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:8px;font-size:.8rem;display:flex}.status-dot{background:var(--syntax-string);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.cursor-blink{background:var(--syntax-keyword);vertical-align:middle;width:10px;height:1.2em;margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=768px){.hero-name{font-size:2.2rem}.hero-title{font-size:1rem}.terminal-body{padding:16px;font-size:.8rem}.hero-status{gap:20px}}.profile-photo-wrapper{flex-shrink:0;width:160px;height:160px;margin:0 auto 28px;position:relative}.profile-photo-frame{background:var(--gradient-primary);border-radius:50%;width:100%;height:100%;padding:3px;transition:box-shadow .3s;box-shadow:0 0 30px #c678dd40}.profile-photo-frame:hover{box-shadow:0 0 50px #c678dd66}.profile-photo-frame img{object-fit:cover;object-position:top;border:3px solid var(--bg-secondary);background:var(--bg-card);border-radius:50%;width:100%;height:100%;display:block}.profile-photo-badge{background:var(--syntax-string);border:3px solid var(--bg-primary);border-radius:50%;width:22px;height:22px;animation:2s infinite pulse;position:absolute;bottom:8px;right:8px}.about-section{z-index:1;background:linear-gradient(#0000 0%,#161b2280 50%,#0000 100%);position:relative}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-code-block{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.code-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;padding:12px 16px;font-size:.75rem;display:flex}.code-header .file-icon{color:var(--syntax-class)}.code-body{font-family:var(--font-mono);padding:24px;font-size:.82rem;line-height:2;overflow-x:auto}.code-line{gap:0;display:flex}.line-num{color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:30px;padding-right:16px}.about-text h3{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:16px;font-size:1.5rem}.about-text p{color:var(--text-secondary);margin-bottom:16px;line-height:1.8}.about-highlights{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.highlight-item{background:var(--bg-card);border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:.8rem;transition:all .3s;display:flex}.highlight-item:hover{border-color:var(--syntax-keyword);background:var(--bg-card-hover)}.highlight-icon{font-size:1.1rem}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:32px}.about-highlights{grid-template-columns:1fr}}.skills-section{z-index:1;position:relative}.skills-categories{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.skill-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;overflow:hidden}.skill-category:hover{border-color:var(--syntax-keyword);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.skill-cat-header{border-bottom:1px solid var(--border-color);font-family:var(--font-mono);align-items:center;gap:12px;padding:20px 24px;font-size:.9rem;font-weight:600;display:flex}.skill-cat-icon{font-size:1.3rem}.skill-cat-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.skill-item{flex-direction:column;gap:6px;display:flex}.skill-info{justify-content:space-between;align-items:center;display:flex}.skill-name{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8rem}.skill-level{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.skill-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.skill-bar-fill{border-radius:3px;height:100%;transition:width 1.5s cubic-bezier(.25,.46,.45,.94);position:relative}.skill-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-tags{flex-wrap:wrap;gap:8px;padding:20px 24px;display:flex}.skill-tag{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-secondary);cursor:default;border-radius:20px;padding:6px 14px;font-size:.75rem;transition:all .3s}.skill-tag:hover{border-color:var(--syntax-function);color:var(--syntax-function);background:#61afef14}@media (width<=768px){.skills-categories{grid-template-columns:1fr}}.projects-section{z-index:1;background:linear-gradient(#0000 0%,#161b2280 50%,#0000 100%);position:relative}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;display:grid}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;transition:all .4s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--syntax-keyword);transform:translateY(-6px);box-shadow:0 20px 60px #0006,0 0 40px #c678dd14}.project-tab{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;padding:12px 20px;font-size:.75rem;display:flex}.project-tab-active{color:var(--text-primary);background:var(--bg-secondary);border-bottom:2px solid var(--syntax-keyword);border-radius:6px 6px 0 0;margin-bottom:-1px;padding:12px 16px}.project-body{flex-direction:column;flex:1;padding:24px;display:flex}.project-title{font-family:var(--font-mono);color:var(--syntax-function);margin-bottom:4px;font-size:1.1rem;font-weight:600}.project-subtitle{font-family:var(--font-mono);color:var(--syntax-keyword);margin-bottom:16px;font-size:.75rem}.project-date{font-family:var(--font-mono);color:var(--syntax-comment);margin-bottom:12px;font-size:.7rem}.project-desc{color:var(--text-secondary);flex:1;font-size:.9rem;line-height:1.7}.project-desc ul{padding:0;list-style:none}.project-desc ul li{padding:4px 0 4px 20px;position:relative}.project-desc ul li:before{content:">";color:var(--syntax-string);font-family:var(--font-mono);font-size:.8rem;position:absolute;left:0}.project-tech{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;display:flex}.tech-tag{font-family:var(--font-mono);background:var(--bg-card);color:var(--syntax-class);border:1px solid var(--border-color);border-radius:4px;padding:4px 10px;font-size:.7rem}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.education-section{z-index:1;position:relative}.education-timeline{padding-left:40px;position:relative}.education-timeline:before{content:"";background:linear-gradient(180deg, var(--syntax-keyword), var(--syntax-function), var(--syntax-string));border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:15px}.edu-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:40px;padding:24px;transition:all .3s;position:relative}.edu-item:hover{border-color:var(--syntax-function);transform:translate(8px)}.edu-item:before{content:"";background:var(--syntax-keyword);border:3px solid var(--bg-primary);border-radius:50%;width:14px;height:14px;position:absolute;top:28px;left:-33px;box-shadow:0 0 12px #c678dd66}.edu-degree{font-family:var(--font-mono);color:var(--syntax-function);margin-bottom:4px;font-size:1.1rem;font-weight:600}.edu-school{color:var(--text-secondary);margin-bottom:4px;font-size:.95rem}.edu-date{font-family:var(--font-mono);color:var(--syntax-comment);font-size:.8rem}.contact-section{z-index:1;background:linear-gradient(#0000 0%,#161b2280 50%,#0000 100%);position:relative}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-terminal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000004d}.contact-terminal-body{font-family:var(--font-mono);padding:24px;font-size:.85rem;line-height:2.2}.contact-info-cards{flex-direction:column;gap:16px;display:flex}.contact-card{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--syntax-keyword);background:var(--bg-card-hover);color:var(--text-primary);transform:translate(8px)}.contact-card-icon{color:var(--syntax-keyword);flex-shrink:0;font-size:1.5rem}.contact-card-text h4{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:2px;font-size:.85rem}.contact-card-text p{color:var(--text-secondary);font-size:.85rem}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border-color);text-align:center;z-index:1;padding:40px 24px;position:relative}.footer-content{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.footer-links{justify-content:center;gap:24px;margin-top:16px;display:flex}.footer-links a{color:var(--text-secondary);font-size:1.2rem;transition:all .3s}.footer-links a:hover{color:var(--syntax-keyword);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}