.navbar{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;display:flex;justify-content:center;gap:.4rem;padding:.6rem 1rem;background:#0f0f0feb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #222;z-index:1000;animation:nav-slide-down .3s ease-out}.nav-link{background:none;border:1px solid transparent;color:#aaa;font-size:.85rem;padding:.35rem .75rem;cursor:pointer;border-radius:6px;transition:color .2s,border-color .2s,text-shadow .2s;font-family:inherit}.nav-link:focus,.nav-link:focus-visible{outline:none}.nav-link:hover{color:#00ffe1;border-color:#00ffe133}.nav-link.active{color:#00ffe1;border-color:#00ffe1;text-shadow:0 0 6px #00ffe180}.lang-toggle{margin-left:.8rem;color:#0f8;border-color:#0f84;font-weight:700;font-size:.8rem;letter-spacing:.05em}.lang-toggle:hover{color:#00ffe1;border-color:#00ffe1;text-shadow:0 0 6px #00ffe180}@keyframes nav-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.navbar{gap:.2rem;padding:.5rem;flex-wrap:wrap;justify-content:center}.nav-link{font-size:.72rem;padding:.3rem .5rem}.lang-toggle{margin-left:0}}.hero{background:center/cover no-repeat;height:100vh;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.overlay{background:#000000b3;height:100%;width:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.animated-name{font-size:3rem;letter-spacing:.1em;color:#00ffe1;text-shadow:0 0 10px #00ffe140,0 0 30px #00ffe120;animation:fade-in-name .5s ease-in}.animated-roles{font-size:1.4rem;margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;min-width:420px;text-align:center;animation:fade-in-up .6s ease forwards;animation-delay:1.6s;opacity:0}.zoom-role{transition:transform .3s ease,text-shadow .3s ease;display:inline-block;cursor:default}.zoom-role:hover{transform:scale(1.2);color:#00ffe1;text-shadow:0 0 5px #00ffe1,0 0 10px #00ffe1,0 0 20px #00ffe1}.separator{margin:0 4px;color:#aaa}@keyframes fade-in-name{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%{text-shadow:0 0 5px #00ffe1,0 0 10px #00ffe1}50%{text-shadow:0 0 20px #00ffe1,0 0 40px #00ffe1}to{text-shadow:0 0 5px #00ffe1,0 0 10px #00ffe1}}.glow-delay{animation:glow-pulse 1.5s ease-out 2.6s forwards}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.social-icons{display:flex;gap:1rem;margin-top:12px}.slide-in-left,.slide-in-right{opacity:0;animation-fill-mode:forwards}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slide-in-left .6s ease-out 1s forwards}.slide-in-right{animation:slide-in-right .6s ease-out 1.2s forwards}.linkedin-icon{color:#0e76a8;margin-top:10px;transition:transform .3s ease,color .3s,text-shadow .3s ease;display:inline-block;cursor:pointer}.linkedin-icon:hover{transform:scale(1.2);color:#00ffe1;text-shadow:0 0 5px #00ffe1,0 0 10px #00ffe1,0 0 20px #00ffe1}.github-icon{color:#ccc;margin-top:10px;transition:transform .3s ease,color .3s,text-shadow .3s ease;display:inline-block;cursor:pointer}.github-icon:hover{transform:scale(1.2);color:#00ffe1;text-shadow:0 0 5px #00ffe1,0 0 10px #00ffe1,0 0 20px #00ffe1}.email-icon{color:#00ffe1;margin-top:10px;transition:transform .3s ease,color .3s,text-shadow .3s ease;display:inline-block;cursor:pointer}.email-icon:hover{transform:scale(1.2);color:#0f8;text-shadow:0 0 5px #00ff88,0 0 10px #00ff88,0 0 20px #00ff88}.hero-cta{display:flex;gap:1rem;margin-top:1.5rem;opacity:0;animation:fade-in-up .6s ease forwards;animation-delay:2s}.cta-btn{display:inline-block;padding:.7rem 1.6rem;border-radius:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.cta-btn:hover{transform:translateY(-2px)}.cta-cv{background:#00ffe1;color:#0f0f0f;border:2px solid #00ffe1;box-shadow:0 0 12px #00ffe14d}.cta-cv:hover{box-shadow:0 0 20px #00ffe180;color:#0f0f0f}.cta-contact{background:transparent;color:#0f8;border:2px solid #00ff88;box-shadow:0 0 12px #0f83}.cta-contact:hover{box-shadow:0 0 20px #0f86;color:#0f8}.hero-lang-toggle{position:absolute;top:1.2rem;right:1.4rem;background:none;border:1px solid #00ff8888;color:#0f8;font-size:.8rem;font-weight:700;padding:.3rem .8rem;border-radius:6px;cursor:pointer;letter-spacing:.08em;transition:border-color .2s,color .2s;font-family:inherit}.hero-lang-toggle:hover{border-color:#00ffe1;color:#00ffe1}.hero-lang-toggle:focus{outline:none}@media (max-width: 480px){.animated-roles{min-width:auto;font-size:1.1rem}.hero-cta{flex-direction:column;align-items:center}}.whoami{background-color:#0f0f0f;color:#fff;padding:80px 20px;text-align:center}.whoami .container{max-width:800px;margin:auto}.whoami h2{font-size:1.8rem;margin-bottom:20px;text-transform:uppercase;display:inline-block;background:linear-gradient(90deg,#0f8,#00ffe1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.whoami p{line-height:1.8;font-size:1.1rem;margin-bottom:20px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start;margin-top:40px;padding-top:32px;border-top:1px solid #2a2a2a}.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#00ffe1;font-family:monospace;text-shadow:0 0 14px rgba(0,255,225,.45)}.stat-label{font-size:.72rem;color:#888;text-transform:uppercase;letter-spacing:.08em}@media (max-width: 600px){.stats-strip{grid-template-columns:repeat(2,1fr);gap:24px 16px}}.section-box .content{background-color:#1a1a1a;padding:40px;border-radius:10px;max-width:900px;width:100%;color:#fff;box-shadow:0 0 15px #00ff800d}.section-box h2{font-size:1.8rem;margin-bottom:20px;text-transform:uppercase;display:inline-block;background:linear-gradient(90deg,#0f8,#00ffe1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}.skill-card{background:#1f1f1f;border:1px solid #2a2a2a;border-left:2px solid #00ff88;border-radius:6px;padding:16px;transition:border-color .2s,box-shadow .2s}.skill-card:hover{border-left-color:#00ffe1;box-shadow:0 0 14px #00ffe11a}.skill-cat{font-size:.72rem;font-weight:700;color:#00ffe1;text-transform:uppercase;letter-spacing:.1em;font-family:monospace;margin-bottom:8px}.skill-desc{font-size:.875rem;color:#ccc;line-height:1.5;margin:0}@media (max-width: 600px){.skills-grid{grid-template-columns:1fr}}.experience-block{border-left:2px solid #00ff88;padding-left:16px;margin-bottom:28px;transition:border-color .2s}.experience-block:hover{border-left-color:#00ffe1}.experience-block h3{color:#fff;font-size:1rem;font-weight:700;margin-bottom:10px}.experience-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.experience-block ul li{font-size:.9rem;color:#ccc;line-height:1.5;padding-left:12px;position:relative}.experience-block ul li:before{content:"›";position:absolute;left:0;color:#00ffe1;font-weight:700}.edu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.edu-item{border-left:2px solid #00ff88;padding-left:16px;transition:border-color .2s}.edu-item:hover{border-left-color:#00ffe1}.edu-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.edu-title{font-weight:700;font-size:1rem;color:#fff}.edu-date{font-size:.8rem;color:#00ffe1;white-space:nowrap;font-family:monospace}.edu-location{display:block;font-size:.85rem;color:#888;margin-top:2px}.edu-detail{margin:6px 0 0;font-size:.85rem;color:#aaa;line-height:1.5}.edu-tags{margin:6px 0 0;font-size:.8rem;color:#00ffe1;font-family:monospace;opacity:.8}.cert-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cert-item{border-left:2px solid #00ff88;padding-left:16px;display:flex;flex-direction:column;gap:2px;transition:border-color .2s}.cert-item:hover{border-left-color:#00ffe1}.cert-name{font-weight:700;font-size:1rem;color:#fff}.cert-org{font-size:.8rem;color:#00ffe1;font-family:monospace}.section-box{background-color:#121212;padding:40px 20px;display:flex;justify-content:center}.content{background-color:#1a1a1a;padding:40px;border-radius:10px;max-width:900px;width:100%;color:#fff;box-shadow:0 0 15px #00ff800d}h2{font-size:1.8rem;margin-bottom:20px;text-transform:uppercase;display:inline-block;background:linear-gradient(90deg,#0f8,#00ffe1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lang-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.lang-item{border-left:2px solid #00ff88;padding-left:16px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;transition:border-color .2s}.lang-item:hover{border-left-color:#00ffe1}.lang-name{font-weight:700;font-size:1rem;color:#fff}.lang-level{font-size:.85rem;color:#aaa}.footer{background:#0a0a0a;color:#888;padding:2rem 2rem 1.2rem;border-top:1px solid #00ffe120;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.footer-terminal{font-family:Courier New,Courier,monospace;font-size:.85rem;color:#555}.terminal-prompt{color:#0f8}.terminal-cmd{color:#00ffe1}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-icon-link{display:flex;align-items:center;gap:.4rem;color:#aaa;text-decoration:none;font-size:.9rem;padding:.4rem .8rem;border:1px solid transparent;border-radius:6px;transition:color .2s,border-color .2s,text-shadow .2s}.footer-icon-link:hover{color:#00ffe1;border-color:#00ffe133;text-shadow:0 0 8px #00ffe140;text-decoration:none}.footer-bottom{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;align-items:center;font-size:.8rem;color:#555;border-top:1px solid #1a1a1a;padding-top:1rem;width:100%;max-width:800px}.back-to-top{color:#0f8;text-decoration:none;font-family:Courier New,Courier,monospace;transition:color .2s,text-shadow .2s}.back-to-top:hover{color:#00ffe1;text-shadow:0 0 10px #00ffe140;text-decoration:none}html{overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#00ffe1;text-decoration:none}a:hover{color:#0f8}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal.reveal-left{transform:translate(-50px)}.scroll-reveal.reveal-left.revealed{transform:translate(0)}.scroll-reveal.reveal-right{transform:translate(50px)}.scroll-reveal.reveal-right.revealed{transform:translate(0)}
