:root{--bg: #0f0e0e;--panel: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .16);--text: #ffffff;--muted: rgba(255, 255, 255, .75);--accent: #00ffff;--nav-h: 84px;--max: 1100px;--px: 24px;--pt: 90px;--pb: 80px;--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:var(--nav-h)}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}a{color:inherit}.container{max-width:var(--max);margin:0 auto;padding:0 var(--px)}.section{padding:var(--pt) 0 var(--pb)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:12px;border:1px solid var(--border);text-decoration:none;cursor:pointer;background:var(--accent);color:#000;border-color:var(--accent);transition:transform .2s ease,background .25s ease,border-color .25s ease,color .25s ease}.btn:hover{transform:translateY(-3px)}.actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;font-size:1.1rem}main{width:100%;min-height:100vh}#smooth-content{overflow:hidden;display:flex;flex-direction:column;min-height:100vh}#smooth-wrapper{min-height:100vh}.site-header{position:relative;z-index:10;border-bottom:1px solid var(--border);background:var(--bg)}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{height:36px;width:auto;display:block}.nav{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-menu.active{background:#ffffff1a;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);height:100%}.nav-toggle{position:relative;z-index:30;display:none}.nav-menu{list-style:none;display:flex;align-items:center;gap:14px;margin:0;padding:0}.nav-link{text-decoration:none;color:var(--muted);padding:10px 12px;border-radius:12px;border:1px solid transparent;transition:border-color .25s ease,color .25s ease,background .25s ease}.nav-link:hover{color:var(--text);border-color:var(--border);background:#ffffff08}.nav-social{display:flex;align-items:center;gap:10px}.nav-icon{width:40px;height:40px;transition:border-color .25s ease,color .25s ease,background .25s ease;display:inline-flex;align-items:center;justify-content:center}.nav-icon:hover{transform:translateY(-2px)}@media(max-width:768px){.nav{justify-content:space-between;margin:0 2rem}.nav-toggle{display:block;font-size:2rem;background:none;border:none;cursor:pointer;color:var(--muted)}.nav-menu{position:fixed;top:0;height:50vh;width:160px;font-size:1.1rem;background:transparente;flex-direction:column;padding:6rem 1.5rem;right:-100%;gap:1.2rem;transition:right .9s ease;z-index:20}.nav-menu.active{right:0}.nav-social{display:none}}@media(max-width:576px){.nav{justify-content:space-between;margin:0}}@media(max-width:480px){.nav{justify-content:space-between;margin:0}}@media(max-width:360px){.nav{justify-content:space-between;margin:0}.nav-menu{list-style:none;display:flex;align-items:center;gap:14px;padding-right:0}.nav-menu li{width:auto;text-align:right}}.icon{width:45px;height:45px;transition:color .5s ease;color:var(--accent)}.hero-section{padding:var(--pt) 0 var(--pb);text-align:center}.hero-media{display:flex;justify-content:center;margin-bottom:18px}.hero-photo{width:100%;max-width:250px;border-radius:100%;border:1px solid var(--border);object-fit:contain;aspect-ratio:1 / 1;background:#ffffff05}.hero-eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.75rem,1.5vw,.9rem);margin-bottom:12px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.05;margin-bottom:14px}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--muted);margin-bottom:18px}.hero-eyebrow,.hero-title,.hero-subtitle{opacity:0;transform:translateY(-20px);animation:fadeInUp .8s forwards}.hero-eyebrow{animation-delay:.2s}.hero-title{animation-delay:.5s}.hero-subtitle{animation-delay:.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;font-size:1.1rem;justify-content:center}.skills-section{padding:5rem 0}.skills-title{text-align:center;font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:1rem}.skills-subtitle{text-align:center;font-size:clamp(1.2rem,1.3vw,1.5rem);margin:0 auto 3rem;opacity:.8}.skills-block{margin-bottom:4rem}.block-title{margin-bottom:1.5rem;font-size:1.4rem;text-align:center;margin-bottom:2.5rem}.skills-slider{overflow:hidden;width:100%;position:relative}.skills-track{display:flex;gap:2.5rem;width:max-content;animation:scrollSkills 50s linear infinite}.skills-slider.reverse .skills-track{animation-direction:reverse}.skill-card{display:flex;flex-direction:column;align-items:center;gap:.6rem}.skill-card img,.skill-card svg{width:100px;height:60px}.skill-card span{font-size:.9rem;opacity:.85}@keyframes scrollSkills{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-slider:hover .skills-track{animation-play-state:paused}.projects-section{padding:var(--pt) 0 var(--pb);text-align:center}.projects-title{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:8px}.projects-subtitle{color:var(--muted);margin-bottom:18px;font-size:clamp(1.2rem,1.3vw,1.5rem)}.projects-grid{max-width:800px;margin:14px auto 0}.project-card-img{width:100%;height:380px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px}.project-card-img picture{position:absolute;inset:0;width:100%;height:100%}.project-card-img picture img{width:100%;height:100%;object-fit:cover;display:block}.project-links{position:relative;z-index:2;display:flex;gap:10px}.project-name{font-size:20px;font-weight:600;margin:16px auto 8px;max-width:800px;text-align:left}.project-desc{color:var(--muted);font-size:14px;line-height:1.6;margin:0 auto 16px;max-width:800px;text-align:left}.project-tags{display:flex;flex-wrap:wrap;gap:16px;margin:0 auto 16px;max-width:800px;justify-content:center}.tag{display:inline-flex;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text);background:#ffffff05}.projects-footer{margin-top:16px}@media(max-width:992px){.skills-section{padding:4rem 2rem}.skills-slider{padding:0 1rem}.skills-track{gap:2rem}.skill-card{min-width:110px}.skills-subtitle{max-width:620px}}@media(max-width:576px){.hero-section{padding-top:3rem;padding-bottom:3rem}.hero-photo{max-width:180px}.hero-eyebrow{font-size:.75rem;margin-bottom:8px}.hero-title{font-size:2.2rem;line-height:1.1;margin-bottom:10px}.hero-subtitle{font-size:1rem;margin-bottom:14px}.actions{gap:10px}.skill-card img,.skill-card svg{width:38px;max-height:38px;height:auto}.skill-card span{font-size:.8rem}.skills-track{gap:.5rem}.projects-section{padding-left:0;padding-right:0}.projects-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:400px;margin-left:auto;margin-right:auto}.project-card{width:100%}.project-thumb{height:180px}.project-name{font-size:1rem}.project-desc{font-size:.95rem}}@media(max-width:360px){section{padding-top:2.5rem;padding-bottom:2.5rem}.hero-photo{max-width:150px}.hero-eyebrow{font-size:.7rem;margin-bottom:6px}.hero-title{font-size:1.9rem;line-height:1.15;margin-bottom:8px}.hero-subtitle{font-size:.95rem;margin-bottom:12px}.actions{gap:8px}.skills-section{padding-left:16px;padding-right:16px}.skills-title{font-size:1.6rem}.skills-subtitle{font-size:1rem;margin-bottom:2rem}.skills-track{gap:1.8rem}.skill-card span{font-size:.8rem}.projects-section{padding-left:16px;padding-right:16px}.projects-title{font-size:1.6rem}.projects-subtitle{font-size:1rem;margin-bottom:14px}.projects-grid{grid-template-columns:1fr;gap:18px;max-width:100%}.project-card{padding:12px}.project-card-img{height:380px}.project-name{font-size:.95rem;text-align:center}.project-desc{font-size:.9rem;text-align:center}.about-section{padding-left:16px;padding-right:16px}.about-title{font-size:1.6rem}.about-text{font-size:1rem;line-height:1.6;text-align:left}.softskill-chip{font-size:.85rem;padding:6px 14px}.contact-links{gap:8px}.contact-title{font-size:1.6rem}.contact-subtitle{font-size:1rem}.contact-links{gap:8px;margin-top:30px}.contact-links .btn,.contact-links a{font-size:.85rem;padding:8px 14px}.contact-note{font-size:.8rem}}.all-projects-section{padding:var(--pt) 0 var(--pb);text-align:center}.all-projects-title{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:8px}.all-projects-subtitle{color:var(--muted);margin-bottom:18px;font-size:clamp(1.2rem,1.3vw,1.5rem)}.all-projects-grid{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:14px auto 0}.all-project-card-img{width:100%;height:380px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px}.all-project-card-img picture{position:absolute;inset:0;width:100%;height:100%}.all-project-card-img picture img{width:100%;height:100%;object-fit:cover;display:block}.all-project-links{position:relative;z-index:2;display:flex;gap:10px}.all-project-name{font-size:20px;font-weight:600;margin:16px auto 8px;max-width:800px;text-align:left}.all-project-desc{color:var(--muted);font-size:14px;line-height:1.6;margin:0 auto 16px;max-width:800px;text-align:left}.all-project-tags{display:flex;flex-wrap:wrap;gap:16px;margin:0 auto 16px;max-width:800px;justify-content:center}@media(max-width:768px){.all-projects-title{font-size:clamp(1.6rem,4vw,2.2rem)}.all-projects-subtitle{font-size:clamp(1.1rem,2.5vw,1.3rem);margin-bottom:30px}.all-project-card-img{height:280px}}@media(max-width:576px){.all-projects-title{font-size:clamp(1.5rem,5vw,2rem)}.all-projects-subtitle{margin-bottom:25px;font-size:clamp(.8rem,3vw,1rem)}.all-project-card-img{height:220px}.all-project-tags{gap:8px}}@media(max-width:480px){.all-projects-title{font-size:clamp(1.3rem,6vw,1.8rem)}.all-projects-subtitle{font-size:clamp(.9rem,4vw,1rem);margin-bottom:20px}.all-project-card-img{height:380px}.all-project-links{gap:8px}}.about-section{padding:var(--pt) 0 var(--pb);text-align:center}.about-content{display:flex;flex-direction:column;gap:22px;align-items:center}.about-title{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:18px}.about-text{color:var(--muted);margin-bottom:25px;font-size:clamp(1.2rem,1.3vw,1.5rem);line-height:1.7;max-width:820px;text-align:left}.about-softskills{list-style:none;padding:0;margin:18px auto 16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px}.softskill-chip{padding:8px 18px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--text);font-size:.95rem;line-height:1}.about-quote{margin:0 auto 14px;max-width:820px;color:var(--muted);line-height:1.6;border-top:1px solid var(--border);padding-top:16px;letter-spacing:.12em}@media(max-width:768px){.about-section{padding-left:24px;padding-right:24px}.about-text{text-align:left;font-size:1.1rem}}@media(max-width:360px){section{padding-top:2.5rem;padding-bottom:2.5rem}.about-section{padding-left:16px;padding-right:16px}.about-title{font-size:1.6rem}.about-text{font-size:1rem;line-height:1.6;text-align:left}.softskill-chip{font-size:.85rem;padding:6px 14px}}.contact-section{padding:var(--pt) 0 var(--pb);text-align:center}.contact-title{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:18px}.contact-subtitle{color:var(--muted);margin-bottom:18px;font-size:clamp(1.2rem,1.3vw,1.5rem);line-height:1.7}.contact-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:50px;margin-bottom:30px}.contact-note{margin-top:18px;color:var(--muted);font-size:.95rem}@media(max-width:360px){section{padding-top:2.5rem;padding-bottom:2.5rem}.contact-links{gap:8px}.contact-title{font-size:1.6rem}.contact-subtitle{font-size:1rem}.contact-links{gap:8px;margin-top:30px}.contact-links .btn,.contact-links a{font-size:.85rem;padding:8px 14px}.contact-note{font-size:.8rem}}.footer{width:100%;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05;padding:24px 0}.footer-container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px;text-align:center}.footer-text{margin:0;color:#fff;opacity:.85;font-size:.95rem;line-height:1.6}footer{margin-top:auto}@media(max-width:360px){.footer{padding:18px 0}.footer-container{padding:0 16px}.footer-text{font-size:.8rem;line-height:1.4}}