:root{--bg: #0a0a0a;--bg-card: #141414;--bg-elevated: #1e1e1e;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .22);--accent: #ffffff;--accent-dim: rgba(255, 255, 255, .06);--text: #f0f0f0;--text-muted: #b8b8b8;--text-faint: #555;--green: #4ade80;--red: #ef4444;--red-dark: #dc2626;--max-width: 1200px;--radius: 10px;--radius-sm: 7px;--radius-xs: 4px;--radius-pill: 999px;--shadow: 0 4px 24px rgba(0, 0, 0, .55);--transition: .18s ease;--nav-h: 60px;--mobile-nav-h: 60px}body.light{--bg: #ffffff;--bg-card: #f7f7f7;--bg-elevated: #eeeeee;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .28);--accent: #0a0a0a;--accent-dim: rgba(0, 0, 0, .04);--text: #111111;--text-muted: #333;--text-faint: #999;--shadow: 0 2px 14px rgba(0, 0, 0, .07)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Roboto Condensed,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit;background:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-xs)}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}.reveal.visible{opacity:1;transform:translateY(0)}}.site-header{position:sticky;top:0;z-index:100;height:var(--nav-h);background:#0a0a0ae0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition)}body.light .site-header{background:#ffffffeb}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.header-logo{font-size:1rem;font-weight:800;letter-spacing:-.03em;color:var(--text);white-space:nowrap;flex-shrink:0}.header-nav{display:flex;align-items:center;gap:.1rem;flex:1;justify-content:center}.header-nav a{padding:.32rem .8rem;border-radius:var(--radius-xs);font-size:.78rem;font-weight:600;color:var(--text-muted);transition:color var(--transition),background var(--transition);letter-spacing:.06em;text-transform:uppercase}.header-nav a:hover,.header-nav a.nav-active{color:var(--text);background:var(--bg-elevated)}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.lang-btn{padding:.28rem .6rem;border-radius:var(--radius-xs);font-size:.7rem;font-weight:700;letter-spacing:.06em;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);transition:all var(--transition)}.lang-btn:hover{color:var(--text);border-color:var(--border-hover)}.lang-btn.active-lang{background:var(--accent);color:var(--bg);border-color:transparent}.theme-btn{width:34px;height:34px;border-radius:var(--radius-xs);background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.theme-btn:hover{border-color:var(--border-hover)}.theme-btn svg{fill:var(--text-muted);transition:fill var(--transition)}.theme-btn:hover svg{fill:var(--text)}.section{padding:5rem 1.5rem;border-top:1px solid var(--border)}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header{margin-bottom:2.5rem}.section-title{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--text);display:flex;align-items:center;gap:.65rem;margin-bottom:.35rem}.section-title:before{content:"";display:block;width:3px;height:1.2em;background:var(--accent);border-radius:2px;flex-shrink:0}.section-desc{color:var(--text-muted);font-size:.88rem;padding-left:calc(3px + .65rem)}#s-home{min-height:calc(100vh - var(--nav-h));display:flex;align-items:center;padding:4rem 1.5rem}.hero-inner{max-width:var(--max-width);margin:0 auto;width:100%;display:grid;grid-template-columns:1fr auto;gap:5rem;align-items:center}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.28rem .8rem;margin-bottom:1.25rem}.hero-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-name{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;color:var(--text);margin-bottom:.5rem}.hero-role{font-size:1.05rem;font-weight:500;color:var(--text-muted);margin-bottom:1.5rem;letter-spacing:-.01em}.hero-description{font-size:.95rem;color:var(--text-muted);line-height:1.85;max-width:500px;margin-bottom:2rem}.hero-description strong{color:var(--text);font-weight:600}.hero-socials{display:flex;gap:.5rem;margin-bottom:2rem}.social-btn{width:38px;height:38px;border-radius:var(--radius-xs);background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.social-btn:hover{border-color:var(--border-hover);background:var(--accent-dim)}.social-btn svg{fill:var(--text-muted);transition:fill var(--transition)}.social-btn:hover svg{fill:var(--text)}.hero-cta{display:flex;gap:.65rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;letter-spacing:.02em;background:var(--accent);color:var(--bg);transition:all var(--transition);border:1px solid transparent}.btn-primary:hover{opacity:.85}.btn-primary svg{fill:var(--bg)}.btn-secondary{background:var(--bg-elevated)!important;color:var(--text)!important;border:1px solid var(--border)!important}.btn-secondary svg{fill:var(--text)!important}.btn-secondary:hover{border-color:var(--border-hover)!important;opacity:1!important}.hero-avatar{display:flex;justify-content:center}.avatar-ring{width:220px;height:220px;border-radius:50%;border:2px solid var(--border);overflow:hidden;flex-shrink:0;background:var(--bg-card)}.avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:.85rem}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.35rem;transition:border-color var(--transition)}.skill-card:hover{border-color:var(--border-hover)}.skill-card-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.85rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.35rem}.skill-tag{padding:.26rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.skill-tag:hover{color:var(--text);border-color:var(--border-hover)}.certs-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.35rem}.certs-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.cert-item{display:flex;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.86rem;color:var(--text-muted);line-height:1.5;align-items:flex-start}.cert-item:last-child{border-bottom:none;padding-bottom:0}.cert-arrow{color:var(--text-faint);font-weight:700;flex-shrink:0}.cert-item a{color:var(--text-muted);transition:color var(--transition)}.cert-item a:hover{color:var(--text);text-decoration:underline}.filter-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.75rem}.filter-tab{padding:.38rem .9rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.filter-tab:hover{color:var(--text);border-color:var(--border-hover)}.filter-tab.active{background:var(--accent);color:var(--bg);border-color:transparent}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color var(--transition),transform var(--transition)}.project-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.project-img-wrap{overflow:hidden;height:154px;background:var(--bg-elevated)}.project-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;filter:grayscale(15%)}.project-card:hover .project-card-img{transform:scale(1.04);filter:grayscale(0%)}.project-card-body{padding:.85rem .95rem}.project-card-title{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-stack{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;inset:0;background:#000000c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:grid;grid-template-columns:55% 45%;box-shadow:var(--shadow);animation:modalIn .18s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-left{padding:1.35rem;border-right:1px solid var(--border);overflow-y:auto}.modal-banner{border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elevated);margin-bottom:.75rem;cursor:zoom-in}.modal-banner img{width:100%;height:230px;object-fit:contain;display:block}.modal-thumbs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.75rem}.modal-thumb{width:64px;height:48px;border-radius:var(--radius-xs);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition);background:var(--bg-elevated);flex-shrink:0}.modal-thumb img{width:100%;height:100%;object-fit:cover}.modal-thumb.find{border-color:var(--accent)}.modal-thumb:hover{border-color:var(--border-hover)}.modal-nav-btns{display:none;gap:.45rem;justify-content:center}.modal-nav-btns.visible{display:flex}.modal-nav-btn{padding:.38rem .85rem;border-radius:var(--radius-xs);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;transition:all var(--transition)}.modal-nav-btn svg{fill:var(--text)}.modal-nav-btn:hover{border-color:var(--border-hover)}.modal-right{padding:1.35rem;display:flex;flex-direction:column;overflow-y:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--text)}.modal-close{width:28px;height:28px;border-radius:var(--radius-xs);background:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition)}.modal-close:hover{background:var(--red-dark)}.modal-close svg{fill:#fff}.modal-body{flex:1}.modal-micro-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.3rem}.modal-stack{font-size:.86rem;color:var(--text-muted);margin-bottom:1rem}.modal-description{font-size:.88rem;color:var(--text-muted);line-height:1.8}.modal-details-toggle{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem;padding:.35rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.modal-details-toggle:hover{border-color:var(--border-hover);color:var(--text)}.modal-details-toggle svg{flex-shrink:0;fill:currentColor}.modal-details{margin-top:.75rem;font-size:.86rem;color:var(--text-muted);line-height:1.65;padding:.85rem;background:var(--bg-elevated);border-left:2px solid var(--border-hover);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.modal-footer{margin-top:1.35rem;padding-top:1.1rem;border-top:1px solid var(--border)}.modal-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:all var(--transition);width:100%}.modal-link.enabled{background:var(--accent);color:var(--bg)}.modal-link.enabled:hover{opacity:.85}.modal-link.disabled{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-faint);cursor:not-allowed}.modal-link svg{fill:currentColor;flex-shrink:0}.site-footer{border-top:1px solid var(--border);padding:1.75rem 1.5rem}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-copy{color:var(--text-muted);font-size:.85rem}.footer-socials{display:flex;gap:.45rem}.nav-mobile{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-h);background:var(--bg-card);border-top:1px solid var(--border);display:none;justify-content:space-around;align-items:stretch;z-index:100}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);transition:color var(--transition);position:relative;cursor:pointer}.nav-tab.tab-active{color:var(--text)}.nav-tab.tab-active:after{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.nav-tab svg{fill:currentColor;width:20px;height:20px;transition:transform var(--transition)}.nav-tab.tab-active svg{transform:scale(1.1)}.nav-tab span{font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}@media(max-width:768px){.section-tab{display:none}.section-tab.tab-active{display:block;animation:fadeSlide .2s ease}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--nav-h: 54px}.header-nav{display:none}.hero-inner{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-inner>*:last-child{order:-1}.avatar-ring{width:140px;height:140px;margin:0 auto}.hero-description{margin-left:auto;margin-right:auto}.hero-socials,.hero-cta{justify-content:center}.hero-tag{margin-left:auto;margin-right:auto}#s-home{min-height:calc(100vh - var(--nav-h) - var(--mobile-nav-h));padding:2rem 1rem 1rem;align-items:flex-start}.section{padding:2rem 1rem;padding-bottom:calc(1.5rem + var(--mobile-nav-h))}.skills-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.project-img-wrap{height:108px}.modal-box{grid-template-columns:1fr;max-height:95vh;overflow-y:auto}.modal-left{border-right:none;border-bottom:1px solid var(--border)}.modal-banner img{height:170px}.nav-mobile{display:flex}.site-footer{padding-bottom:calc(1rem + var(--mobile-nav-h))}}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}.hero-name{font-size:2.1rem}}