@import"https://fonts.googleapis.com/css2?family=Science+Gothic:wght@300..900&display=swap";*{margin:0;padding:0;text-transform:uppercase;font-family:Science Gothic,sans-serif}body{background:#050505;color:#fff;overflow:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 55% 35%,#ffffff0f,#000000f2 60%);z-index:-2}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 6px);opacity:.35;z-index:-1;pointer-events:none}.carousel{position:relative;height:160px;overflow:hidden}.slide{pointer-events:none}.slide.active{pointer-events:auto}.slide{position:absolute;inset:0;display:flex;justify-content:center;gap:2rem;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.slide.active{opacity:1;transform:translateY(0)}.slide img{transform:rotate(var(--rot)) translateY(var(--lift, 0));height:140px;opacity:.85;filter:drop-shadow(0 10px 25px rgba(0,0,0,.6));transition:transform .3s ease,opacity .3s ease}.slide img:hover{transform:rotate(0);opacity:1;z-index:2}.main{position:relative;display:flex;height:calc(100vh - 140px)}.left{width:35%;position:relative}.left img{position:absolute;width:35%}.left .claws{top:0%;left:15%;transform:scaleX(-1) rotate(-30deg)}.left .can{top:26%;left:18%;transform:scaleX(-1) rotate(25deg)}.left h1{position:absolute;bottom:40%;left:10%;font-size:3.2rem;z-index:-1}.mainContent{flex:1;display:flex;flex-direction:column;justify-content:center;padding-left:5%;gap:2rem}.mainContent h2{font-size:1.4rem;letter-spacing:.15em}.skills{list-style:none;display:flex;flex-direction:column;gap:.8rem}.skills li{position:relative;padding-left:1.2rem}.skills li:before{content:"▶";position:absolute;left:0;opacity:.6}.category{margin-top:1.4rem;font-weight:700;letter-spacing:.08em;opacity:.75}.web{color:#38bdf8}.net{color:#22c55e}.sec{color:#f97316}.env{color:#a78bfa}.profile{position:absolute;bottom:2rem;right:3rem;text-align:right;opacity:.7}.role{font-size:.75rem}#langBtn{margin-top:1.2rem;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:.25rem .6rem;font-size:.7rem;cursor:pointer;opacity:.6}#langBtn:hover{opacity:1}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;width:100%;opacity:0}.glitch:before{color:#38bdf8}.glitch:after{color:#f97316}.glitch:hover:before,.glitch:hover:after{opacity:1}.glitch:hover{animation:glitch .35s steps(2) infinite}@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px)}to{transform:translate(0)}}@media(max-width:1024px){body{overflow-y:auto}.carousel{height:120px}.slide img{height:90px}.main{flex-direction:column;height:auto;padding:1.5rem 1rem 3rem}.left{display:none}.left img{width:120px;display:none}.left h1{display:none}.mainContent{padding-left:0;gap:1.5rem}.mainContent h2{font-size:1.1rem;text-align:center}.skills{font-size:.8rem}.profile{position:static;margin-top:3rem;text-align:center}#langBtn{margin:1.5rem auto 0;display:block}.slide img:nth-child(n+4){display:none}.slide{gap:1rem}.slide img{height:80px}}@media(min-width:2000px){body{font-size:2.05rem}.carousel{height:200px}.slide img{height:170px}.left .claws{top:10%;left:0%}.left .can{top:25%;left:0%}.left img{width:30%}.left h1{font-size:4rem;top:40%}.mainContent h2{font-size:1.6rem}.skills{gap:1rem}.profile{bottom:3rem;right:4rem}}@media(min-width:3200px){body{font-size:1.2rem}.carousel{height:260px}.slide img{height:220px}.left img{width:28%}.left h1{font-size:5.2rem}.mainContent{gap:3rem}.mainContent h2{font-size:2rem;letter-spacing:.2em}.skills{font-size:1.05rem;gap:1.2rem}.profile{bottom:4rem;right:5rem}}.bg-can{position:fixed;top:-120px;z-index:-3;opacity:.1;pointer-events:none;filter:blur(.3px) drop-shadow(0 10px 20px rgba(0,0,0,.4));transform:rotate(var(--rot));animation-name:bgFall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes bgFall{0%{transform:translateY(0) rotate(var(--rot))}to{transform:translateY(120vh) rotate(calc(var(--rot) + 120deg))}}.glitch-overlay{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:0;background:linear-gradient(180deg,#ffffff0a,#ffffff03,#ffffff0a);mix-blend-mode:overlay}.glitch-overlay.active{animation:whiteGlitch .25s steps(2) both}@keyframes whiteGlitch{0%{opacity:0;transform:translateY(0)}20%{opacity:.06;transform:translateY(-1px)}40%{opacity:.02;transform:translateY(1px)}60%{opacity:.05;transform:translateY(-1px)}to{opacity:0;transform:translateY(0)}}