:root{--bg-color:#030303;--card-bg:#0a0a0ccc;--text-primary:#fff;--text-secondary:#94a3b8;--accent-color:#0ea5e9;--accent-secondary:#6366f1;--border-color:#0ea5e933;--glow-color:#0ea5e926;--grid-color:#0ea5e91a;--scanline-opacity:.3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg-color:#f8fafc;--card-bg:#fffc;--text-primary:#0f172a;--text-secondary:#475569;--accent-color:#0284c7;--accent-secondary:#4f46e5;--border-color:#0284c733;--glow-color:#0284c70d;--grid-color:#0284c714;--scanline-opacity:.1}}body{background-color:var(--bg-color);color:var(--text-primary);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:clamp(30px,5vw,60px) clamp(30px,5vw,60px);margin:0;font-family:Inter,sans-serif;line-height:1.6;transition:background-color .5s,color .5s;animation:40s linear infinite backgroundMove;overflow-x:hidden}body:after{content:" ";z-index:9999;pointer-events:none;opacity:var(--scanline-opacity);will-change:opacity;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 2px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/3px 100%;display:block;position:fixed;inset:0;transform:translateZ(0)}@keyframes backgroundMove{0%{background-position:0 0}to{background-position:120px 120px}}@keyframes float{0%{transform:translate(-20%,-20%)}to{transform:translate(80%,40%)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes load{0%{width:0}to{width:100%}}#root{z-index:2;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative}.loader-container{background:var(--bg-color);z-index:10000;width:100%;height:100%;color:var(--accent-color);flex-direction:column;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;display:flex;position:fixed;top:0;left:0}.loader-logs{text-align:left;width:100%;max-width:350px;min-height:200px;padding:0 20px}.loader-log-entry{margin-bottom:8px;font-size:13px;line-height:1.4}.loader-log-ok{color:#10b981;filter:drop-shadow(0 0 5px #10b9814d)}.loader-log-init{color:var(--accent-color);filter:drop-shadow(0 0 5px #10b9814d)}.loader-progress{background:var(--border-color);border-radius:2px;width:150px;height:2px;margin-top:2rem;overflow:hidden}.loader-bar{background:var(--accent-color);height:100%;box-shadow:0 0 15px var(--accent-color);animation:1.2s ease-in-out forwards load}.loader-text{width:100%;max-width:300px;margin-top:1rem;font-size:.9rem}.glitch-wrapper:hover .glitch{animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}.section-title:before{content:"» " attr(data-index);color:var(--accent-secondary);font-family:JetBrains Mono,monospace}@media (width<=640px){#root{padding:0 1.5rem}}*,:before,:after{box-sizing:border-box}.app-container{max-width:1100px;margin:0 auto;padding:0 2rem;position:relative}.glow-orb{background:radial-gradient(circle, var(--glow-color) 0%, transparent 70%);z-index:-1;pointer-events:none;will-change:transform;width:60vw;height:60vw;animation:20s ease-in-out infinite alternate float;position:fixed;top:-20%;right:-10%}.header{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(2rem,8vw,6rem);min-height:100vh;padding:2rem 0;display:flex;position:relative}.compact-header{z-index:900;background:color-mix(in srgb, var(--background-color) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;border-bottom:1px solid #0000;padding:.85rem max(2rem,50vw - 550px + 2rem);transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .65s,visibility .85s;position:fixed;inset:0 0 auto;transform:translate(0)scale(1)}.compact-header.visible{opacity:1;visibility:visible;border-bottom-color:var(--border-color);transform:translateY(0)}.compact-header:not(.visible){pointer-events:none;transform:translate(18vw,38vh)scale(1.35)}.compact-header-inner{align-items:baseline;gap:1.5rem;padding-right:7rem;display:flex}.compact-avatar{border:1px solid var(--accent-color);object-fit:cover;filter:grayscale();opacity:1;border-radius:8px;flex:none;width:2.15rem;height:2.15rem;transition:opacity .65s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(2px)scale(1)}.compact-header:not(.visible) .compact-avatar{opacity:0;transform:translateY(2px)scale(5)}.compact-copy{min-width:0}.compact-name{color:var(--text-primary);letter-spacing:.04em;flex:none;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800}.compact-subtitle{min-width:0;color:var(--accent-color);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.68rem;line-height:1.4;overflow:hidden}.profile-container{flex-shrink:0;transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1)}.profile-frame{background:linear-gradient(135deg, var(--accent-color), var(--accent-secondary));width:clamp(200px,25vw,320px);height:clamp(200px,25vw,320px);box-shadow:0 0 50px var(--glow-color);will-change:transform;border-radius:30px;padding:2px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.profile-frame:hover{transform:scale(1.02)rotate(1deg)}.profile-img{object-fit:cover;filter:grayscale();border-radius:28px;width:100%;height:100%;transition:filter .5s}.profile-frame:hover .profile-img{filter:grayscale(0%)}.header-content{text-align:left;flex-direction:column;align-items:flex-start;gap:1.5rem;transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex}.app-container.scrolled .profile-container,.app-container.scrolled .header-content{opacity:0;pointer-events:none;transform:translateY(-18px)scale(.94)}.header h1{letter-spacing:-.05em;background:linear-gradient(to right, #fff 30%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800}.main-title{color:var(--accent-color);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2vw,1.25rem)}.subtitle{color:var(--text-secondary);max-width:500px;font-size:1rem}.contact-links{gap:1rem;margin-top:1rem;display:flex}.link{color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border-color);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:.8rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .3s;text-decoration:none!important}.link:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.section{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;margin-bottom:4rem;padding:clamp(3rem,8vw,5rem);transition:border-color .3s}.section:hover{border-color:#0ea5e94d}.section-title{text-transform:uppercase;letter-spacing:.3em;color:var(--accent-color);align-items:center;gap:1.5rem;margin-bottom:3rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;display:flex}.section-title:after{content:"";background:linear-gradient(to right, var(--border-color), transparent);flex-grow:1;height:1px}.summary-text{color:var(--text-secondary);font-size:1.25rem;font-weight:300;line-height:1.8}.experience-list{flex-direction:column;gap:5rem;display:flex}.experience-item{grid-template-columns:200px 1fr;gap:2rem;display:grid}.period-location{color:var(--text-secondary);opacity:.6;font-family:JetBrains Mono,monospace;font-size:.85rem}.role{margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.company{color:var(--accent-color);margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:1rem;display:block}.experience-description{color:var(--text-secondary);margin-bottom:1.5rem}.achievements{list-style:none}.achievements li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;font-size:.95rem;position:relative}.achievements li:before{content:"→";color:var(--accent-color);position:absolute;left:0}.skills-categories-list{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.skill-category-group{flex-direction:column;gap:1.5rem;display:flex}.category-subtitle{text-transform:uppercase;color:var(--accent-color);letter-spacing:.2em;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.skill-list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.skill-tag{color:var(--text-secondary);border-left:2px solid #0000;padding:.2rem 0 .2rem .75rem;font-size:.9rem;transition:all .3s}.extra-skill{display:none}.skill-category-group.expanded .extra-skill{display:list-item}.skill-tag:hover{color:var(--text-primary);border-left-color:var(--accent-color);padding-left:1rem}.more-indicator{color:var(--accent-secondary);opacity:.5;font-family:JetBrains Mono,monospace;font-size:.7rem}.language-list-horizontal{flex-wrap:wrap;gap:1.5rem;list-style:none;display:flex}.language-tag{color:var(--text-primary);border-left:4px solid var(--accent-color);background:#ffffff08;padding:1rem 2rem;font-family:JetBrains Mono,monospace;font-size:1rem}.certification-list-stacked{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.cert-card{border-bottom:1px solid var(--border-color);padding:1.5rem;transition:all .3s}.cert-card:hover{background:#ffffff05;padding-left:1.5rem}.cert-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.cert-name{font-size:1.1rem;font-weight:600}.cert-issuer{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:.9rem}.scroll-indicator{opacity:.4;flex-direction:column;align-items:center;gap:1rem;transition:opacity .5s;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.mouse{border:2px solid var(--text-secondary);border-radius:10px;justify-content:center;width:20px;height:35px;padding-top:5px;display:flex}.wheel{background:var(--accent-color);border-radius:2px;width:3px;height:6px;animation:2s infinite scroll-wheel}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.language-switcher{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color);background:#00000080;border-radius:8px;gap:.5rem;padding:.3rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.language-switcher button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.4rem .8rem;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:all .3s}.language-switcher button.active{background:var(--accent-color);color:#000}.expandable-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s,opacity .4s;display:grid}.expandable-content>div{min-height:0;overflow:hidden}.expandable-content.expanded{opacity:1;grid-template-rows:1fr}.toggle-button{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border-radius:4px;margin-top:2.5rem;padding:.8rem 2rem;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .3s}.toggle-button:hover{background:var(--accent-color);color:#000}.toggle-button-small{color:var(--accent-color);text-transform:uppercase;cursor:pointer;opacity:.7;background:0 0;border:none;margin-top:1rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.reveal{opacity:0;transition:all .8s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=1000px){.skills-categories-list{grid-template-columns:1fr 1fr}}@media (width<=900px){.app-container{padding:0 1rem}.header{text-align:center;flex-direction:column;gap:2rem;min-height:auto;padding:7rem 1rem 4rem}.header-content{text-align:center;align-items:center}.header h1{white-space:normal;font-size:2.8rem;line-height:1.1}.subtitle{font-size:.95rem}.section{border-radius:16px;margin-bottom:2rem;padding:2.5rem 1.25rem}.section-title{margin-bottom:2rem;font-size:1rem}.summary-text{text-align:left;font-size:1.1rem}.experience-item{grid-template-columns:1fr;gap:.5rem}.role{font-size:1.4rem}.period-location{margin-bottom:.5rem}.contact-links{justify-content:center;width:100%}.link{text-align:center;flex:1;padding:.7rem 1rem;font-size:.75rem}.compact-header{padding:.7rem 1rem}.compact-header-inner{gap:.7rem;padding-right:5rem}.compact-header:not(.visible){transform:translateY(42vh)scale(1.25)}.compact-name{font-size:.75rem}.compact-subtitle{font-size:.6rem}.compact-avatar{border-radius:6px;width:1.9rem;height:1.9rem}}@media (width<=600px){.skills-categories-list{grid-template-columns:1fr;gap:2rem}.header h1{font-size:2.2rem}.language-tag{text-align:center;width:100%;padding:.8rem 1.2rem;font-size:.9rem}.cert-header{flex-direction:column;align-items:flex-start;gap:.25rem}.cert-date{font-size:.75rem}.compact-header-inner{padding-right:4.2rem;display:flex}.compact-copy{display:block}.compact-name{margin-bottom:.2rem;font-size:.7rem}.compact-subtitle{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.7em;font-size:.56rem;line-height:1.35;display:-webkit-box;overflow:hidden}}