.theme-switcher-container{position:relative}.theme-switcher-button{display:flex;padding:0!important;gap:calc(var(--grid));cursor:pointer;transition:all .2s;min-width:calc(var(--grid) * 10)}.theme-switcher-button:hover{background:#0009;transform:translate(2px,2px);box-shadow:1px 1px #00000080}.theme-switcher-button:active{transform:translate(3px,3px);box-shadow:0 0 #00000080}.theme-preview-small{display:flex;gap:3px}.theme-preview-small span{width:8px;height:14px;border:1px dotted var(--fg)}.dropdown-arrow{font-size:10px;margin-left:auto;color:var(--accent)}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0!important;background-color:var(--bg);border:3px solid var(--fg);z-index:1000;max-width:300px;overflow-y:auto}.theme-dropdown-header{padding:calc(var(--grid) * 1.5);background-color:var(--accent);border-bottom:2px solid var(--muted);font-size:11px;text-transform:uppercase;color:var(--fg);font-weight:700;white-space:nowrap}.theme-list{display:flex;flex-direction:column}.theme-option{display:flex;align-items:center;gap:calc(var(--grid) * 2);padding:calc(var(--grid) * 1.1);border:none;border-bottom:2px solid var(--muted);cursor:pointer;transition:all .2s;text-align:left}.theme-option:hover{background:#00000026}.theme-option.active{background:var(--accent)}.theme-preview{display:flex;gap:3px;padding:0}.theme-preview span{width:12px;height:24px;display:block;border:1px solid rgba(0,0,0,.5)}.theme-name{flex:1;font-size:11px;color:var(--fg);font-weight:500;white-space:nowrap}html.smooth-mode .theme-switcher-container{position:relative}html.smooth-mode .theme-switcher-button{display:flex;padding:0!important;gap:calc(var(--grid));cursor:pointer;transition:all .2s;min-width:calc(var(--grid) * 10)}html.smooth-mode .theme-preview-small{display:flex;gap:3px}html.smooth-mode .theme-switcher-button:hover{background:#0009;transform:translate(2px,2px);box-shadow:1px 1px #00000080}html.smooth-mode .theme-preview-small span{width:8px;height:14px;border:1px dotted var(--fg);border-radius:2px}html.smooth-mode .dropdown-arrow{font-size:10px;margin-left:auto;color:var(--accent)}html.smooth-mode .theme-dropdown{position:absolute;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--fg);border-radius:16px;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff1a;background-color:var(--bg);overflow-y:auto;max-width:300px}html.smooth-mode .theme-dropdown-header{padding:calc(var(--grid) * 1.5);background-color:transparent;border-bottom:2px solid var(--accent);font-size:11px;text-transform:uppercase;color:var(--fg);font-weight:700}html.smooth-mode .theme-list{display:flex;flex-direction:column}html.smooth-mode .theme-option{display:flex;align-items:center;gap:calc(var(--grid) * 2);padding:calc(var(--grid) * 1.1);border:none;border-bottom:2px solid var(--muted);cursor:pointer;transition:all .2s;text-align:left;border-radius:0!important}html.smooth-mode .theme-option:hover{background:#00000026}html.smooth-mode .theme-option.active{background:var(--accent)}html.smooth-mode .theme-preview{padding:0 4px;gap:3px}html.smooth-mode .theme-preview span{width:12px;height:24px;border-radius:4px}html.smooth-mode .theme-name{flex:1;font-size:11px;color:var(--fg);font-weight:500}@media(max-width:768px){.theme-dropdown{right:auto;min-width:260px}html.smooth-mode .theme-dropdown{min-width:280px}}.theme-list::-webkit-scrollbar{width:8px}.theme-list::-webkit-scrollbar-track{background:#00000080;border:2px solid var(--muted)}.theme-list::-webkit-scrollbar-thumb{background:var(--accent);border:1px solid var(--fg)}.theme-list::-webkit-scrollbar-thumb:hover{background:var(--ui)}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--bg);border-bottom:4px solid var(--fg);box-shadow:0 4px #00000080;z-index:1000;box-sizing:border-box;padding:calc(var(--grid) * 1.5) calc(var(--grid) * 2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{color:var(--accent);text-shadow:3px 3px 0px rgba(0,0,0,.5);border:3px solid var(--accent);padding:4px 12px;background:#00000080;transition:all .2s}.logo:hover{background:var(--accent);color:var(--bg);transform:translateY(-2px)}.logo a{color:var(--accent);text-decoration:none;cursor:none!important}.header-controls{display:flex;gap:var(--grid);align-items:center}.header-controls button{background-color:var(--bg);color:var(--fg);border:2px solid var(--fg);padding:10px 12px!important;font-size:12px!important;box-shadow:2px 2px #00000080;border-radius:0;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.header-controls button:hover{transform:translate(1px,1px);box-shadow:1px 1px #00000080;border-color:var(--accent);background:#000000b3}.header-controls button:active{transform:translate(2px,2px);box-shadow:0 0 #00000080}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:calc(var(--grid) * 5);height:calc(var(--grid) * 4.5);background:none;border:none;cursor:none!important;padding:0}.hamburger-menu .bar{width:100%;height:2px;background-color:var(--fg);transition:all .3s ease}@media(max-width:1024px){.nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:var(--bg);border-top:1px solid var(--fg);padding:var(--grid) 0;box-shadow:0 4px 8px #00000080}.nav.open{display:flex}.nav a{text-align:center;padding:calc(var(--grid) * 1.5);border-bottom:1px solid var(--muted);border-left:none;border-right:none}.nav a.active:before{left:20px}}html.smooth-mode .header{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 1px 3px #0000001f,0 8px 24px -4px #00000014,inset 0 1px #ffffff0a!important;border-bottom:1px solid rgba(255,255,255,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}html.smooth-mode .logo{font-weight:900;letter-spacing:-.05em;background:linear-gradient(135deg,var(--fg) 0%,var(--ui) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:none;padding:0;text-shadow:none;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}html.smooth-mode .logo a{background:linear-gradient(135deg,var(--fg) 0%,var(--ui) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer!important}html.smooth-mode .logo:hover{background:transparent;transform:translateY(-2px) scale(1.05)}html.smooth-mode .nav{gap:.5rem}html.smooth-mode .nav button{font-size:12px!important;text-transform:none;letter-spacing:-.01em;border:none;padding:.625rem 1.25rem;border-radius:12px!important;font-weight:500;transition:all .2s;border:1px solid var(--accent)!important}html.smooth-mode .header-controls{display:flex;gap:var(--grid);align-items:center}html.smooth-mode .nav button:hover,html.smooth-mode .nav button.active{transform:translate(1px,1px);box-shadow:1px 1px #00000080;border-color:var(--accent);background:#000000b3!important}html.smooth-mode .header-controls button{background-color:var(--bg);color:var(--fg);border:2px solid var(--accent);padding:10px 12px!important;font-size:12px!important;box-shadow:2px 2px #00000080;border-radius:0;transition:all .2s;text-transform:uppercase;letter-spacing:1px}html.smooth-mode .header-controls button:hover{transform:translate(1px,1px);box-shadow:1px 1px #00000080;border-color:var(--accent);background:#000000b3}html.smooth-mode .header-controls button:active{transform:translate(2px,2px);box-shadow:0 0 #00000080}html.smooth-mode .hamburger-menu{border:1.5px solid rgba(255,255,255,.12)}html.smooth-mode .hamburger-menu .bar{border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){html.smooth-mode .header{padding:1rem 1.5rem}html.smooth-mode .nav{background:rgba(var(--bg-rgb, 10, 10, 20),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #00000026;border-radius:0 0 16px 16px}html.smooth-mode .nav a{border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 1.5rem}html.smooth-mode .nav a:hover{background:rgba(var(--ui-rgb, 168, 85, 247),.12)}}.nav.compact{display:flex;gap:1rem}.nav.compact button{background:transparent;border:none;color:var(--fg);padding:.5rem 1rem;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s;border:2px solid transparent}.nav.compact button:hover{border-color:var(--accent);background-color:#00000080}.nav.compact button.active{border-color:var(--accent);background-color:var(--bg);color:var(--accent);box-shadow:2px 2px #00000080}.theme-switcher-compact{display:flex;align-items:center}.theme-toggle-button{background:#0000004d;border:3px solid var(--fg);width:calc(var(--grid) * 5);height:calc(var(--grid) * 5);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:3px 3px #00000080;transition:all .2s}.theme-toggle-button:hover{background:#0009;transform:translate(2px,2px);box-shadow:1px 1px #00000080}.theme-toggle-button:active{transform:translate(3px,3px);box-shadow:0 0 #00000080}html.smooth-mode .nav.compact button{background:transparent;border:none;padding:.625rem 1rem;font-size:.875rem;text-transform:none;letter-spacing:-.01em;border-radius:8px}html.smooth-mode .theme-toggle-button{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff0d;width:44px;height:44px}html.smooth-mode .theme-toggle-button:hover{background:#ffffff14;border-color:var(--ui);transform:translateY(-2px);box-shadow:0 4px 8px #00000026,0 2px 4px #8b5cf633}html.smooth-mode .theme-toggle-button:active{transform:translateY(0)}.header-controls .palette-switcher{display:none}@media(max-width:1024px){html.smooth-mode .nav.compact button{padding:1rem;border-radius:0!important}}@media(max-width:1024px){.nav.compact{display:none;position:absolute;top:100%;right:0;background:var(--bg);border-top:3px solid var(--fg);flex-direction:column;box-shadow:0 4px 8px #00000080;z-index:999}.nav.compact.open{display:flex}.nav.compact button{width:100%;text-align:left}.hamburger-menu{display:flex!important}}.hamburger-menu{display:none}@media(min-width:1025px){.hamburger-menu{display:none!important}}.header.hidden{transform:translateY(-100%);height:0;overflow:hidden;transition:transform .3s ease,height .3s ease}html.smooth-mode .header.hidden{transform:translateY(-100%);height:0;overflow:hidden}.custom-cursor{position:fixed;width:20px;height:20px;pointer-events:none;z-index:999999;transform:translate(-10px,-10px);background-color:transparent;border:none;will-change:transform,opacity;mix-blend-mode:difference;transition:opacity .2s ease-out}.custom-cursor.hidden{opacity:0!important}.custom-cursor:before,.custom-cursor:after{content:"";position:absolute;background-color:#fff;transition:transform .08s ease-out,background-color .15s ease-out;box-shadow:0 0 2px #000c}.custom-cursor:before{width:100%;height:3px;top:50%;left:0;transform:translateY(-1.5px)}.custom-cursor:after{width:3px;height:100%;top:0;left:50%;transform:translate(-1.5px)}.custom-cursor{filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.custom-cursor.clicked{transform:translate(-10px,-10px) scale(.8)}.custom-cursor.clicked:before{transform:translateY(-1.5px) scaleX(.6);background-color:var(--accent)}.custom-cursor.clicked:after{transform:translate(-1.5px) scaleY(.6);background-color:var(--accent)}.custom-cursor.hover-clickable{transform:translate(-10px,-10px) scale(1.3);filter:drop-shadow(0 0 6px var(--accent))}.custom-cursor.hover-clickable:before{background-color:var(--accent);transform:translateY(-1.5px) scaleX(.8)}.custom-cursor.hover-clickable:after{background-color:var(--accent);transform:translate(-1.5px) scaleY(.8)}.custom-cursor.hover-clickable.clicked{transform:translate(-10px,-10px) scale(1.1)}.custom-cursor.hover-clickable.clicked:before{transform:translateY(-1.5px) scaleX(.5)}.custom-cursor.hover-clickable.clicked:after{transform:translate(-1.5px) scaleY(.5)}.pixel-scrollbar-track{position:fixed;top:70px;right:0;width:24px;height:calc(100dvh - 70px);background-color:#0000004d;border-left:2px solid var(--muted);z-index:999;pointer-events:all;cursor:pointer;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;-webkit-user-select:none;user-select:none}.pixel-scrollbar-track:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none}.pixel-scrollbar-track:after{content:"▼";position:absolute;top:8px;left:50%;transform:translate(-50%);color:var(--muted);font-size:10px;pointer-events:none;opacity:.5}.pixel-scrollbar-thumb{position:absolute;left:3px;right:3px;width:calc(100% - 6px);background-color:var(--accent);border:2px solid var(--fg);box-sizing:border-box;transition:background-color .2s ease,box-shadow .2s ease;cursor:grab;pointer-events:all;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #00000080,2px 0 #0000004d}.pixel-scrollbar-thumb:hover{background-color:var(--ui);box-shadow:inset 2px 2px #fff9,inset -2px -2px #00000080,0 0 12px #a855f780}.pixel-scrollbar-thumb.dragging{cursor:grabbing;background-color:var(--ui);transition:none;box-shadow:inset 2px 2px #ffffffb3,inset -2px -2px #0009,0 0 16px #a855f7b3}@media(max-width:768px){.pixel-scrollbar-track{width:20px}.pixel-scrollbar-thumb{left:2px;right:2px;width:calc(100% - 4px)}}.pixel-scrollbar-thumb:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:12px;background:var(--fg);opacity:.4}.pixel-scrollbar-thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:4px;background:var(--fg);opacity:.4}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity .5s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:calc(var(--grid) * 3);animation:pulse-in .5s ease-out}@keyframes pulse-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pixel-logo{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--grid) * 1);width:calc(var(--grid) * 8);height:calc(var(--grid) * 8)}.pixel-block{width:100%;height:100%;background-color:var(--accent);box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #00000080;animation:pixel-pulse 1.5s ease-in-out infinite}.pixel-block:nth-child(1){animation-delay:0s}.pixel-block:nth-child(2){animation-delay:.2s}.pixel-block:nth-child(3){animation-delay:.4s}.pixel-block:nth-child(4){animation-delay:.6s}@keyframes pixel-pulse{0%,to{background-color:var(--accent);transform:scale(1)}50%{background-color:var(--ui);transform:scale(1.1)}}.loading-text{font-size:calc(var(--grid) * 2);color:var(--fg);text-shadow:2px 2px 0 var(--accent);animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.progress-bar-container{display:flex;flex-direction:column;gap:var(--grid);width:calc(var(--grid) * 30);align-items:center}.progress-bar{width:100%;height:calc(var(--grid) * 2);background-color:#00000080;border:2px solid var(--muted);box-shadow:inset 2px 2px #00000080,inset -2px -2px #ffffff1a;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--ui) 50%,var(--accent) 100%);background-size:200% 100%;animation:progress-shimmer 2s linear infinite;transition:width .3s ease-out;box-shadow:inset 2px 2px #ffffff4d,0 0 10px var(--accent)}@keyframes progress-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.progress-text{font-size:calc(var(--grid) * 1.5);color:var(--fg);font-family:"Press Start 2P",cursive;text-shadow:1px 1px 0 rgba(0,0,0,.5)}@media(max-width:768px){.progress-bar-container{width:calc(var(--grid) * 20)}.loading-text{font-size:calc(var(--grid) * 1.5)}.pixel-logo{width:calc(var(--grid) * 6);height:calc(var(--grid) * 6)}}.scroll-to-top{position:fixed;bottom:calc(var(--grid) * 3);right:calc(var(--grid) * 8);width:48px;height:48px;padding:0!important;background-color:var(--accent);border:3px solid var(--fg);color:var(--fg);font-size:16px;z-index:998;opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 0 var(--muted),inset 2px 2px #ffffff4d,inset -2px -2px #0006}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-to-top:hover{background-color:var(--ui);transform:translateY(-4px) scale(1.05);box-shadow:0 6px 0 0 var(--muted),inset 2px 2px #fff6,inset -2px -2px #0006,0 0 20px #a855f766}.scroll-to-top:active{transform:translateY(0) scale(.95);box-shadow:0 0 0 0 var(--muted),inset 2px 2px #00000080,inset -2px -2px #fff3}.arrow-up{display:block;animation:bounce-up 2s infinite ease-in-out}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:768px){.scroll-to-top{right:calc(var(--grid) * 3);width:40px;height:40px;font-size:14px}}html.smooth-mode .scroll-to-top{border-radius:50%!important;box-shadow:0 4px 12px #0003!important}html.smooth-mode .scroll-to-top:hover{box-shadow:0 6px 16px #0000004d,0 0 20px #a855f766!important}.hero-background-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.falling-cube{position:absolute;top:-50px;animation-name:fallAndFade;animation-timing-function:linear;animation-fill-mode:forwards;opacity:.8}@keyframes fallAndFade{0%{transform:translateY(0) rotate(0);opacity:.8}to{transform:translateY(100dvh) rotate(360deg);opacity:0}}.hero{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;padding-top:calc(var(--grid) * 10);overflow:hidden;background:linear-gradient(180deg,var(--bg) 0%,rgba(0,0,0,.3) 100%)}.hero-pixels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.pixel-float{position:absolute;width:8px;height:8px;background:var(--accent);opacity:.6;animation:float-up 8s infinite ease-in-out;will-change:transform,opacity}.pixel-1{left:10%;animation-delay:0s}.pixel-2{left:30%;animation-delay:2s;background:var(--ui)}.pixel-3{left:70%;animation-delay:4s}.pixel-4{left:90%;animation-delay:6s;background:var(--muted)}@keyframes float-up{0%{transform:translateY(100dvh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.hero-content{position:relative;z-index:1;width:100%;max-width:1200px;padding:0 calc(var(--grid) * 2)}.hero-main{display:flex;align-items:center;justify-content:center;gap:calc(var(--grid) * 8);margin-bottom:calc(var(--grid) * 4)}.hero-avatar-container{position:relative;opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.hero-avatar-container.visible{opacity:1;transform:translate(0)}.avatar-frame{position:relative;width:160px;height:160px;border:4px solid var(--fg);background:var(--bg);transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar-frame:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 8px 24px #a855f74d;box-shadow:0 0 0 2px var(--accent),inset 0 0 20px #00000080,0 8px 16px #0006;display:flex;align-items:start;justify-content:center}.avatar-sprite{width:100%;height:95%}.avatar-sprite img{width:100%;height:100%;filter:drop-shadow(0 0 4px var(--accent))}@keyframes avatar-idle{0%{transform:translate(0)}to{transform:translate(-288px)}}@keyframes avatar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-glow{position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.3;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.level-badge{position:absolute;top:-12px;right:-12px;background:var(--accent);border:2px solid var(--fg);padding:4px 8px;font-size:12px;font-weight:700;box-shadow:2px 2px #00000080;animation:badge-pop .5s .8s backwards}@keyframes badge-pop{0%{transform:scale(0) rotate(-180deg)}70%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.hero-text{flex:1;text-align:left;opacity:0;transform:translate(50px);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.hero-text.visible{opacity:1;transform:translate(0)}.title-box{position:relative;padding:calc(var(--grid) * 2);margin-bottom:calc(var(--grid) * 2);background:#0000004d;border:2px solid var(--accent)}.title-corner{position:absolute;width:12px;height:12px;border:3px solid var(--fg)}.title-corner.tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.title-corner.tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.title-corner.bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.title-corner.br{bottom:-2px;right:-2px;border-left:none;border-top:none}.hero-title{font-size:clamp(24px,5vw,48px);color:var(--accent);margin:0;text-shadow:.1rem .1rem 0px var(--fg),-1px -1px 0px rgba(0,0,0,.5);line-height:1.2}.glitch{position:relative;animation:glitch-text 5s infinite}@keyframes glitch-text{0%,90%,to{transform:translate(0)}91%{transform:translate(-2px)}92%{transform:translate(2px)}93%{transform:translate(-2px)}94%{transform:translate(2px)}95%{transform:translate(0)}}.hero-subtitle{font-size:clamp(14px,2.5vw,20px);color:var(--ui);margin:calc(var(--grid) * 2) 0;text-shadow:2px 2px 0px rgba(0,0,0,.5)}html.smooth-mode .hero-subtitle{font-size:clamp(18px,2.5vw,24px);font-weight:500;letter-spacing:-.02em;line-height:1.4;text-shadow:none}.hero-tagline{font-size:clamp(10px,1.5vw,14px);color:var(--muted);margin-bottom:calc(var(--grid) * 3);max-width:500px;line-height:1.6}html.smooth-mode .hero-tagline{font-size:clamp(16px,1.8vw,20px);line-height:1.7;opacity:.95;max-width:700px;font-weight:400;color:var(--fg)}.hero-stats{display:flex;gap:calc(var(--grid) * 2);margin-bottom:calc(var(--grid) * 4);opacity:0;transform:translateY(20px);transition:all .5s ease-out}.hero-stats.visible{opacity:1;transform:translateY(0)}.stat-item{display:flex;align-items:center;gap:var(--grid);border:2px solid var(--muted);padding:var(--grid);min-width:120px;box-shadow:2px 2px #0000004d;transition:all .2s}.stat-item:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:4px 4px #00000080}.stat-icon{font-size:24px;filter:grayscale(100%) brightness(1.2)}.stat-label{color:var(--accent);font-size:12px;text-transform:uppercase}.stat-value{font-size:14px;color:var(--fg);font-weight:700}.hero-ctas{display:flex;gap:calc(var(--grid) * 2);flex-wrap:wrap}.pixel-btn{display:flex;align-items:center;gap:var(--grid);padding:calc(var(--grid) * 1.5) calc(var(--grid) * 3);font-size:14px;border:3px solid var(--fg);background:var(--ui);color:var(--fg);position:relative;overflow:hidden;transition:all .1s;box-shadow:4px 4px 0 var(--muted)}.pixel-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--muted)}.pixel-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--muted)}.cta-primary{background:var(--accent)}.cta-secondary{background:transparent;border-color:var(--accent);color:var(--accent)}.cta-tertiary{background:transparent;border-color:var(--ui);color:var(--ui)}.btn-icon{font-size:16px}.hero-scroll-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--grid);color:var(--muted);font-size:12px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.scroll-arrow{font-size:20px}@media(max-width:768px){.hero-main{flex-direction:column;gap:calc(var(--grid) * 4)}.hero-text{text-align:center}.hero-stats{flex-direction:column;width:100%}.stat-item{width:100%;justify-content:center}.hero-ctas{justify-content:center;width:100%}.pixel-btn{width:100%;justify-content:center}.avatar-frame{width:120px;height:120px}}html.smooth-mode .hero{min-height:100vh;display:flex;align-items:center}html.smooth-mode .hero-avatar-container{transform:translate(0)}html.smooth-mode .avatar-frame{width:200px;height:200px;border:3px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#8b5cf61a,#a78bfa0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #8b5cf64d,0 8px 24px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden}html.smooth-mode .hero-text h1{font-size:clamp(24px,5vw,48px);color:var(--accent);margin:0;text-shadow:.1rem .1rem 0px var(--fg),-1px -1px 0px rgba(0,0,0,.5);line-height:1.2}html.smooth-mode .avatar-frame:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(139,92,246,.3),transparent 30%);animation:avatar-rotate 4s linear infinite;opacity:0;transition:opacity .3s ease}html.smooth-mode .avatar-frame:hover:before{opacity:1}@keyframes avatar-rotate{to{transform:rotate(360deg)}}html.smooth-mode .stat-label{color:var(--fh);font-size:12px;text-transform:uppercase}html.smooth-mode .avatar-frame:hover{transform:scale(1.05) rotate(0);box-shadow:0 24px 80px #8b5cf680,0 12px 32px #0000004d,inset 0 1px #ffffff26;border-color:#a78bfa4d}html.smooth-mode .hero-text p{font-size:16px;max-width:600px}html.smooth-mode .hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}html.smooth-mode .hero-ctas button,html.smooth-mode .hero-ctas a{padding:1rem 2rem;font-size:1.0625rem;font-weight:600;border-radius:14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(255,255,255,.1);background:#8b5cf61a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}html.smooth-mode .hero-ctas button:hover,html.smooth-mode .hero-ctas a:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #8b5cf64d,0 8px 16px #0003;border-color:#a78bfa80;background:#8b5cf633}@media(max-width:768px){html.smooth-mode .hero{min-height:auto;padding:6rem 1.5rem 4rem}html.smooth-mode .hero-main{flex-direction:column;text-align:center;gap:2rem}html.smooth-mode .hero-avatar-container{order:-1}html.smooth-mode .avatar-frame{width:140px;height:140px}html.smooth-mode .hero-text p{font-size:1rem;margin-left:auto;margin-right:auto}html.smooth-mode .hero-ctas{justify-content:center;flex-direction:column;width:100%}html.smooth-mode .hero-ctas button,html.smooth-mode .hero-ctas a{width:100%;justify-content:center}}.about{background-color:var(--bg);color:var(--fg);border:1px solid var(--muted);margin-top:calc(var(--grid) * 4);box-shadow:var(--grid) var(--grid) 0 var(--muted);-webkit-box-shadow:var(--grid) var(--grid) 0px var(--muted);-moz-box-shadow:var(--grid) var(--grid) 0px var(--muted)}.section-title{font-size:calc(var(--grid) * 4);text-align:center;margin-bottom:calc(var(--grid) * 4);color:var(--accent);text-shadow:calc(var(--grid) / 2) calc(var(--grid) / 2) 0px var(--bg)}.about-content p{font-size:1.1rem;line-height:1.8;margin-bottom:calc(var(--grid) * 2)}.achievements-list{list-style:none;padding:0;margin-top:calc(var(--grid) * 4)}.achievements-list li{font-size:1rem;margin-bottom:var(--grid);position:relative;padding-left:calc(var(--grid) * 3)}.achievements-list li:before{content:">";color:var(--accent);position:absolute;left:0;top:0}.experience{position:relative;margin:0 auto}.timeline{position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent) 0%,var(--ui) 100%)}.timeline-item{position:relative;padding-left:80px;margin-bottom:3rem;animation:fadeInUp .6s ease-out backwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-marker{position:absolute;left:18px;top:8px;width:27px;height:27px;background:var(--accent);border:4px solid var(--bg);border-radius:0;z-index:2;box-shadow:0 0 0 3px var(--accent),inset 2px 2px #ffffff4d}.timeline-content{background:rgba(var(--ui-rgb),.2);border:2px solid var(--muted);padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 4px 0 var(--muted),inset 0 1px #ffffff0d}.timeline-content:hover{border-color:var(--accent);transform:translate(8px);box-shadow:8px 8px 0 var(--muted),inset 0 1px #ffffff1a,0 0 20px rgba(var(--ui-rgb),.2)}.timeline-content:before{content:"";position:absolute;left:-12px;top:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--muted)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.experience-period{font-size:.875rem;color:var(--fg);font-weight:600;padding:.25rem .75rem;background:var(--accent);border:1px solid var(--accent);display:inline-block}.experience-company{font-size:1.125rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px}.experience-role{font-size:1.5rem;color:var(--fg);margin-bottom:1rem;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.experience-description{margin-bottom:1.5rem;opacity:.9;line-height:1.7}.experience-achievements{list-style-type:square;padding:0;margin-bottom:1.5rem;margin-left:1.5rem}.experience-achievements li{margin-bottom:.75rem;position:relative;line-height:1.6}.experience-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{display:inline-block;padding:.375rem .75rem;background:#0006;border:1px solid var(--muted);font-size:.8125rem;color:var(--fg);transition:all .2s ease}.tech-badge:hover{border-color:var(--ui);background:var(--ui);color:var(--bg);transform:translateY(-2px)}@media(max-width:768px){.timeline:before{left:15px}.timeline-item{padding-left:50px}.timeline-marker{left:5px;width:23px;height:23px}.timeline-content{padding:1.5rem}.experience-header{flex-direction:column}.experience-role{font-size:1.25rem}}html.smooth-mode .timeline:before{background:linear-gradient(180deg,var(--ui) 0%,var(--accent) 100%);width:2px}html.smooth-mode .timeline-marker{border-radius:50%!important;width:16px;height:16px;left:23px;border-width:3px;box-shadow:0 0 0 4px rgba(var(--ui-rgb, 168, 85, 247),.2),0 2px 8px #0003}html.smooth-mode .timeline-content{border-radius:12px!important;border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff0d!important}html.smooth-mode .timeline-content:hover{box-shadow:8px 8px 0 var(--muted),inset 0 1px #ffffff1a,0 0 20px rgba(var(--ui-rgb),.2)}html.smooth-mode .timeline-content:before{display:none}html.smooth-mode .experience-period,html.smooth-mode .tech-badge{border-radius:4px!important}html.smooth-mode .experience-role{text-shadow:none;font-weight:600}.skills{background:linear-gradient(180deg,rgba(var(--bg-rgb),.2),rgba(var(--ui-rgb),.2));color:var(--fg);position:relative;overflow:hidden}.skills:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none}.skills-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.title-icon{font-size:1.2em}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.skills-subtitle{font-size:clamp(10px,1.5vw,14px);color:var(--muted);text-transform:uppercase;letter-spacing:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--grid) * 3);margin-bottom:calc(var(--grid) * 4)}.skill-card{background:rgba(var(--ui-rgb),.2);border:3px solid var(--muted);padding:var(--grid);position:relative;transition:all .3s;opacity:0;transform:translateY(30px) scale(.9)}html.smooth-mode .skill-card{background:rgba(var(--ui-rgb),.2)!important;border:3px solid var(--muted)!important}.skill-card.animated{opacity:1;transform:translateY(0) scale(1)}.skill-card:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,var(--accent),var(--ui),var(--accent));opacity:0;transition:opacity .3s;z-index:-1}.skill-card:hover:before{opacity:.3}.skill-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 16px #00000080}.skill-header{display:flex;align-items:center;gap:calc(var(--grid) * 1.5);margin-bottom:calc(var(--grid) * 2)}.skill-icon{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:3px solid var(--fg);position:relative;transition:all .3s ease}.skill-icon i{font-size:40px;transition:transform .3s ease;filter:drop-shadow(0 0 4px rgba(var(--fg-rgb),.2))}.skill-card:hover .skill-icon{border-color:var(--accent);transform:scale(1.05)}.skill-card:hover .skill-icon i{transform:scale(1.1)}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.skill-info{flex:1}.skill-name{font-size:clamp(14px,2vw,18px);color:var(--fg);text-transform:uppercase;margin-bottom:4px;font-weight:700}.skill-level{font-size:clamp(11px,1.75vw,13px);color:var(--fg);text-transform:uppercase;letter-spacing:1px}.skill-percentage{font-size:clamp(22px,4vw,28px);color:var(--fg);font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.progress-bar-container{position:relative;margin-bottom:calc(var(--grid) * 1.5);width:100%}.progress-bar-bg{width:100%;height:20px;background:#000000b3;border:2px solid var(--muted);position:relative;overflow:hidden}.progress-bar-fill{height:100%;position:relative;transition:width 1s cubic-bezier(.68,-.55,.265,1.55);box-shadow:inset 0 2px 4px #ffffff4d}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}@keyframes shine{to{left:100%}}.progress-notches{position:absolute;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10%;pointer-events:none}.notch{width:2px;height:100%;background:#00000080}.skill-xp{font-size:10px;color:var(--muted);text-align:right}.skills-footer{text-align:center;padding:calc(var(--grid) * 3);border:3px solid var(--accent);background:#000000b3;position:relative}.skills-footer:before,.skills-footer:after{content:"";position:absolute;width:12px;height:12px;border:3px solid var(--fg)}.skills-footer:before{top:-3px;left:-3px;border-right:none;border-bottom:none}.skills-footer:after{bottom:-3px;right:-3px;border-left:none;border-top:none}.total-xp{display:flex;justify-content:center;align-items:center;gap:calc(var(--grid) * 2)}.xp-label{font-size:clamp(12px,2vw,18px);color:var(--ui);text-transform:uppercase}.xp-value{font-size:clamp(20px,3vw,36px);color:var(--accent);font-weight:700;text-shadow:3px 3px 0 rgba(0,0,0,.5);animation:xp-glow 2s infinite}@keyframes xp-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-icon{width:56px;height:56px}.skill-icon i{font-size:32px}.skill-percentage{font-size:20px}}.project-card{position:relative;background:rgba(var(--ui-rgb),.2);border:3px solid var(--muted);padding:0;display:flex;transition:all .4s ease;overflow:hidden;cursor:none}.project-card.hovered{border-color:var(--accent);transform:translateY(-12px) scale(1.02);box-shadow:0 16px 32px #0009,0 0 40px rgba(var(--ui-rgb),.2),inset 0 1px #ffffff1a}.status-badge{position:absolute;top:16px;right:16px;padding:6px 12px;background:rgba(var(--bg-rgb),2);border:2px solid var(--fg);font-size:10px;text-transform:uppercase;z-index:3;display:flex;align-items:center;gap:6px;letter-spacing:1px}.status-badge.success{border-color:#4caf50;color:#4caf50}.status-badge.active{border-color:#2196f3;color:#2196f3}.status-badge.warning{border-color:#ff9800;color:#ff9800}.status-badge.default{border-color:var(--muted);color:var(--muted)}.project-card-inner{display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--grid) * 2);position:relative;z-index:1}.preview-frame{position:relative;width:100%;aspect-ratio:4 / 3;border:3px solid var(--fg);background:#000000b3;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.project-image{width:100%;height:100%;object-fit:contain;transition:transform .3s}.project-card.hovered .project-image{transform:scale(1.1)}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card.hovered .preview-overlay{opacity:1}.preview-icon{font-size:48px;filter:grayscale(100%);animation:preview-bounce .6s ease-out}@keyframes preview-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.project-number{position:absolute;top:16px;left:16px;background:var(--accent);color:var(--bg);padding:6px 12px;border:2px solid var(--fg);font-size:14px;font-weight:700;box-shadow:3px 3px #00000080;z-index:3}.project-content{text-align:center;padding:0 calc(var(--grid) * 2)}.project-title{font-size:clamp(16px,2vw,22px);color:var(--accent);margin:0 0 6px;text-shadow:2px 2px 0 rgba(0,0,0,.5);line-height:1.2}.project-subtitle{font-size:clamp(10px,1vw,12px);color:var(--fg);margin:0 0 calc(var(--grid) * 1.5) 0;text-transform:uppercase;letter-spacing:1px;opacity:.8}.project-stack{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:calc(var(--grid) * 1.5)}.stack-tag{font-size:9px;padding:4px 8px;background:rgba(var(--ui-rgb),.2);border:1px solid var(--ui);color:var(--ui);text-transform:uppercase;letter-spacing:.5px;border-radius:2px}.stack-tag.more{background:rgba(var(--accent-rgb),.2);border-color:var(--accent);color:var(--accent)}.project-duration-info{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.duration-icon{font-size:12px}.action-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:var(--grid);font-size:12px;border:3px solid var(--fg);background:transparent;color:var(--fg);transition:all .2s;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;box-shadow:4px 4px #000000b3;cursor:pointer}.action-button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.action-button:hover,.action-button.primary:hover{transform:translate(2px,2px);color:var(--fg);box-shadow:2px 2px #000000b3}.action-button:active{transform:translate(4px,4px);box-shadow:0 0 #000000b3}.btn-icon{font-size:16px;filter:grayscale(100%)}.card-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;opacity:.5}@media(max-width:640px){.project-card-inner{padding:calc(var(--grid) * 1.5)}.status-badge{top:8px;right:8px;font-size:8px;padding:4px 8px}.project-number{top:8px;left:8px;font-size:12px;padding:4px 8px}.card-corner{width:12px;height:12px}.project-content{padding:0 var(--grid)}}html.smooth-mode .action-button{border-radius:10px}.projects{background-color:var(--bg);color:var(--fg);margin-top:calc(var(--grid) * 4)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--grid) * 4);margin-top:calc(var(--grid) * 4)}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}.certificates{background-color:var(--bg);color:var(--fg);padding:calc(var(--grid) * 8) calc(var(--grid) * 2);position:relative;overflow:hidden}.certificates:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(var(--ui-rgb) .03) 2px,rgba(var(--ui-rgb) .03) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(var(--ui-rgb) .03) 2px,rgba(var(--ui-rgb) .03) 4px);pointer-events:none}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:calc(var(--grid) * 4);max-width:1200px;margin:calc(var(--grid) * 6) auto 0;position:relative;z-index:1}.certificate-card{position:relative;background:rgba(var(--ui-rgb),.2);border:3px solid var(--muted);padding:calc(var(--grid) * 3);transition:all .4s ease;opacity:0;animation:fadeInUp .6s forwards;display:flex;flex-direction:column;gap:calc(var(--grid) * 2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.certificate-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 12px 24px #00000080,0 0 30px rgba(var(--ui-rgb),.2)}.certificate-card .card-corner{position:absolute;width:12px;height:12px;border:3px solid var(--fg);transition:border-color .3s}.certificate-card:hover .card-corner{border-color:var(--accent)}.card-corner.tl{top:-3px;left:-3px;border-right:none;border-bottom:none}.card-corner.tr{top:-3px;right:-3px;border-left:none;border-bottom:none}.card-corner.bl{bottom:-3px;left:-3px;border-right:none;border-top:none}.card-corner.br{bottom:-3px;right:-3px;border-left:none;border-top:none}.certificate-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;padding:calc(var(--grid) * 2);background:rgba(var(--accent-rgb),.1);border:2px solid var(--accent);margin:0 auto;animation:icon-glow 2s infinite;color:var(--accent)}.certificate-icon svg{width:48px;height:48px}@keyframes icon-glow{0%,to{box-shadow:0 0 10px rgba(var(--accent-rgb),.3)}50%{box-shadow:0 0 20px rgba(var(--accent-rgb),.6)}}.certificate-content{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:space-between}.certificate-title{font-size:clamp(14px,2vw,18px);color:var(--accent);margin:0 0 calc(var(--grid)) 0;text-shadow:2px 2px 0 rgba(0,0,0,.5);line-height:1.3;text-transform:uppercase;letter-spacing:1px}.certificate-issuer{font-size:clamp(11px,1.5vw,13px);color:var(--ui);margin:0 0 calc(var(--grid) * .5) 0;text-transform:uppercase;letter-spacing:1.5px;opacity:.9}.certificate-date{font-size:clamp(10px,1vw,11px);color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:1px}.certificate-button{display:flex;align-items:center;justify-content:center;gap:calc(var(--grid));padding:calc(var(--grid) * 2);background:var(--ui);border:3px solid var(--fg);color:var(--bg);font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;box-shadow:4px 4px #000000b3;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;cursor:pointer}.certificate-button:hover{background:var(--accent);color:var(--fg);transform:translate(2px,2px);box-shadow:2px 2px #000000b3}.certificate-button:active{transform:translate(4px,4px);box-shadow:0 0 #000000b3}.btn-icon{width:16px;height:16px;display:inline-block}.card-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;opacity:0;transition:opacity .3s}.certificate-card:hover .card-scanlines{opacity:1}html.smooth-mode .certificate-card{background:rgba(var(--ui-rgb) .02);border:1px solid rgba(var(--ui-rgb),.5);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.smooth-mode .certificate-card:hover{border-color:rgba(var(--ui-rgb),.5);transform:translateY(-12px);box-shadow:0 0 20px rgba(var(--fg-rgb),.1),inset 0 1px rgba(var(--ui-rgb),.6)}html.smooth-mode .certificate-card .card-corner{display:none}html.smooth-mode .certificate-icon{border-radius:16px;border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.05)}html.smooth-mode .certificate-title{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:700;letter-spacing:-.02em;text-transform:none;text-shadow:none}html.smooth-mode .certificate-issuer{font-size:clamp(.9375rem,1.5vw,1.0625rem);font-weight:500;letter-spacing:0;text-transform:none}html.smooth-mode .certificate-date{font-size:clamp(.875rem,1vw,.9375rem);letter-spacing:0;text-transform:none}html.smooth-mode .certificate-button{background:linear-gradient(135deg,var(--accent),var(--ui));border:none;border-radius:12px;padding:1rem 1.5rem;font-size:.9375rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:#fff;box-shadow:0 4px 12px rgba(var(--ui-rgb),.3),inset 0 1px rgba(var(--ui-rgb) .2)}html.smooth-mode .certificate-button:hover{transform:translateY(-4px);color:var(--fg);box-shadow:0 12px 32px rgba(var(--ui-rgb),.4),inset 0 1px rgba(var(--ui-rgb) .3)}html.smooth-mode .certificate-button:active{transform:translateY(-2px)}html.smooth-mode .card-scanlines{display:none}@media(max-width:768px){.certificates-grid{grid-template-columns:1fr;gap:calc(var(--grid) * 3)}.certificate-card{padding:calc(var(--grid) * 2)}html.smooth-mode .certificate-card{padding:1.5rem}}.contact{background-color:var(--bg);color:var(--fg);padding:calc(var(--grid) * 8) calc(var(--grid) * 2)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--grid) * 6);margin-top:calc(var(--grid) * 6);max-width:1200px;margin-left:auto;margin-right:auto}.contact-form{background-color:rgba(var(--ui-rgb),.2);border:3px solid var(--muted);box-shadow:6px 6px #00000080;padding:calc(var(--grid) * 4);display:flex;flex-direction:column;gap:calc(var(--grid) * 3);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form:hover{border-color:var(--accent)}.form-group{display:flex;flex-direction:column;gap:calc(var(--grid))}.form-group label{font-size:8px;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;text-shadow:2px 2px 0 rgba(0,0,0,.5);font-weight:700}.form-group input,.form-group textarea{background-color:rgba(var(--ui-rgb),.5);border:3px solid var(--fg);color:var(--fg);padding:calc(var(--grid) * 2);font-family:"Press Start 2P",cursive;font-size:8px;resize:vertical;box-shadow:inset 2px 2px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group textarea{min-height:calc(var(--grid) * 20)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:inset 2px 2px #00000080,0 0 0 3px var(--ui),0 0 10px rgba(var(--accent-rgb),.3);transform:translateY(-2px)}.contact-form button:disabled{opacity:.5;cursor:not-allowed}.contact-form button.loading{opacity:1}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dots .dot{width:6px;height:6px;background:currentColor;border-radius:50%;animation:loading-bounce 1.4s infinite ease-in-out both}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.form-message{padding:calc(var(--grid) * 2);border:2px solid;font-size:11px;text-align:center;text-transform:uppercase;letter-spacing:1px;animation:slideIn .3s ease}.form-message.success{background:#4caf501a;border-color:#4caf50;color:#4caf50}.form-message.error{background:#f443361a;border-color:#f44336;color:#f44336}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-info{display:flex;flex-direction:column;gap:calc(var(--grid) * 4);padding:calc(var(--grid) * 2)}.availability-badge{background:rgba(var(--ui-rgb),.2);border:3px solid var(--accent);padding:calc(var(--grid) * 3);display:flex;align-items:center;gap:calc(var(--grid) * 2);box-shadow:4px 4px #00000080;position:relative;overflow:hidden}.availability-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{to{left:100%}}.status-dot{width:15px;aspect-ratio:1;background:var(--accent);border:2px solid var(--fg);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px var(--accent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-text{font-size:8px;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.info-block{background:rgba(var(--ui-rgb),.2);border:3px solid var(--muted);padding:calc(var(--grid) * 3);box-shadow:4px 4px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-block:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:6px 6px #00000080}.info-block h3{color:var(--accent);font-size:16px;margin-bottom:calc(var(--grid) * 2);text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.info-block p,.info-block a{font-size:8px;line-height:1.8;color:var(--fg);opacity:.9}.info-block a{display:inline-flex;align-items:center;gap:calc(var(--grid));margin-top:calc(var(--grid));padding:calc(var(--grid)) calc(var(--grid) * 2);background:rgba(var(--ui-rgb),.2);border:2px solid var(--fg);transition:all .3s ease;text-decoration:none}.info-block a:hover{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:translate(4px)}.social-link{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--grid) * 6);height:calc(var(--grid) * 6);background:rgba(var(--ui-rgb),.2);border:3px solid var(--fg);box-shadow:3px 3px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:10px}.social-link:hover{background:var(--accent);border-color:var(--accent);transform:translate(2px,2px);box-shadow:1px 1px #00000080}html.smooth-mode .contact{padding:clamp(5rem,10vw,8rem) clamp(2rem,5vw,4rem)}html.smooth-mode .contact-content{gap:4rem;margin-top:4rem}html.smooth-mode .contact-form{background:rgba(var(--ui-rgb),.2);border:1px solid rgba(var(--ui-rgb),.2);border-radius:10px;padding:3rem;box-shadow:0 8px 32px #0000001f,inset 0 1px rgba(var(--ui-rgb),.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.smooth-mode .form-group{gap:.75rem}html.smooth-mode .form-group label{font-size:.9375rem;letter-spacing:.02em;text-transform:none;font-weight:600;color:var(--accent);text-shadow:none}html.smooth-mode .form-group input,html.smooth-mode .form-group textarea{background-color:rgba(var(--ui-rgb),.5)!important;border:1.5px solid rgba(var(--fg-rgb),.2);border-radius:8px;padding:1rem 1.25rem;font-size:1rem;font-weight:400;box-shadow:inset 0 2px 4px #0000000f,0 1px 2px #0000000a}html.smooth-mode .form-group textarea{min-height:200px}html.smooth-mode .form-group input:focus,html.smooth-mode .form-group textarea:focus{border-color:var(--ui);background:rgba(var(--ui-rgb),.2);box-shadow:inset 0 2px 4px #00000014,0 0 0 4px rgba(var(--ui-rgb),.12),0 8px 24px rgba(var(--ui-rgb),.2);transform:translateY(-2px)}html.smooth-mode .contact-form button:active:not(:disabled){transform:translateY(-2px)}html.smooth-mode .form-message{border-radius:8px;font-size:.9375rem;letter-spacing:0;text-transform:none;padding:1rem 1.5rem}html.smooth-mode .availability-badge{background:rgba(var(--ui-rgb),.2);border:1px solid rgba(var(--accent-rgb),.3);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 4px 8px #0000001a,inset 0 1px rgba(var(--ui-rgb),.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.smooth-mode .status-dot{width:10px;height:10px;border-radius:50%}html.smooth-mode .status-text{font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:none;text-shadow:none}.social-links{display:flex;gap:calc(var(--grid) * 2);justify-content:center;flex-wrap:wrap}.social-links a{background-color:rgba(var(--ui-rgb),.2);display:inline-flex;align-items:center;justify-content:center;width:calc(var(--grid) * 8);height:calc(var(--grid) * 8);border:3px solid var(--fg);box-shadow:3px 3px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--fg)}.social-links a:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:translate(2px,2px);box-shadow:1px 1px #00000080}.demo-link-wrapper{display:block;text-align:center}.cta-demo{background:var(--accent);color:var(--bg);border:3px solid var(--fg);padding:calc(var(--grid) * 2.5) calc(var(--grid) * 4);font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:700;box-shadow:4px 4px #000000b3;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;max-width:300px}.cta-demo:hover{transform:translate(2px,2px);box-shadow:2px 2px #000000b3;background-color:var(--ui)}.cta-demo:active{transform:translate(4px,4px);box-shadow:0 0 #000000b3}html.smooth-mode .loading-dots .dot{border-radius:50%;width:8px;height:8px}html.smooth-mode .social-links{gap:1.5rem}html.smooth-mode .social-links a{width:64px;height:64px;background:rgba(var(--ui-rgb),.2);border:1px solid rgba(var(--ui-rgb),.2);border-radius:16px;box-shadow:0 4px 8px #0000001a,inset 0 1px rgba(var(--ui-rgb),.2)}html.smooth-mode .social-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px rgba(var(--accent-rgb),.3),inset 0 1px rgba(var(--ui-rgb),.2)}html.smooth-mode .cta-demo:active,html.smooth-mode .contact-form button:active{transform:translateY(-2px)}html.smooth-mode .info-block{background:rgba(var(--ui-rgb),.02);border:1px solid rgba(var(--ui-rgb),.08);border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0000001a,inset 0 1px rgba(var(--ui-rgb),.04)}html.smooth-mode .info-block h3{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;text-transform:none;text-shadow:none;margin-bottom:1rem;color:var(--ui)}html.smooth-mode .info-block p,html.smooth-mode .info-block a{font-size:1rem;line-height:1.7;opacity:.85}html.smooth-mode .info-block a{background:rgba(var(--ui-rgb),.1);border:1px solid rgba(var(--ui-rgb),.2);border-radius:10px;padding:.75rem 1.25rem;margin-top:.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}html.smooth-mode .info-block a:hover{background:rgba(var(--ui-rgb),.2);border-color:var(--ui);transform:translate(8px);box-shadow:0 4px 8px rgba(var(--ui-rgb),.3)}html.smooth-mode .social-link{width:56px;height:56px;background:rgba(var(--accent-rgb),.03);border:1px solid rgba(var(--accent-rgb),.08);border-radius:8px;box-shadow:0 2px 8px #0000001a,inset 0 1px rgba(var(--accent-rgb),.04);font-size:24px}html.smooth-mode .social-link:hover{background:linear-gradient(135deg,var(--accent),var(--ui));border-color:transparent;transform:translateY(-4px);box-shadow:0 8px 24px rgba(var(--ui-rgb),.4)}@media(max-width:768px){.contact-content{grid-template-columns:1fr;gap:calc(var(--grid) * 4)}.contact-form{padding:calc(var(--grid) * 3)}html.smooth-mode .contact-content{grid-template-columns:1fr;gap:3rem}html.smooth-mode .contact-form{padding:2rem}}.footer{background-color:var(--bg);border-top:4px solid var(--muted);padding:calc(var(--grid) * 4);text-align:center;font-size:11px;margin-top:calc(var(--grid) * 8);box-shadow:0 -4px #00000080;position:relative}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:calc(var(--grid) * 2);align-items:center}.footer-content p{margin:0;line-height:1.8;color:var(--accent)}@media(max-width:640px){.footer-content{font-size:calc(var(--grid) * 1.2)}}html.smooth-mode .footer{border-top:4px solid var(--muted);padding:3rem 2rem 2rem;margin-top:0;box-shadow:0 -1px 3px #0000001f;background-color:var(--bg)}html.smooth-mode .footer-content{gap:1.5rem}html.smooth-mode .footer-content p{font-size:.9375rem;color:var(--accent);line-height:1.6}@media(max-width:640px){html.smooth-mode .footer{padding:2.5rem 1.5rem 1.5rem}html.smooth-mode .footer-content p{font-size:.875rem}}.project-detail-container{min-height:100vh;padding-top:0}.project-hero{padding:2rem 2rem 6rem;max-width:1200px;margin:0 auto;position:relative}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--fg);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:1rem;font-weight:500;margin-bottom:3rem}.back-button:hover{transform:translate(-4px);background:#ffffff14;border-color:var(--ui)}.project-hero-content{margin-bottom:3rem}.project-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.project-status-badge,.project-category,.project-duration{padding:.5rem 1rem;background:rgba(var(--ui-rgb),.1);border:1px solid rgba(var(--ui-rgb),.2);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--ui)}.project-status-badge{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.project-title-main{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,var(--fg) 0%,var(--ui) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-subtitle-main{font-size:clamp(1.0625rem,1.8vw,1.25rem);color:rgba(var(--fg-rgb, 248, 250, 252),.7);line-height:1.6;max-width:800px;margin-bottom:2rem}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tech-tag{padding:.625rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:.9375rem;font-weight:500;transition:all .3s ease}.tech-tag:hover{background:#ffffff0f;border-color:rgba(var(--ui-rgb),.3);transform:translateY(-2px)}.project-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.project-link-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-size:.75rem;font-weight:600;text-decoration:none;cursor:pointer}.project-link-button.primary{background:var(--accent);color:var(--bg);border:2px solid var(--accent);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.project-link-button.primary:hover{background:var(--ui);border-color:var(--ui);box-shadow:0 6px 20px rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.project-link-button.secondary{background:#ffffff0d;color:var(--fg);border:2px solid rgba(255,255,255,.1)}.project-link-button.secondary:hover{background:#ffffff14;border-color:var(--ui);transform:translateY(-2px)}.tech-tag:hover{background:rgba(var(--ui-rgb),.1);border-color:var(--ui);transform:translateY(-2px)}.project-hero-image{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d,0 8px 24px rgba(var(--ui-rgb),.2)}.project-hero-image img{width:100%;max-height:500px;display:block;object-fit:contain}.project-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.project-section.bg-alternate{background:#ffffff03}.section-content h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;margin-bottom:2.5rem;text-align:center}.lead-text{font-size:clamp(1.0625rem,1.8vw,1.1875rem);line-height:1.8;color:rgba(var(--fg-rgb, 248, 250, 252),.8);max-width:900px;margin:0 auto}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.content-block h3{font-size:1.5rem;margin-bottom:1rem;color:var(--ui)}.content-block p{line-height:1.7;color:rgba(var(--fg-rgb, 248, 250, 252),.75)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card{padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.feature-card:hover{transform:translateY(-8px);background:#ffffff0a;border-color:#a78bfa4d;box-shadow:0 20px 40px rgba(var(--ui-rgb),.2)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:rgba(var(--fg-rgb, 248, 250, 252),.7);line-height:1.6}.tech-stack-detailed{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.tech-stack-item{padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(var(--ui-rgb),.1),#a78bfa0d);border:1px solid rgba(var(--ui-rgb),.2);border-radius:12px;font-weight:600;transition:all .3s ease}.tech-stack-item:hover{background:linear-gradient(135deg,rgba(var(--ui-rgb),.2),#a78bfa1a);transform:scale(1.05)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.result-card{text-align:center;padding:2.5rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px}.result-number{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--ui));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.result-label{font-size:1rem;color:rgba(var(--fg-rgb, 248, 250, 252),.7);font-weight:500}.project-cta{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(var(--ui-rgb),.1),#a78bfa0d)}.cta-content h2{font-size:clamp(1.75rem,4vw,2.75rem);margin-bottom:1rem}.cta-content p{font-size:1.0625rem;color:rgba(var(--fg-rgb, 248, 250, 252),.7);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2.5rem;border-radius:14px;font-size:1.0625rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);text-decoration:none;display:inline-block}.cta-button.primary{background:linear-gradient(135deg,var(--accent),var(--ui));color:#fff;border:none}.cta-button.primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px rgba(var(--ui-rgb),.4)}.cta-button.secondary{background:#ffffff0d;color:var(--fg);border:1px solid rgba(255,255,255,.1)}.cta-button.secondary:hover{background:#ffffff14;border-color:var(--ui);transform:translateY(-4px)}.project-not-found{text-align:center;padding:8rem 2rem}.project-not-found h1{font-size:6rem;margin-bottom:1rem}@media(max-width:768px){.project-hero{padding:2rem 1.5rem 4rem}.project-section{padding:3rem 1.5rem}.content-grid,.features-grid{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,1fr)}}html.smooth-mode .project-hero{padding-top:2rem;margin-top:0}html.smooth-mode .project-detail-container{padding-top:0;margin-top:0}.project-status{padding:.375rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.375rem}.project-status:before{content:"●";font-size:.75rem}.status-completed{background:#22c55e26;color:#22c55e;border:1.5px solid rgba(34,197,94,.3)}.status-active{background:#3b82f626;color:#3b82f6;border:1.5px solid rgba(59,130,246,.3)}.status-finished{background:#a855f726;color:#a855f7;border:1.5px solid rgba(168,85,247,.3)}html.smooth-mode .project-status{border-radius:12px;padding:.5rem 1rem;font-size:.8125rem;box-shadow:0 2px 8px #0000001a}.App{display:flex;flex-direction:column;min-height:100dvh;overflow-x:hidden;position:relative;image-rendering:pixelated;image-rendering:crisp-edges;transition:background-color .3s cubic-bezier(.4,0,.2,1)}section{padding:calc(var(--grid) * 8) calc(var(--grid) * 2);width:100%;box-sizing:border-box;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1)}section:nth-child(2n){background-color:#00000026}section:nth-child(odd){background-color:#ffffff08}body.palette-flash{animation:paletteFlash .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes paletteFlash{0%{filter:brightness(1);opacity:1}50%{filter:brightness(1.2);opacity:.95}to{filter:brightness(1);opacity:1}}.pixel-container{border:2px solid var(--fg);padding:calc(var(--grid) * 2);background-color:var(--bg);box-shadow:4px 4px 0 0 var(--muted),inset 2px 2px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.pixel-container:hover{box-shadow:6px 6px 0 0 var(--muted),inset 2px 2px #ffffff26,0 0 20px #a855f733;transform:translateY(-2px)}.pixel-box{border:2px solid var(--muted);background-color:#00000040;padding:var(--grid);transition:all .2s cubic-bezier(.4,0,.2,1)}.pixel-box:hover{background-color:#00000059;border-color:var(--accent)}.pixel-divider{height:2px;background:repeating-linear-gradient(to right,var(--accent) 0px,var(--accent) 4px,transparent 4px,transparent 8px);margin:calc(var(--grid) * 2) 0}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;font-smooth:never;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden}img,canvas,video{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}::selection{background:var(--accent);color:var(--fg)}::-moz-selection{background:var(--accent);color:var(--fg)}:root{--grid: 8px;--bg: #0a0e1a;--fg: #f8fafc;--accent: #8b5cf6;--muted: #475569;--ui: #a78bfa;--bg-rgb: 10, 14, 26;--fg-rgb: 248, 250, 252;--ui-rgb: 167, 139, 250;--accent-rgb: 139, 92, 246}[data-palette=nes]{--bg: #0b0d17;--fg: #f8f8f8;--accent: #ff2d2d;--muted: #8a8a8a;--ui: #2d8efe;--bg-rgb: 11, 13, 23;--fg-rgb: 248, 248, 248;--ui-rgb: 45, 142, 254;--accent-rgb: 255, 45, 45}[data-palette=gameboy]{--bg: #0f380f;--fg: #9bbc0f;--accent: #8bac0f;--muted: #306230;--ui: #8bac0f;--bg-rgb: 15, 56, 15;--fg-rgb: 155, 188, 15;--ui-rgb: 139, 172, 15;--accent-rgb: 139, 172, 15}[data-palette=c64]{--bg: #173f8a;--fg: #f6f6f6;--accent: #ffd700;--muted: #9cb4ff;--ui: #00ffff;--bg-rgb: 23, 63, 138;--fg-rgb: 246, 246, 246;--ui-rgb: 0, 255, 255;--accent-rgb: 255, 215, 0}[data-palette=zxspectrum]{--bg: #000000;--fg: #ffffff;--accent: #00ffff;--muted: #00ff00;--ui: #ff00ff;--bg-rgb: 0, 0, 0;--fg-rgb: 255, 255, 255;--ui-rgb: 255, 0, 255;--accent-rgb: 0, 255, 255}[data-palette=cyan]{--bg: #0a0f14;--fg: #cfeef6;--accent: #008d9f;--muted: #4f7a83;--ui: #0fb9d7;--bg-rgb: 10, 15, 20;--fg-rgb: 207, 238, 246;--ui-rgb: 15, 185, 215;--accent-rgb: 0, 188, 212}[data-palette=dark]{--bg: #0a0e1a;--fg: #f8fafc;--accent: #8b5cf6;--muted: #475569;--ui: #a78bfa;--bg-rgb: 10, 14, 26;--fg-rgb: 248, 250, 252;--ui-rgb: 167, 139, 250;--accent-rgb: 139, 92, 246}[data-palette=light]{--bg: #ffffff;--fg: #0f172a;--accent: #8b5cf6;--muted: #1b1d21;--ui: #a78bfa;--bg-rgb: 255, 255, 255;--fg-rgb: 15, 23, 42;--ui-rgb: 167, 139, 250;--accent-rgb: 139, 92, 246}[data-palette=monochrome-black]{--bg: #0a0a0a;--fg: #f5f5f5;--accent: #6b6b6b;--muted: #666666;--ui: #bbbbbb;--bg-rgb: 10, 10, 10;--fg-rgb: 245, 245, 245;--ui-rgb: 187, 187, 187;--accent-rgb: 204, 204, 204}[data-palette=monochrome-white]{--bg: #fafafa;--fg: #1a1a1a;--accent: #555555;--muted: #999999;--bg-rgb: 250, 250, 250;--fg-rgb: 26, 26, 26;--ui-rgb: 102, 102, 102;--accent-rgb: 85, 85, 85;--muted: #4e4e4e;--ui: #666666}[data-palette=light] .modal-content,[data-palette=light] .project-card,[data-palette=light] section{box-shadow:0 2px 8px #0000000a,0 1px 4px #00000005!important}[data-palette=light] .header{background:#ffffffe6!important;border-bottom:1px solid rgba(0,0,0,.05)}[data-palette=light] section:nth-child(2n){background-color:#00000005}[data-palette=light] section:nth-child(odd){background-color:#00000001}[data-palette=monochrome-black] .modal-overlay,[data-palette=monochrome-white] .modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-palette=monochrome-white] .header{background:#fafafaf2!important;border-bottom:1px solid rgba(0,0,0,.08)}*{box-sizing:border-box}::-webkit-scrollbar{width:0;height:0}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}html,body{-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}body{margin:0;font-family:"Press Start 2P",cursive;background-color:var(--bg);color:var(--fg);line-height:1.6;transition:all .3s ease}html.pixel-art-mode,html.pixel-art-mode body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;font-smooth:never}html.smooth-mode,html.smooth-mode body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}html.smooth-mode *:not(i):not([class*=devicon]):not([class*=icon-]){font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}html.smooth-mode body{background:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(167,139,250,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.03) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(167,139,250,.03) 0px,transparent 50%)}html.smooth-mode button,html.smooth-mode input,html.smooth-mode textarea,html.smooth-mode select{border-radius:12px!important}html.smooth-mode .project-card,html.smooth-mode .skill-card,html.smooth-mode .testimonial-card,html.smooth-mode .blog-post-card{border-radius:20px!important;border:1px solid rgba(255,255,255,.06);background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.smooth-mode .modal-content{border-radius:28px!important;border:1px solid rgba(255,255,255,.1);background:#0a0e1af2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}html.smooth-mode section{border-radius:0!important}html.smooth-mode .header,html.smooth-mode .footer{border-radius:0!important}html.smooth-mode .avatar-frame,html.smooth-mode .avatar-sprite{border-radius:50%!important}html.smooth-mode .palette-button,html.smooth-mode .language-button,html.smooth-mode .pixel-toggle-button{border-radius:10px!important}html.smooth-mode .status-badge,html.smooth-mode .stack-tag{border-radius:8px!important;padding:.5rem 1rem;font-weight:600;font-size:.8125rem;letter-spacing:.02em;text-transform:uppercase}html.smooth-mode h2{font-weight:800;font-size:clamp(1.875rem,4.5vw,3rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:1.25rem}html.smooth-mode h3{font-weight:700;font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.2;letter-spacing:-.03em;margin-bottom:1rem}html.smooth-mode h4{font-weight:600;font-size:clamp(1.25rem,2.5vw,1.625rem);letter-spacing:-.02em;margin-bottom:.875rem}html.smooth-mode .section-title{font-weight:800!important;font-size:clamp(2rem,5vw,3rem)!important;letter-spacing:-.04em!important;text-align:center;color:var(--accent);text-shadow:1px 1px 5px var(--bg)}html.smooth-mode button{font-weight:600;letter-spacing:.01em;font-size:clamp(.9375rem,1.5vw,1.0625rem)}html.smooth-mode .project-card,html.smooth-mode .skill-card,html.smooth-mode .testimonial-card,html.smooth-mode .blog-post-card{box-shadow:0 1px 2px #0000000d,0 8px 16px -4px #0000001a,inset 0 1px #ffffff08!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)}html.smooth-mode .project-card:hover,html.smooth-mode .skill-card:hover,html.smooth-mode .testimonial-card:hover,html.smooth-mode .blog-post-card:hover{box-shadow:0 24px 48px -12px #8b5cf640,0 12px 24px -8px #00000026,0 0 0 1px #a78bfa4d,inset 0 1px #ffffff0f!important;transform:translateY(-8px) scale(1.01);border-color:#a78bfa4d;background:#ffffff0a}html.smooth-mode button{box-shadow:0 2px 4px #00000014,0 1px 2px #0000000f,inset 0 1px #ffffff0f!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)}html.smooth-mode button:hover{box-shadow:0 12px 24px #8b5cf633,0 6px 12px #0000001f,inset 0 1px #ffffff1a!important;transform:translateY(-3px)}html.smooth-mode input,html.smooth-mode textarea,html.smooth-mode select{border-radius:12px!important;border:1.5px solid rgba(255,255,255,.1)!important;background:#ffffff08!important;padding:1rem 1.25rem!important;font-size:1rem!important;font-weight:400!important;letter-spacing:-.01em!important;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #0000000f,0 1px 2px #0000000a!important}html.smooth-mode input:focus,html.smooth-mode textarea:focus,html.smooth-mode select:focus{outline:none;border-color:var(--ui)!important;background:#ffffff0d!important;box-shadow:inset 0 2px 4px #00000014,0 0 0 4px #8b5cf61f,0 8px 24px #8b5cf633!important;transform:translateY(-2px)}html.smooth-mode .pixel-scrollbar-track{border-radius:14px!important;background:#ffffff05!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.06)!important;width:16px!important;box-shadow:inset 0 2px 8px #0000001a!important}html.smooth-mode .pixel-scrollbar-thumb{border-radius:12px!important;border:none!important;background:linear-gradient(180deg,var(--accent) 0%,var(--ui) 100%)!important;opacity:.9;box-shadow:0 2px 12px #8b5cf666,inset 0 1px #fff3!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)}html.smooth-mode .pixel-scrollbar-thumb:hover{opacity:1;box-shadow:0 4px 20px #8b5cf699,0 0 32px #a78bfa66,inset 0 1px #ffffff4d!important;transform:scaleX(1.15)}html.smooth-mode .pixel-scrollbar-thumb.dragging{opacity:1;box-shadow:0 6px 24px #8b5cf6b3,0 0 40px #a78bfa80,inset 0 1px #fff6!important}html.smooth-mode .pixel-scrollbar-thumb:before,html.smooth-mode .pixel-scrollbar-thumb:after,html.smooth-mode .pixel-scrollbar-track:before,html.smooth-mode .pixel-scrollbar-track:after{display:none}html.smooth-mode *{transition-timing-function:cubic-bezier(.34,1.56,.64,1)!important}html.smooth-mode button,html.smooth-mode .project-card,html.smooth-mode .skill-card,html.smooth-mode a,html.smooth-mode input,html.smooth-mode textarea{transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}html.smooth-mode .hero{background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(139,92,246,.15),transparent),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(167,139,250,.1),transparent),radial-gradient(ellipse 70% 50% at 80% 70%,rgba(139,92,246,.08),transparent),var(--bg)!important;position:relative;overflow:hidden}html.smooth-mode .hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(139,92,246,.03) 50%,transparent 70%);animation:hero-shimmer 15s ease-in-out infinite;pointer-events:none}@keyframes hero-shimmer{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10%,10%) rotate(5deg)}}html.smooth-mode .hero-pixels{display:none}html.smooth-mode section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent)}html.smooth-mode section:nth-child(2n){background:radial-gradient(ellipse 100% 100% at 50% 0%,rgba(139,92,246,.02),transparent),#ffffff03}html.smooth-mode section:nth-child(odd){background:transparent}html.smooth-mode a{text-decoration:none;color:var(--ui);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}html.smooth-mode a:hover{color:var(--accent);transform:translateY(-1px)}html.smooth-mode a:after{display:none}html.smooth-mode .custom-cursor{display:none!important}html.smooth-mode,html.smooth-mode *{cursor:auto!important}html.smooth-mode.crt-overlay:before,html.smooth-mode.crt-overlay:after{display:none}@keyframes float-smooth{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}html.smooth-mode .floating{animation:float-smooth 6s ease-in-out infinite}html.smooth-mode .gradient-text{background:linear-gradient(135deg,var(--fg) 0%,var(--ui) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.smooth-mode .glass-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff0a}html.smooth-mode .glow-on-hover:hover{box-shadow:0 0 20px #8b5cf666,0 0 40px #8b5cf633,0 0 60px #8b5cf61a}html.smooth-mode .custom-cursor{border-radius:50%;filter:drop-shadow(0 0 8px currentColor);border:2px solid currentColor!important;background:radial-gradient(circle,currentColor 0%,transparent 70%)!important}html.smooth-mode .custom-cursor:before,html.smooth-mode .custom-cursor:after{border-radius:4px}html.smooth-mode .hero{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(168,85,247,.15),transparent),linear-gradient(180deg,var(--bg) 0%,rgba(0,0,0,.5) 100%)!important}html.smooth-mode .hero-pixels{opacity:.3}html.smooth-mode section:nth-child(2n){background-color:#00000005}html.smooth-mode section:nth-child(odd){background-color:transparent}html.smooth-mode a{text-decoration:none;position:relative}html.smooth-mode a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--ui),var(--accent));transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:2px}html.smooth-mode a:hover:after{width:100%}html.smooth-mode.crt-overlay:before{opacity:.15!important}html.smooth-mode.crt-overlay:after{opacity:.3!important}*,*:before,*:after{cursor:none!important}.pixel-btn,.cta-primary,.cta-secondary,.action-button{cursor:none!important}body{margin-right:24px}.pixel-crisp{image-rendering:pixelated;shape-rendering:crispEdges}.crt-overlay:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000026 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 2px,3px 100%;pointer-events:none;z-index:9999;opacity:.4;mix-blend-mode:overlay}.crt-overlay:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 120px #0006;pointer-events:none;z-index:9999}.p-grid{padding:var(--grid)}.m-grid{margin:var(--grid)}.gap-grid{gap:var(--grid)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}button{font-family:"Press Start 2P",cursive;background-color:var(--ui);color:var(--fg);border:2px solid var(--fg);padding:var(--grid) calc(var(--grid) * 2);cursor:none!important;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:0;position:relative;text-shadow:1px 1px 0px rgba(0,0,0,.5);font-size:calc(var(--grid) * 1.5);box-shadow:0 4px 0 0 var(--muted),inset 2px 2px #ffffff4d,inset -2px -2px #0006;image-rendering:pixelated;image-rendering:crisp-edges;will-change:transform,box-shadow}button:hover{background-color:var(--accent);color:var(--fg);transform:translateY(2px) scale(1.03);box-shadow:0 2px 0 0 var(--muted),inset 2px 2px #fff6,inset -2px -2px #0006,0 0 12px #a855f74d}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:active{transform:translateY(4px) scale(.98);box-shadow:0 0 0 0 var(--muted),inset 2px 2px #00000080,inset -2px -2px #fff3}input,textarea,select{font-family:"Press Start 2P",cursive;background-color:var(--bg);color:var(--fg);border:2px solid var(--muted);padding:var(--grid);font-size:calc(var(--grid) * 1.5);border-radius:0;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 2px 2px #00000080,inset -1px -1px #ffffff1a;image-rendering:pixelated;image-rendering:crisp-edges}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:inset 2px 2px #00000080,inset -1px -1px #ffffff1a,0 0 0 2px var(--ui),0 0 12px #a855f74d}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}textarea{resize:vertical;min-height:calc(var(--grid) * 12)}a{color:var(--accent);text-decoration:none;position:relative;transition:color .3s cubic-bezier(.4,0,.2,1)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--ui)}a:hover:after{width:100%;background:var(--ui)}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}h1,h2,h3,h4,h5,h6{color:var(--fg);margin-top:calc(var(--grid) * 2);margin-bottom:var(--grid);line-height:1.4;text-shadow:2px 2px 0px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}h1{font-size:clamp(1.5rem,4vw,2.5rem)}h2{font-size:clamp(1.25rem,3.5vw,2rem)}h3{font-size:clamp(1.1rem,3vw,1.75rem)}a h1:hover,a h2:hover,a h3:hover,button h1:hover,button h2:hover,button h3:hover{text-shadow:2px 2px 0px rgba(0,0,0,.3),0 0 20px rgba(168,85,247,.5)}img{image-rendering:pixelated}body.cursor-click{cursor:url(/assets/cursor-click-16.png),auto}@keyframes sprite-animation{0%{background-position:0px}to{background-position:-48px}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--ui);outline-offset:4px;border-radius:4px}html.smooth-mode *:focus-visible{outline:3px solid var(--ui);outline-offset:4px;border-radius:8px}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--ui);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}html.smooth-mode .skeleton{border-radius:8px}.will-animate{will-change:transform,opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}html.smooth-mode .page-transition-enter{transform:translateY(30px) scale(.98)}html.smooth-mode .page-transition-enter-active{transform:translateY(0) scale(1);transition:all .5s cubic-bezier(.34,1.56,.64,1)}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem 1rem;background:#000000e6;color:var(--fg);font-size:.875rem;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000}[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(-4px)}html.smooth-mode [data-tooltip]:before{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}::selection{background:var(--ui);color:var(--bg);text-shadow:none}::-moz-selection{background:var(--ui);color:var(--bg);text-shadow:none}html.smooth-mode ::selection{background:linear-gradient(135deg,var(--ui) 0%,var(--accent) 100%);color:#fff}@media print{.no-print,.header,.footer,.custom-cursor,.pixel-scrollbar,.scroll-to-top{display:none!important}body{background:#fff;color:#000}a{text-decoration:underline}}@media(prefers-contrast:high){*{border-width:2px!important}button,a{font-weight:700!important}}section{padding:calc(var(--grid) * 8) calc(var(--grid) * 2);margin:0 auto}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:calc(var(--grid) * 6);text-align:center}html.pixel-art-mode h1{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.3}html.pixel-art-mode h2{font-size:clamp(1.25rem,3.5vw,2rem);line-height:1.4}html.pixel-art-mode h3{font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.5}html.pixel-art-mode p,html.pixel-art-mode li{font-size:12px;line-height:1.8}html.pixel-art-mode button{font-size:12px;padding:calc(var(--grid) * 2) calc(var(--grid) * 3)}html.pixel-art-mode input,html.pixel-art-mode textarea{font-size:12px;padding:calc(var(--grid) * 2)}html.smooth-mode h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1}html.smooth-mode h2{font-size:clamp(1.875rem,4.5vw,3rem);line-height:1.15}html.smooth-mode h3{font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.2}html.smooth-mode h4{font-size:clamp(1.25rem,2.5vw,1.625rem);line-height:1.3}html.smooth-mode button{font-size:clamp(.9375rem,1.5vw,1.0625rem);padding:1rem 2rem}html.smooth-mode input,html.smooth-mode textarea{font-size:1rem;padding:1rem 1.25rem}html.smooth-mode .project-card,html.smooth-mode .skill-card,html.smooth-mode .testimonial-card,html.smooth-mode .blog-post-card{padding:2rem}.projects-grid,.skills-grid,.testimonials-grid{gap:calc(var(--grid) * 4)}html.smooth-mode .projects-grid,html.smooth-mode .skills-grid,html.smooth-mode .testimonials-grid{gap:2rem}html.smooth-mode .skill-card:hover{border-radius:20px!important}html.smooth-mode .skill-card:before{border-radius:20px!important}@media(max-width:768px){section{padding:calc(var(--grid) * 6) calc(var(--grid) * 2)}.section-title{margin-bottom:calc(var(--grid) * 4)}}