*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #09090f;--bg-2: #0f1117;--bg-card: #13151f;--bg-card-hover: #181b27;--border: #1f2333;--border-bright: #2a3050;--cyan: #38bdf8;--cyan-glow: #38bdf840;--cyan-soft: #38bdf815;--violet: #a78bfa;--violet-soft: #a78bfa15;--green: #4ade80;--text: #f1f5f9;--text-dim: #94a3b8;--text-muted: #4a5568;--shadow: 0 8px 40px #00000070;--shadow-sm: 0 2px 12px #00000050;--sidebar-bg: #0c0e17;--photo-ring: conic-gradient(from 180deg, #38bdf8, #a78bfa, #4ade80, #38bdf8);--section-num: #1a1d2e}[data-theme=light]{--bg: #f5f4f0;--bg-2: #eeede8;--bg-card: #ffffff;--bg-card-hover: #f9f8f5;--border: #e4e2db;--border-bright: #d1cec5;--cyan: #0284c7;--cyan-glow: #0284c730;--cyan-soft: #0284c710;--violet: #7c3aed;--violet-soft: #7c3aed10;--green: #16a34a;--text: #1a1917;--text-dim: #44403c;--text-muted: #a8a29e;--shadow: 0 8px 40px #00000018;--shadow-sm: 0 2px 12px #0000000e;--sidebar-bg: #f0ede5;--photo-ring: conic-gradient(from 180deg, #0284c7, #7c3aed, #16a34a, #0284c7);--section-num: #e8e5de}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}a{color:var(--cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--text)}.theme-toggle{position:fixed;top:1.25rem;right:1.5rem;z-index:300;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-bright);background:var(--bg-card);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.theme-toggle:hover{border-color:var(--cyan);color:var(--cyan);transform:rotate(20deg)}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:2rem 1.5rem;z-index:100;overflow-y:auto;transition:background .3s ease}.main-content{margin-left:240px;flex:1;min-width:0}.nav-logo{margin-bottom:2.5rem}.nav-logo .name{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.nav-logo .role{font-size:.7rem;color:var(--cyan);font-family:JetBrains Mono,monospace;margin-top:.2rem;letter-spacing:.05em}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.15rem;flex:1}.nav-links a{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:8px;color:var(--text-muted);font-size:.82rem;font-weight:500;transition:all .15s ease;text-decoration:none;letter-spacing:.01em}.nav-links a:hover,.nav-links a.active{background:var(--cyan-soft);color:var(--cyan)}.nav-links a .nav-dot{width:5px;height:5px;border-radius:50%;background:var(--border-bright);flex-shrink:0;transition:background .15s ease}.nav-links a.active .nav-dot,.nav-links a:hover .nav-dot{background:var(--cyan)}.nav-social{display:flex;gap:.6rem;padding-top:1.5rem;border-top:1px solid var(--border);margin-top:1.5rem}.nav-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);color:var(--text-muted);transition:all .15s ease}.nav-social a:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-soft)}.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;z-index:200;background:var(--sidebar-bg);border-bottom:1px solid var(--border);padding:.9rem 1.25rem;align-items:center;justify-content:space-between}.mobile-menu-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);padding:.4rem;cursor:pointer;display:flex;align-items:center}.mobile-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.mobile-menu-overlay.open{display:block}.mobile-sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:160;transform:translate(-100%);transition:transform .25s ease;padding:2rem 1.5rem;overflow-y:auto}.mobile-sidebar.open{transform:translate(0)}section{padding:6rem 4rem;border-bottom:1px solid var(--border);position:relative}section:last-of-type{border-bottom:none}.section-inner{max-width:860px}.section-eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-num{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--cyan);letter-spacing:.1em;opacity:.8}.section-line{height:1px;width:40px;background:var(--border-bright)}.section-title{font-size:2.25rem;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.15;margin-bottom:2.5rem}.section-title em{font-style:normal;color:var(--cyan)}.hero{min-height:100vh;display:flex;align-items:center;padding:5rem 4rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero-bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--cyan-glow) 0%,transparent 65%);top:-150px;right:-150px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 320px;gap:4rem;align-items:center;width:100%;position:relative;z-index:1}.hero-greeting{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--cyan);letter-spacing:.12em;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.hero-greeting:before{content:"";display:block;width:24px;height:1px;background:var(--cyan)}.hero-name{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:900;line-height:1;color:var(--text);letter-spacing:-.04em;margin-bottom:.6rem}.hero-name-accent{color:var(--cyan);position:relative;display:inline-block}.hero-name-accent:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;background:var(--cyan);border-radius:2px;opacity:.4}.hero-title{font-size:1.1rem;font-weight:400;color:var(--text-dim);margin-bottom:1.25rem;letter-spacing:-.01em}.hero-tagline{font-size:.95rem;color:var(--text-muted);max-width:480px;margin-bottom:2.5rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.photo-wrap{display:flex;align-items:center;justify-content:center;position:relative}.photo-ring-outer{position:relative;width:260px;height:260px;border-radius:50%;padding:3px;background:var(--photo-ring);animation:spin 8s linear infinite;flex-shrink:0}.photo-ring-inner{width:100%;height:100%;border-radius:50%;background:var(--bg);padding:6px;animation:spin 8s linear reverse infinite}.photo-img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;display:block}.photo-placeholder{width:100%;height:100%;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--text-muted)}.photo-badge{position:absolute;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:8px;padding:.35rem .7rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--cyan);white-space:nowrap;box-shadow:var(--shadow-sm)}.photo-badge.top{top:10px;right:-10px}.photo-badge.bottom{bottom:20px;left:-20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease;text-decoration:none;border:none;letter-spacing:.01em}.btn-primary{background:var(--cyan);color:#fff}[data-theme=dark] .btn-primary{color:#09090f}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px var(--cyan-glow);color:#fff}[data-theme=dark] .btn-primary:hover{color:#09090f}.btn-outline{background:transparent;color:var(--text-dim);border:1px solid var(--border-bright)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-soft);transform:translateY(-2px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-text{font-size:1rem;color:var(--text-dim);line-height:1.85}.about-text+.about-text{margin-top:1rem}.about-cards{display:flex;flex-direction:column;gap:.85rem}.about-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:8px;padding:1rem 1.25rem;transition:border-color .2s}.about-card:nth-child(2){border-left-color:var(--violet)}.about-card:nth-child(3){border-left-color:var(--green)}.about-card:nth-child(4){border-left-color:#fb923c}.about-card:hover{background:var(--bg-card-hover)}.about-card-title{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.2rem}.about-card-desc{font-size:.78rem;color:var(--text-muted)}.skill-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.cat-btn{padding:.38rem 1rem;border-radius:6px;font-size:.78rem;font-weight:500;border:1px solid var(--border-bright);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-family:JetBrains Mono,monospace;letter-spacing:.03em}.cat-btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-soft)}.cat-btn.active{background:var(--cyan);border-color:var(--cyan);color:#fff;font-weight:600}[data-theme=dark] .cat-btn.active{color:#09090f}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.4rem .9rem;border-radius:6px;font-size:.78rem;font-weight:500;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);transition:all .15s ease;cursor:default}.skill-tag.highlighted{transform:translateY(-1px)}.skill-tag.dimmed{opacity:.25}.timeline{position:relative;display:flex;flex-direction:column;gap:0}.timeline:before{content:"";position:absolute;left:20px;top:28px;bottom:28px;width:1px;background:var(--border-bright)}.exp-card{position:relative;padding-left:60px;padding-bottom:2.5rem}.exp-card:last-child{padding-bottom:0}.exp-dot{position:absolute;left:12px;top:6px;width:17px;height:17px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan);z-index:1;transition:background .2s}.exp-card:hover .exp-dot{background:var(--cyan)}.exp-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.exp-card:hover .exp-inner{border-color:var(--border-bright);box-shadow:var(--shadow-sm)}.exp-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;gap:1rem}.exp-header-left{min-width:0;flex:1}.exp-role{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.exp-company{font-size:.78rem;color:var(--text-muted);margin-top:.15rem}.exp-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.exp-period{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--cyan);letter-spacing:.03em}.exp-type{font-size:.68rem;padding:.18rem .55rem;border-radius:4px;background:var(--violet-soft);color:var(--violet);border:1px solid var(--violet);opacity:.7}.exp-chevron{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.exp-chevron.open{transform:rotate(180deg)}.exp-body{display:none;padding:0 1.5rem 1.5rem;border-top:1px solid var(--border)}.exp-body.open{display:block}.exp-description{font-size:.875rem;color:var(--text-dim);margin:1rem 0}.exp-highlights{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.25rem}.exp-highlights li{font-size:.82rem;color:var(--text-dim);display:flex;align-items:flex-start;gap:.5rem}.exp-highlights li:before{content:"▸";color:var(--cyan);flex-shrink:0;margin-top:.1rem}.exp-tech{display:flex;flex-wrap:wrap;gap:.4rem}.tech-badge{font-size:.68rem;padding:.18rem .6rem;border-radius:4px;background:var(--cyan-soft);color:var(--cyan);border:1px solid var(--cyan-glow);font-family:JetBrains Mono,monospace}.edu-grid{display:flex;flex-direction:column;gap:1rem}.edu-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.edu-card:hover{border-color:var(--border-bright)}.edu-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer}.edu-icon{width:38px;height:38px;border-radius:8px;background:var(--violet-soft);border:1px solid var(--violet);opacity:.7;display:flex;align-items:center;justify-content:center;color:var(--violet);flex-shrink:0}.edu-info{flex:1;min-width:0}.edu-degree{font-size:.92rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.edu-institution{font-size:.78rem;color:var(--text-muted);margin-top:.15rem}.edu-period{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--violet);flex-shrink:0}.edu-body{display:none;padding:0 1.5rem 1.5rem;border-top:1px solid var(--border)}.edu-body.open{display:block}.edu-description{font-size:.875rem;color:var(--text-dim);margin:1rem 0}.edu-achievements{list-style:none;display:flex;flex-direction:column;gap:.45rem}.edu-achievements li{font-size:.82rem;color:var(--text-dim);display:flex;align-items:flex-start;gap:.5rem}.edu-achievements li:before{content:"▸";color:var(--violet);flex-shrink:0;margin-top:.1rem}.project-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.filter-btn{padding:.35rem .85rem;border-radius:6px;font-size:.75rem;font-weight:500;border:1px solid var(--border-bright);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-family:JetBrains Mono,monospace}.filter-btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-soft)}.filter-btn.active{background:var(--cyan-soft);border-color:var(--cyan);color:var(--cyan);font-weight:600}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:.85rem;transition:all .2s ease;position:relative}.project-card:hover{border-color:var(--border-bright);transform:translateY(-3px);box-shadow:var(--shadow)}.project-card.hidden{display:none}.project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-name-row{display:flex;align-items:center;gap:.5rem}.project-name{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.project-stars{display:flex;align-items:center;gap:.2rem;font-size:.72rem;color:#fb923c}.project-type{font-size:.67rem;padding:.18rem .55rem;border-radius:4px;background:var(--violet-soft);color:var(--violet);border:1px solid var(--violet);opacity:.7;flex-shrink:0;font-family:JetBrains Mono,monospace}.project-desc{font-size:.82rem;color:var(--text-muted);line-height:1.65}.project-highlights{list-style:none;display:flex;flex-direction:column;gap:.3rem}.project-highlights li{font-size:.76rem;color:var(--text-dim);display:flex;align-items:flex-start;gap:.4rem}.project-highlights li:before{content:"▸";color:var(--cyan);flex-shrink:0;font-size:.7rem}.project-tech{display:flex;flex-wrap:wrap;gap:.35rem}.project-bottom{display:flex;align-items:center;margin-top:auto}.github-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);border:1px solid var(--border-bright);padding:.3rem .75rem;border-radius:6px;transition:all .15s ease;text-decoration:none}.github-link:hover{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-soft)}.footer{background:var(--bg-2);border-top:1px solid var(--border);padding:3rem 4rem;text-align:center}.footer-name{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin:1.5rem 0;flex-wrap:wrap}.footer-link{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-muted);transition:color .15s;text-decoration:none}.footer-link:hover{color:var(--cyan)}.footer-copy{font-size:.72rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}@media (max-width: 960px){.sidebar{display:none}.mobile-nav{display:flex}.main-content{margin-left:0;padding-top:58px}section{padding:4rem 1.75rem}.hero{padding:4rem 1.75rem;min-height:calc(100vh - 58px)}.hero-grid{grid-template-columns:1fr;gap:3rem}.photo-wrap{order:-1}.photo-ring-outer{width:200px;height:200px}.about-grid,.projects-grid{grid-template-columns:1fr}.footer{padding:2.5rem 1.75rem}.theme-toggle{top:.9rem;right:4.5rem}}@media (max-width: 480px){.hero-actions{flex-direction:column}.btn{justify-content:center}.footer-links{flex-direction:column;align-items:center;gap:.75rem}}