--- --- :root,html{--bg: #0a0f1e;--bg-light: #112240;--bg-card: #0d1b35;--accent: #64ffda;--accent-dim: rgba(100,255,218,0.1);--text: #ccd6f6;--text-dim: #8892b0;--white: #e6f1ff;--border: rgba(100,255,218,0.15);--font: 'Inter', system-ui, sans-serif;--mono: 'Fira Code', monospace;--nav-w: 260px;--ease: cubic-bezier(0.645,0.045,0.355,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:all .25s var(--ease)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--accent);color:var(--bg);padding:.5rem 1rem;border-radius:4px;font-weight:600;z-index:9999}.skip-link:focus{top:0}.wrapper{display:flex;min-height:100vh;max-width:1280px;margin:0 auto;padding:0 6vw}.left-panel{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;width:var(--nav-w);min-width:var(--nav-w);max-height:100vh;padding:5rem 0 3rem;flex-shrink:0}.profile-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--accent);margin-bottom:1.4rem;display:block}.left-name{font-size:1.55rem;font-weight:700;color:var(--white);line-height:1.15;margin-bottom:.35rem}.left-title{font-size:.82rem;font-weight:500;color:var(--accent);margin-bottom:.9rem;font-family:var(--mono)}.left-tagline{font-size:.82rem;color:var(--text-dim);line-height:1.6;margin-bottom:2.2rem;max-width:220px}nav ul{list-style:none}nav ul li{margin-bottom:.25rem}nav ul li a{display:flex;align-items:center;gap:.75rem;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:.45rem 0;transition:all .25s var(--ease)}nav ul li a .nav-line{display:block;width:28px;height:1px;background:var(--text-dim);transition:all .25s var(--ease);flex-shrink:0}nav ul li a:hover,nav ul li a.active{color:var(--white)}nav ul li a:hover .nav-line,nav ul li a.active .nav-line{width:52px;background:var(--accent)}.left-social{display:flex;gap:1.1rem;align-items:center}.left-social a{color:var(--text-dim);transition:all .25s var(--ease)}.left-social a:hover{color:var(--accent);transform:translateY(-2px)}.right-panel{flex:1;padding:5rem 0 8rem 5rem;min-width:0}section{margin-bottom:7rem;scroll-margin-top:5rem}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.section-num{font-family:var(--mono);font-size:.8rem;color:var(--accent)}.section-title{font-size:1rem;font-weight:600;color:var(--white);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.section-line{flex:1;height:1px;background:var(--border);max-width:280px}#about{padding-top:1rem}.hero-intro{font-family:var(--mono);font-size:.82rem;color:var(--accent);margin-bottom:1rem;animation:fadeInUp .5s .1s both}.hero-h1{font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800;color:var(--white);line-height:1.1;margin-bottom:.6rem;animation:fadeInUp .5s .2s both}.hero-h2{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:var(--text-dim);line-height:1.2;margin-bottom:1.6rem;animation:fadeInUp .5s .3s both}.hero-body{font-size:.95rem;color:var(--text-dim);max-width:580px;margin-bottom:1.1rem;line-height:1.7;animation:fadeInUp .5s .4s both}.hero-body a{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:1px}.hero-body a:hover{border-color:rgba(0,0,0,0)}.accent{color:var(--accent)}.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.2rem;animation:fadeInUp .5s .5s both}.chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-light);border:1px solid var(--border);border-radius:4px;font-family:var(--mono);font-size:.72rem;color:var(--text-dim);padding:.3rem .75rem}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeInUp .5s .6s both}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.82rem;font-weight:500;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.85rem 1.8rem;transition:all .25s var(--ease);background:rgba(0,0,0,0)}.btn-primary:hover{background:var(--accent-dim)}.exp-tabs{display:flex}.exp-tab-list{display:flex;flex-direction:column;min-width:140px;border-left:2px solid var(--bg-light);margin-right:2.5rem}.exp-tab-btn{background:none;border:none;border-left:2px solid rgba(0,0,0,0);margin-left:-2px;color:var(--text-dim);font-family:var(--mono);font-size:.75rem;font-weight:500;text-align:left;padding:.75rem 1.2rem;cursor:pointer;transition:all .25s var(--ease);white-space:nowrap}.exp-tab-btn:hover{color:var(--accent);background:var(--accent-dim)}.exp-tab-btn.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-dim)}.exp-panel{display:none}.exp-panel.active{display:block}.exp-role{font-size:1.05rem;font-weight:600;color:var(--white);margin-bottom:.2rem}.exp-role span{color:var(--accent)}.exp-date{font-family:var(--mono);font-size:.75rem;color:var(--text-dim);margin-bottom:1.2rem}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:.7rem}.exp-bullets li{display:flex;gap:.75rem;font-size:.88rem;color:var(--text-dim);line-height:1.6}.exp-bullets li::before{content:"▹";color:var(--accent);font-size:.8rem;flex-shrink:0;margin-top:.1rem}.exp-bullets li strong{color:var(--white);font-weight:600}.exp-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}.tech-pill{background:var(--bg-light);border:1px solid var(--border);border-radius:999px;font-family:var(--mono);font-size:.7rem;color:var(--accent);padding:.2rem .75rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1rem}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.4rem;transition:all .25s var(--ease)}.skill-card:hover{border-color:var(--accent);background:var(--bg-light);transform:translateY(-3px)}.skill-card-label{font-family:var(--mono);font-size:.68rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.9rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tag{background:var(--bg);border:1px solid rgba(100,255,218,.12);border-radius:3px;font-family:var(--mono);font-size:.72rem;color:var(--text-dim);padding:.18rem .55rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.2rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.8rem;display:flex;flex-direction:column;gap:.7rem;transition:all .25s var(--ease);position:relative;overflow:hidden}.project-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(100, 255, 218, 0.04) 0%, transparent 60%);opacity:0;transition:all .25s var(--ease)}.project-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.project-card:hover::before{opacity:1}.project-top{display:flex;align-items:center;justify-content:space-between}.project-folder{color:var(--accent)}.project-num{font-family:var(--mono);font-size:.7rem;color:var(--text-dim)}.project-name{font-size:1rem;font-weight:600;color:var(--white)}.project-desc{font-size:.84rem;color:var(--text-dim);line-height:1.65;flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.2rem}.cert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;display:flex;gap:1.1rem;align-items:flex-start;transition:all .25s var(--ease);color:inherit}.cert-card:hover{border-color:var(--accent);background:var(--bg-light);transform:translateY(-3px)}.cert-logo{width:52px;height:52px;border-radius:8px;object-fit:contain;background:var(--border);padding:1px;flex-shrink:0}.cert-name{font-size:.9rem;font-weight:600;color:var(--white);line-height:1.4;margin-bottom:.2rem}.cert-issuer{font-family:var(--mono);font-size:.72rem;color:var(--accent);margin-bottom:.35rem}.cert-link{font-family:var(--mono);font-size:.68rem;color:var(--text-dim);display:flex;align-items:center;gap:.3rem}.education-note{margin-top:1.5rem;font-family:var(--mono);font-size:.75rem;color:var(--text-dim)}.contact-inner{max-width:560px}.contact-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--white);margin-bottom:1.2rem}.contact-body{font-size:.92rem;color:var(--text-dim);margin-bottom:2.2rem;line-height:1.7}.contact-links{display:flex;flex-wrap:wrap;gap:.8rem}.contact-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.78rem;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:.6rem 1rem;transition:all .25s var(--ease)}.contact-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}footer{text-align:center;padding:2rem 0 3rem;font-family:var(--mono);font-size:.72rem;color:var(--text-dim)}footer a{color:var(--accent)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width: 900px){.wrapper{flex-direction:column;padding:0 5vw}.left-panel{position:relative;width:100%;min-width:unset;max-height:unset;padding:3rem 0 0}nav{display:none}.right-panel{padding:3rem 0 5rem}.exp-tabs{flex-direction:column}.exp-tab-list{flex-direction:row;overflow-x:auto;border-left:none;border-bottom:2px solid var(--bg-light);margin-right:0;margin-bottom:2rem}.exp-tab-btn{border-left:none;border-bottom:2px solid rgba(0,0,0,0);margin-left:0;margin-bottom:-2px}.exp-tab-btn.active{border-bottom-color:var(--accent);border-left:none}}/*# sourceMappingURL=main.css.map */