*{box-sizing:border-box}:root{color:#f8f4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020517}html{scroll-behavior:smooth}body{min-width:320px;min-height:100svh;margin:0}button,a{font:inherit}#root{min-height:100svh}.about-panel{z-index:1;background:radial-gradient(circle at 25% 45%,#14d7ff14,#0000 25%),radial-gradient(circle at 82% 20%,#9d4cff29,#0000 28%),linear-gradient(135deg,#03071dfa,#030718eb);border:1px solid #415ddc85;border-radius:12px;width:min(1760px,100% - 48px);min-height:calc(100svh - 124px);margin:0 auto 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 0 38px #2436a92e}.about-panel:before{content:"";pointer-events:none;opacity:.55;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5px 5px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.about-inner{z-index:2;grid-template-rows:auto 1fr auto;align-items:center;min-height:calc(100svh - 124px);padding:clamp(34px,5vw,66px) clamp(28px,6vw,82px);display:grid;position:relative}.about-heading p{color:#8059ff;margin:0 0 10px;font-size:13px;font-weight:800}.about-kicker{white-space:pre;text-shadow:0 0 10px #8059ff94;min-width:16ch}.about-heading h2{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 16px #ffffff2e;margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:900;line-height:1}.about-content{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:clamp(34px,6vw,82px);width:min(1180px,100%);margin:42px auto 0;display:grid}.avatar-frame{aspect-ratio:1;clip-path:polygon(11% 0,89% 0,100% 11%,100% 89%,89% 100%,11% 100%,0 89%,0 11%);background:radial-gradient(circle at 46% 35%,#ff45ac29,#0000 34%),linear-gradient(#060c2bf2,#02081af5);border:2px solid #2884ffd9;width:270px;position:relative;box-shadow:inset 0 0 28px #2884ff1f,0 0 22px #2884ff2e}.avatar-frame:before,.avatar-frame:after{content:"";border:2px solid #58d8ff;width:8px;height:8px;position:absolute}.avatar-frame:before{border-bottom:0;border-right:0;top:14px;left:14px}.avatar-frame:after{border-top:0;border-left:0;bottom:14px;right:14px}.avatar-sparkles i{background:#9d4cff;width:6px;height:6px;position:absolute;box-shadow:0 0 12px #9d4cffe6}.avatar-sparkles i:first-child{top:26px;left:28px}.avatar-sparkles i:nth-child(2){background:#14d7ff;top:62px;right:34px;box-shadow:0 0 12px #14d7ffe6}.avatar-sparkles i:nth-child(3){bottom:34px;left:52px}.avatar-gif{object-fit:contain;width:150%;height:150%;image-rendering:pixelated;filter:drop-shadow(0 0 18px #9d4cff61);position:absolute;bottom:-70px;left:55%;transform:translate(-50%)}.pixel-avatar{transform-origin:bottom;width:136px;height:158px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)scale(1.24)}.avatar-hair{background:linear-gradient(135deg,#b838ffc7,#0000 42%),linear-gradient(#2a0b47,#130420);border:4px solid #b838ff94;border-radius:52% 48% 44% 42%;width:98px;height:108px;position:absolute;top:4px;left:20px;box-shadow:0 0 22px #b838ff4d}.avatar-face{background:#d78a8e;border-radius:42% 42% 46% 46%;width:68px;height:74px;position:absolute;top:43px;left:38px;box-shadow:inset -10px -10px #5c20583d}.avatar-face:before,.avatar-face:after{content:"";background:#13e1ff;width:9px;height:11px;position:absolute;top:30px;box-shadow:0 0 8px #13e1ffcc}.avatar-face:before{left:16px}.avatar-face:after{right:16px}.avatar-headphones{border:6px solid #14d7ff;border-bottom:0;border-radius:70px 70px 0 0;width:108px;height:88px;position:absolute;top:28px;left:16px;box-shadow:0 0 18px #14d7ff57}.avatar-headphones:before,.avatar-headphones:after{content:"";background:#21113b;border:4px solid #9d4cff;width:18px;height:38px;position:absolute;top:45px}.avatar-headphones:before{left:-14px}.avatar-headphones:after{right:-14px}.avatar-body{background:linear-gradient(#26327c,#11173f);border:3px solid #9d4cff94;border-radius:26px 26px 0 0;width:78px;height:44px;position:absolute;bottom:0;left:33px}.about-copy{color:#d6d6ec;max-width:720px;font-size:18px;line-height:1.8}.about-copy p{margin:0}.about-copy p+p{margin-top:16px}.about-stats{grid-template-columns:repeat(3,1fr);gap:28px;width:min(780px,100%);margin:46px auto 0;display:grid}.about-stat{background:#03081d94;border:1px solid #5a74ff7a;border-radius:6px;place-items:center;min-height:84px;display:grid;box-shadow:inset 0 0 18px #2884ff0f}.about-stat strong{color:#9d4cff;text-shadow:0 0 14px #9d4cffb3;font-size:28px;line-height:1}.about-stat span{color:#58d8ff;text-transform:uppercase;font-size:11px;font-weight:800}.about-pixels span{z-index:1;opacity:.9;background:#9d4cff;width:7px;height:7px;animation:4.8s ease-in-out infinite about-pixel-pulse;position:absolute;box-shadow:0 0 16px #9d4cffe0}.about-pixels span:first-child{top:18%;left:9%}.about-pixels span:nth-child(2){background:#14d7ff;width:5px;height:5px;animation-delay:1.1s;top:13%;right:8%;box-shadow:0 0 14px #14d7ffe6}.about-pixels span:nth-child(3){animation-delay:2.3s;bottom:30%;right:4%}.about-pixels span:nth-child(4){background:#14d7ff;width:6px;height:6px;animation-delay:.7s;top:52%;left:5%;box-shadow:0 0 16px #14d7ffe6}.about-pixels span:nth-child(5){animation-delay:3s;bottom:14%;right:13%}.about-pixels span:nth-child(6){background:#14d7ff;width:5px;height:5px;animation-delay:2s;bottom:12%;left:22%;box-shadow:0 0 14px #14d7ffc7}@keyframes about-pixel-pulse{0%,to{opacity:.35;transform:scale(.72)}45%{opacity:1;transform:scale(1)}}@media (width<=820px){.about-panel{border-radius:8px;width:calc(100% - 16px);min-height:auto;margin-bottom:8px}.about-inner{min-height:auto}.about-content{text-align:center;grid-template-columns:1fr;justify-items:center}.about-stats{grid-template-columns:1fr;gap:14px}}.skills-panel{z-index:1;background:radial-gradient(circle at 77% 48%,#14d7ff14,#0000 24%),radial-gradient(circle at 24% 42%,#9d4cff21,#0000 26%),linear-gradient(135deg,#03071dfa,#030718f2);border:1px solid #415ddc85;border-radius:12px;width:min(1760px,100% - 48px);min-height:calc(100svh - 124px);margin:0 auto 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 0 38px #2436a92e}.skills-panel:before{content:"";pointer-events:none;opacity:.55;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5px 5px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.skills-inner{z-index:2;grid-template-rows:auto 1fr;align-items:center;min-height:calc(100svh - 124px);padding:clamp(34px,5vw,66px) clamp(28px,4vw,82px);display:grid;position:relative}.skills-topline{background:#b28dff;width:128px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #b28dffc7}.skills-heading{align-self:start}.skills-heading p{color:#8059ff;margin:0 0 16px;font-size:13px;font-weight:800}.skills-heading .skills-kicker{white-space:pre;text-shadow:0 0 10px #8059ff94;min-width:18ch}.skills-heading h2{color:#fff;text-transform:uppercase;text-shadow:0 0 16px #ffffff2e;margin:0;font-size:clamp(34px,3.3vw,58px);font-weight:900;line-height:1}.skills-content{grid-template-columns:minmax(620px,1.45fr) minmax(330px,.55fr);align-items:center;gap:clamp(48px,7vw,110px);display:grid}.skills-left{gap:72px;display:grid}.skills-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,6vw,88px);display:grid}.skills-group h3,.icon-shelf h3{color:#d56cff;text-transform:uppercase;text-shadow:0 0 14px #d56cff9e;margin:0 0 34px;font-size:24px;font-weight:900;line-height:1}.skills-list{gap:28px;display:grid}.skill-label{color:#fff;justify-content:space-between;align-items:center;gap:22px;font-size:18px;font-weight:900;display:flex}.skill-label strong{color:#d8d7e8;font-size:18px}.skill-track{background:#49609c8a;border-radius:999px;height:7px;margin-top:14px;overflow:hidden;box-shadow:inset 0 0 8px #00000059}.skill-track span{border-radius:inherit;background:linear-gradient(90deg,#b244ff,#d56cff 78%,#14d7ff 100%);height:100%;display:block;box-shadow:0 0 14px #b244ff9e}.skills-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,6vw,88px);display:grid}.icon-row{align-items:center;gap:16px;display:flex}.skill-icon{color:#fff;background:#03081da8;border:1px solid #415ddc94;border-radius:8px;place-items:center;width:76px;height:76px;font-size:19px;font-weight:900;display:grid;box-shadow:inset 0 0 18px #2884ff0f,0 0 18px #0a103747}.skill-icon img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 10px #14d7ff2e);width:46px;height:46px;display:block}.icon-row button{color:#8059ff;cursor:pointer;text-shadow:0 0 12px #8059ff80;background:0 0;border:0;font-size:32px;line-height:1}.arcade-wrap{min-height:520px;position:relative}.arcade-grid{opacity:.35;background-color:#0000;background-image:linear-gradient(#14d7ff17 1px,#0000 1px),linear-gradient(90deg,#14d7ff17 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.arcade-machine{filter:drop-shadow(0 0 24px #14d7ff2e);width:250px;height:430px;position:absolute;top:8%;right:8%}.arcade-cote{background:#10144a;border-top:5px solid #ff544f;border-bottom:0;border-left:0;border-right:5px solid #ff544f;width:80px;height:380px;position:absolute;top:5px;left:205px;transform:skewY(6deg)}.arcade-cote-bottom{background:#10144a;border:5px solid #ff544f;border-top:0;border-left:0;width:116px;height:233px;position:absolute;top:202px;left:169px;transform:skewY(-6deg)}.arcade-top{background:#10144a;border:5px solid #005fbd;border-right-color:#ff544f;width:174px;height:42px;position:absolute;top:0;left:35px;transform:skew(-4deg);box-shadow:inset 0 0 18px #9d4cff47}.arcade-top-bottom{background:#10144a;border:0;border-left:5px solid #005fbd;border-right:5px solid #ff544f;width:174px;height:20px;position:absolute;top:42px;left:39px;transform:skew(25deg)}.arcade-screen-contour{background:#101244;border:0;border-left:6px solid #005fbd;border-right:6px solid #ff544f;place-content:center;width:174px;height:174px;display:grid;position:absolute;top:62px;left:38px;transform:skew(-4deg)}.arcade-screen{background:#101244;border:6px solid #0c3b9c;place-content:center;width:146px;height:150px;display:grid;position:absolute;top:73px;left:52px;transform:skew(-4deg);box-shadow:inset 0 0 20px #14d7ff1f,0 0 10px #ff544f47}.arcade-screen span{color:#ff86d6;text-align:center;text-shadow:0 0 14px #ff86d6c7;font-size:33px;font-weight:900;line-height:.95;animation:2.4s infinite arcade-game-over-blink;display:block}.arcade-screen span:nth-child(2){animation-delay:80ms}@keyframes arcade-game-over-blink{0%,8%,12%,18%,to{opacity:1;text-shadow:0 0 10px #ff86d6f2,0 0 22px #ff86d6b3}10%,15%,64%{opacity:.28;text-shadow:none}}.arcade-controls{background:#15134f;border-top:0;border-bottom:4px solid #005fbd;border-left:4px solid #005fbd;border-right:4px solid #ff544f;width:174px;height:50px;position:absolute;top:235px;left:13px;transform:skew(-38deg)}.arcade-controls i{background:#ff544f;border-radius:50%;width:12px;height:12px;position:absolute;top:15px;box-shadow:0 0 10px #ff544fb3}.arcade-controls i:first-child{left:24px}.arcade-controls i:nth-child(2){background:#ffb02f;left:68px}.arcade-controls i:nth-child(3){background:#9d4cff;left:112px}.arcade-controls-bottom{background:#10144a;border:0;border-left:5px solid #005fbd;border-right:5px solid #ff544f;width:174px;height:30px;position:absolute;top:285px;left:-5px;transform:skew(2deg);box-shadow:inset 0 0 8px #9d4cff47}.arcade-base-top{background:#10144a;border:0;border-left:5px solid #005fbd;border-right:5px solid #ff544f;width:174px;height:10px;position:absolute;top:315px;left:0;transform:skew(45deg)}.arcade-base{background:#10144a;border-top:0;border-bottom:5px solid #005fbd;border-left:5px solid #005fbd;border-right:5px solid #ff544f;width:174px;height:116px;position:absolute;top:325px;left:5px;box-shadow:inset 0 0 8px #9d4cff47}.arcade-base span{border:3px solid #9d4cff52;border-radius:4px;width:42px;height:48px;position:absolute;top:34px;left:62px}.skills-pixels span{z-index:1;opacity:.9;background:#9d4cff;width:7px;height:7px;animation:4.8s ease-in-out infinite skills-pixel-pulse;position:absolute;box-shadow:0 0 16px #9d4cffe0}.skills-pixels span:first-child{top:17%;left:6%}.skills-pixels span:nth-child(2){background:#14d7ff;animation-delay:1.1s;top:13%;right:8%;box-shadow:0 0 14px #14d7ffe6}.skills-pixels span:nth-child(3){animation-delay:2.2s;bottom:10%;left:42%}.skills-pixels span:nth-child(4){animation-delay:3s;bottom:28%;right:4%}.skills-pixels span:nth-child(5){background:#14d7ff;width:5px;height:5px;animation-delay:.6s;bottom:34%;left:3%;box-shadow:0 0 12px #14d7ffc7}.skills-pixels span:nth-child(6){animation-delay:2.8s;top:8%;right:33%}@keyframes skills-pixel-pulse{0%,to{opacity:.35;transform:scale(.72)}45%{opacity:1;transform:scale(1)}}@media (width<=1220px){.skills-content{grid-template-columns:1fr}.arcade-wrap{min-height:430px}.arcade-machine{transform-origin:top;left:50%;right:auto;transform:translate(-50%)scale(.9)}}@media (width<=820px){.skills-panel{border-radius:8px;width:calc(100% - 16px);min-height:auto;margin-bottom:8px}.skills-inner{min-height:auto}.skills-columns,.skills-tools{grid-template-columns:1fr}.icon-row{flex-wrap:wrap}}.contact-panel{z-index:1;background:radial-gradient(circle at 84% 70%,#9d4cff24,#0000 22%),radial-gradient(circle at 24% 45%,#14d7ff14,#0000 28%),linear-gradient(135deg,#03071dfa,#030718f2);border:1px solid #415ddc85;border-radius:12px;width:min(1760px,100% - 48px);min-height:calc(100svh - 124px);margin:0 auto 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 0 38px #2436a92e}.contact-panel:before{content:"";pointer-events:none;opacity:.55;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5px 5px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.contact-inner{z-index:2;grid-template-rows:auto 1fr auto;min-height:calc(100svh - 124px);padding:clamp(34px,5vw,66px) clamp(28px,4vw,82px);display:grid;position:relative}.contact-topline{background:#b28dff;width:128px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #b28dffc7}.contact-heading p{color:#8059ff;margin:0 0 16px;font-size:13px;font-weight:800}.contact-heading .contact-kicker{white-space:pre;text-shadow:0 0 10px #8059ff94;min-width:15ch}.contact-heading h2{color:#fff;text-transform:uppercase;text-shadow:0 0 16px #ffffff2e;margin:0;font-size:clamp(34px,3.3vw,58px);font-weight:900;line-height:1}.contact-layout{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-self:center;align-items:center;gap:clamp(46px,7vw,96px);display:grid}.contact-card,.contact-form{background:#03081da8;border:1px solid #415ddc94;border-radius:8px;box-shadow:inset 0 0 22px #2884ff0d,0 0 24px #0a103752}.contact-card{gap:42px;padding:clamp(30px,4vw,52px);display:grid}.contact-info{grid-template-columns:56px 1fr;align-items:center;gap:22px;display:grid}.contact-info h3{color:#58d8ff;text-transform:uppercase;margin:0 0 12px;font-size:19px;font-weight:900}.contact-info p{color:#fff;margin:0;font-size:17px;font-weight:800}.contact-icon{color:#b56cff;filter:drop-shadow(0 0 10px #b56cff94);width:42px;height:42px;position:relative}.contact-icon-mail:before{content:"";background:#b56cff;border-radius:4px;position:absolute;inset:7px 3px}.contact-icon-mail:after{content:"";border:4px solid #050a24;border-top:0;height:16px;position:absolute;top:12px;left:8px;right:8px;transform:rotate(45deg)}.contact-icon-pin:before{content:"";background:#b56cff;border-radius:18px 18px 18px 2px;width:26px;height:34px;position:absolute;top:2px;left:8px;transform:rotate(-45deg)}.contact-icon-pin:after{content:"";background:#050a24;border-radius:50%;width:9px;height:9px;position:absolute;top:11px;left:17px}.contact-icon-github:before{content:"";border:6px solid #fff;border-radius:50% 50% 42% 42%;position:absolute;inset:6px}.contact-icon-github:after{content:"";background:#fff;width:9px;height:12px;position:absolute;top:3px;left:8px;transform:skewY(-22deg);box-shadow:17px 0 #fff}.contact-icon-linkedin:before{content:"in";color:#050a24;background:#b56cff;border-radius:5px;place-items:center;font-size:25px;font-weight:900;display:grid;position:absolute;inset:4px}.contact-form{gap:28px;padding:clamp(28px,4vw,48px);display:grid}.contact-form input,.contact-form textarea{color:#fff;background:#010616b8;border:1px solid #415ddc94;border-radius:6px;outline:none;width:100%;font:18px/1.4 Courier New,Consolas,monospace;box-shadow:inset 0 0 18px #14d7ff08}.contact-form input{height:72px;padding:0 28px}.contact-form textarea{resize:vertical;min-height:174px;padding:24px 28px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#d6d6ecb3}.contact-form input:focus,.contact-form textarea:focus{border-color:#b56cffdb;box-shadow:inset 0 0 18px #b56cff0f,0 0 18px #b56cff29}.contact-form button{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#8f45ff,#a63dff);border:0;border-radius:6px;min-height:76px;font-size:21px;font-weight:900;box-shadow:0 0 30px #9d4cff5c}.contact-form button:disabled{cursor:wait;opacity:.7}.contact-form button span{filter:drop-shadow(0 0 8px #ffffffa6);border-top:3px solid #fff;border-right:3px solid #fff;width:20px;height:17px;margin-left:14px;display:inline-block;transform:skew(-18deg)rotate(24deg)}.contact-status{margin:-8px 0 0;font-size:15px;font-weight:900}.contact-status-success{color:#00ff9d;text-shadow:0 0 12px #00ff9d94}.contact-status-error{color:#ff5baa;text-shadow:0 0 12px #ff5baa85}.contact-footer{color:#b56cff;text-transform:uppercase;text-shadow:0 0 14px #b56cff94;justify-content:center;align-items:center;gap:44px;padding-top:38px;font-size:22px;font-weight:900;display:flex;position:relative}.contact-footer p{margin:0}.footer-heart{clip-path:polygon(50% 92%,10% 55%,4% 34%,11% 17%,27% 9%,42% 16%,50% 28%,58% 16%,73% 9%,89% 17%,96% 34%,90% 55%);filter:drop-shadow(0 0 12px #b56cffc7);background:#b56cff;width:30px;height:28px}.contact-bot{filter:drop-shadow(0 0 18px #14d7ff47);width:120px;height:150px;position:absolute;bottom:46px;right:64px}.bot-head{background:#141747;border:5px solid #9d4cff;border-radius:18px;width:88px;height:62px;animation:2.3s infinite bot-head-anim;position:absolute;top:0;left:16px;box-shadow:inset 0 0 18px #14d7ff1f}@keyframes bot-head-anim{0%,to{transform:rotate(8deg)}40%,50%{transform:rotate(0)}}.bot-head:before,.bot-head:after{content:"";border:4px solid #9d4cff;border-bottom:0;width:18px;height:25px;position:absolute;top:-23px}.bot-head:before{left:-10px;transform:rotate(-28deg)}.bot-head:after{right:-10px;transform:rotate(28deg)}.bot-head span{background:#14d7ff;width:12px;height:0;animation:5s infinite bot-head-span-anim;position:absolute;top:33px;box-shadow:0 0 10px #14d7ffcc}@keyframes bot-head-span-anim{5%,95%{height:14px;top:19px}0%,to{height:0;top:33px}}.bot-head span:first-child{left:22px}.bot-head span:last-child{right:22px}.bot-body{background:#172055;border:5px solid #0b79c7;border-radius:9px;width:50px;height:50px;position:absolute;top:74px;left:36px}.bot-arm,.bot-leg,.bot-tail{border:4px solid #9d4cff;position:absolute}.bot-arm{border-radius:999px;width:22px;height:36px;top:82px}.bot-arm-left{animation:1s infinite bot-arm-left-anim;left:6px;transform:rotate(18deg)}@keyframes bot-arm-left-anim{0%,to{left:6px;transform:rotate(18deg)}25%,75%{left:2.5px}50%{top:63px;left:6px;transform:rotate(150deg)}}.bot-arm-right{right:6px;transform:rotate(-18deg)}.bot-leg{border-top:0;width:20px;height:25px;bottom:0}.bot-leg-left{left:40px}.bot-leg-right{right:36px}.bot-tail{border-bottom:0;border-left:0;border-radius:0 24px 0 0;width:32px;height:44px;top:110px;right:2px}.contact-pixels span{z-index:1;opacity:.9;background:#9d4cff;width:7px;height:7px;animation:4.8s ease-in-out infinite contact-pixel-pulse;position:absolute;box-shadow:0 0 16px #9d4cffe0}.contact-pixels span:first-child{top:18%;left:8%}.contact-pixels span:nth-child(2){background:#14d7ff;animation-delay:1.1s;top:13%;right:8%;box-shadow:0 0 14px #14d7ffe6}.contact-pixels span:nth-child(3){animation-delay:2.2s;bottom:12%;left:39%}.contact-pixels span:nth-child(4){animation-delay:3s;bottom:31%;right:4%}.contact-pixels span:nth-child(5){background:#14d7ff;width:5px;height:5px;animation-delay:.6s;bottom:34%;left:3%;box-shadow:0 0 12px #14d7ffc7}.contact-pixels span:nth-child(6){animation-delay:2.8s;top:8%;right:34%}@keyframes contact-pixel-pulse{0%,to{opacity:.35;transform:scale(.72)}45%{opacity:1;transform:scale(1)}}@media (width<=1180px){.contact-layout{grid-template-columns:1fr}.contact-bot{opacity:.55}}@media (width<=820px){.contact-panel{border-radius:8px;width:calc(100% - 16px);min-height:auto;margin-bottom:8px}.contact-inner{min-height:auto}.contact-card{gap:28px}.contact-info{grid-template-columns:44px 1fr}.contact-form button{font-size:15px}.contact-footer{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-right:100px;font-size:15px}.contact-bot{transform-origin:100% 100%;bottom:28px;right:18px;transform:scale(.72)}}.play-panel{z-index:1;background:radial-gradient(circle at 65% 40%,#14d7ff17,#0000 28%),radial-gradient(circle at 21% 52%,#9d4cff24,#0000 24%),linear-gradient(135deg,#03071dfa,#030718f2);border:1px solid #415ddc85;border-radius:12px;width:min(1760px,100% - 48px);min-height:calc(100svh - 124px);margin:0 auto 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 0 38px #2436a92e}.play-panel:before{content:"";pointer-events:none;opacity:.55;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5px 5px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.play-inner{z-index:2;grid-template-rows:1fr auto;grid-template-columns:minmax(230px,.55fr) minmax(520px,1.45fr);align-items:center;column-gap:clamp(38px,6vw,86px);min-height:calc(100svh - 124px);padding:clamp(34px,5vw,66px) clamp(28px,4vw,82px);display:grid;position:relative}.play-topline{background:#b28dff;width:78px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #b28dffc7}.play-info{align-self:center}.play-info>p{color:#8059ff;margin:0 0 14px;font-size:13px;font-weight:800}.play-kicker{white-space:pre;text-shadow:0 0 10px #8059ff94;min-width:12ch}.play-info h2{color:#fff;text-transform:uppercase;text-shadow:0 0 16px #ffffff2e;margin:0;font-size:clamp(34px,3.2vw,54px);font-weight:900;line-height:1}.play-copy{color:#c9c8df;max-width:330px;margin-top:62px;font-size:15px;line-height:1.9}.play-copy p{margin:0}.play-copy p+p{margin-top:10px}.play-button{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#8f45ff,#b244ff);border:0;border-radius:6px;justify-content:center;align-items:center;gap:16px;min-width:238px;min-height:58px;margin-top:58px;padding:0 24px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 0 30px #9d4cff6b}.play-button span{border-block:10px solid #0000;filter:drop-shadow(0 0 8px #ffffffb3);border-left:14px solid #fff;width:0;height:0}.keyboard-help{width:190px;margin-top:130px}.key-row{grid-template-columns:repeat(5,32px);gap:7px;display:grid}.key-row+.key-row{margin-top:7px}.key-row-top{padding-left:39px}.keyboard-help kbd{color:#cbb5ff;background:#03081dad;border:2px solid #9d4cffb8;border-radius:4px;place-items:center;height:32px;font:11px/1 Courier New,Consolas,monospace;display:grid;box-shadow:inset 0 0 12px #9d4cff29}.game-card{background:radial-gradient(circle at 81% 31%,#35ff9a1f,#0000 18%),linear-gradient(#07111f 0%,#06111f 58%,#030711 100%);border:2px solid #8470b4c7;border-radius:10px;min-height:620px;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #14d7ff14,0 0 32px #0a103761}.game-card-empty{place-items:center;display:grid}.game-card-empty span{z-index:1;color:#df372b;text-align:center;text-transform:uppercase;text-shadow:0 0 12px #ff6c6cc7,0 0 26px #14d7ff38;font-size:clamp(22px,2.6vw,42px);font-weight:900;position:relative}.game-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 14% 78%,#14d7ff29,#0000 15%),radial-gradient(circle at 72% 70%,#9d4cff1f,#0000 16%);position:absolute;inset:0}.game-hud{z-index:2;color:#d8d7e8;text-transform:uppercase;justify-content:space-between;padding:28px 34px 0;display:flex;position:relative}.game-hud strong,.game-hud span{font-size:24px;font-weight:900;line-height:1;display:block}.game-hud strong{color:#c9c8df;margin-bottom:6px}.game-hp{align-items:start;gap:8px;display:flex}.game-hp strong{margin-right:10px}.game-hp span{clip-path:polygon(50% 92%,10% 55%,4% 34%,11% 17%,27% 9%,42% 16%,50% 28%,58% 16%,73% 9%,89% 17%,96% 34%,90% 55%);filter:drop-shadow(0 0 8px #ff3f8fb3);background:#ff3f8f;width:20px;height:18px}.game-world{position:absolute;inset:90px 0 0}.moon{background:#35ff9a29;border-radius:50%;width:70px;height:70px;position:absolute;top:90px;right:88px;box-shadow:0 0 32px #35ff9a33}.mountains{opacity:.85;background:linear-gradient(135deg,#0000 0 38%,#143e53b8 39% 61%,#0000 62%) 0 70px/180px 120px repeat-x,linear-gradient(135deg,#0000 0 42%,#0e2b43cc 43% 62%,#0000 63%) 80px 46px/220px 150px repeat-x;height:170px;position:absolute;bottom:74px;left:0;right:0}.platform{background:linear-gradient(#4fbd4d 0 12px,#693a27 12px 100%),repeating-linear-gradient(90deg,#0000 0 30px,#0000003d 30px 34px);border-top:6px solid #73d64d;height:54px;position:absolute;box-shadow:inset 0 -8px #0000002e}.platform-one{width:170px;bottom:78px;left:0}.platform-two{width:380px;bottom:42px;left:220px}.platform-three{width:150px;top:62px;left:180px}.platform-four{width:180px;top:208px;right:0}.ladder{background:repeating-linear-gradient(#0000 0 17px,#cdd8df 17px 22px);border-inline:5px solid #cdd8df;width:42px;height:178px;position:absolute;bottom:42px;right:112px}.hero-sprite{background:#8f45ff;width:30px;height:42px;position:absolute;bottom:100px;left:270px;box-shadow:0 -22px #f3b487,-9px 4px #ffd36c,10px 4px #ffd36c,0 42px #3a245f}.slime{background:#58d64f;border-radius:28px 28px 8px 8px;width:48px;height:30px;position:absolute;bottom:96px;left:350px;box-shadow:inset -12px -8px #0003}.enemy{clip-path:polygon(50% 0,64% 26%,100% 22%,78% 50%,100% 86%,58% 72%,50% 100%,42% 72%,0 86%,22% 50%,0 22%,36% 26%);filter:drop-shadow(0 0 10px #8f45ffb3);background:#8f45ff;width:34px;height:34px;position:absolute}.enemy-one{top:146px;left:430px}.enemy-two{top:150px;right:116px}.coin{background:#ffb22f;border-radius:50%;width:22px;height:30px;position:absolute;box-shadow:inset 5px 0 #ffd76f,0 0 12px #ffb22fb8}.coin-one{bottom:138px;left:96px}.coin-two{top:178px;left:472px}.coin-three{top:178px;left:532px}.game-tip{color:#aeb0ca;text-align:center;grid-column:2;margin:26px 0 0;font-size:13px}.play-pixels span{z-index:1;opacity:.9;background:#9d4cff;width:7px;height:7px;animation:4.8s ease-in-out infinite play-pixel-pulse;position:absolute;box-shadow:0 0 16px #9d4cffe0}.play-pixels span:first-child{top:18%;left:8%}.play-pixels span:nth-child(2){background:#14d7ff;animation-delay:1.1s;top:10%;right:8%;box-shadow:0 0 14px #14d7ffe6}.play-pixels span:nth-child(3){animation-delay:2.2s;bottom:12%;left:36%}.play-pixels span:nth-child(4){animation-delay:3s;bottom:24%;right:4%}.play-pixels span:nth-child(5){background:#14d7ff;width:5px;height:5px;animation-delay:.6s;bottom:32%;left:3%;box-shadow:0 0 12px #14d7ffc7}.play-pixels span:nth-child(6){animation-delay:2.8s;top:8%;right:30%}@keyframes play-pixel-pulse{0%,to{opacity:.35;transform:scale(.72)}45%{opacity:1;transform:scale(1)}}@media (width<=1100px){.play-inner{grid-template-columns:1fr}.play-info{text-align:center}.play-copy{margin-inline:auto}.keyboard-help{margin:54px auto 34px}.game-card{min-height:520px}.game-tip{grid-column:1}}@media (width<=720px){.play-panel{border-radius:8px;width:calc(100% - 16px);min-height:auto;margin-bottom:8px}.play-inner{min-height:auto}.game-card{min-height:420px}.game-hud{padding-inline:18px}.game-hud strong,.game-hud span{font-size:15px}.game-world{transform-origin:bottom;transform:scale(.72)}}.projects-panel{z-index:1;background:radial-gradient(circle at 72% 22%,#9d4cff24,#0000 26%),radial-gradient(circle at 24% 72%,#14d7ff14,#0000 29%),linear-gradient(135deg,#03071dfa,#030718f0);border:1px solid #415ddc85;border-radius:12px;width:min(1760px,100% - 48px);min-height:calc(100svh - 124px);margin:0 auto 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 0 38px #2436a92e}.projects-panel:before{content:"";pointer-events:none;opacity:.55;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5px 5px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.projects-inner{z-index:2;grid-template-rows:auto 1fr auto;align-items:start;min-height:calc(100svh - 124px);padding:clamp(34px,5vw,66px) clamp(28px,4vw,82px);display:grid;position:relative}.projects-topline{background:#9d4cff;width:124px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #9d4cffbf}.projects-header{justify-content:space-between;align-items:end;gap:28px;display:flex}.projects-header p{color:#8059ff;margin:0 0 12px;font-size:13px;font-weight:800}.projects-kicker{white-space:pre;text-shadow:0 0 10px #8059ff94;min-width:27ch}.projects-header h2{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 16px #ffffff2e;margin:0;font-size:clamp(30px,3vw,48px);font-weight:900;line-height:1}.project-filters{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex;transform:translateY(54px)}.project-filters button{color:#cfd1e9;cursor:pointer;text-transform:uppercase;background:#03081d9e;border:1px solid #5a74ff57;border-radius:7px;min-width:128px;height:48px;font-size:13px;font-weight:900;transition:transform .16s,box-shadow .16s,border-color .16s}.project-filters button.active,.project-filters button:hover{color:#fff;background:linear-gradient(135deg,#6231d8,#8a37e8);border-color:#9d4cffbf;transform:translateY(-2px);box-shadow:0 0 22px #9d4cff5c}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;gap:34px;margin-top:54px;display:grid}.project-card{background:#03081da8;border:1px solid #415ddc94;border-radius:8px;min-width:0;overflow:hidden;box-shadow:inset 0 0 18px #2884ff0d,0 0 24px #0a103752}.project-empty{color:#35ff9a;text-align:center;text-shadow:0 0 10px #35ff9a57;background:#03081d80;border:1px solid #5a74ff6b;border-radius:8px;grid-column:1/-1;place-items:center;min-height:402px;margin:0;padding:38px 24px;font-size:15px;display:grid}.project-preview{background:#03081d9e;border-bottom:1px solid #415ddc59;height:184px;position:relative;overflow:hidden}.project-preview img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.project-body{padding:20px 22px 22px}.project-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-title-row h3{color:#fff;text-transform:uppercase;margin:0;font-size:18px;font-weight:900}.project-title-row span{color:#f4ddff;text-transform:uppercase;background:#9d4cff57;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:900}.project-body p{color:#c9c8df;min-height:66px;margin:18px 0;font-size:15px;line-height:1.55}.project-body a{color:#fff;text-transform:uppercase;background:#03081d8c;border:1px solid #5a74ff75;border-radius:5px;justify-content:space-between;align-items:center;min-height:48px;padding:0 18px;font-size:14px;font-weight:900;text-decoration:none;display:flex}.project-body a span{color:#d56cff;text-shadow:0 0 12px #d56cffb8;font-size:31px;line-height:1}.projects-pagination{justify-content:center;align-self:center;align-items:center;gap:14px;margin-top:40px;display:flex}.projects-pagination button{color:#bba7ff;cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:26px;line-height:1}.projects-pagination button:disabled{cursor:default;opacity:.28}.projects-pagination button:not(:first-child):not(:last-child){background:#9d4cff6b;border-radius:50%;width:9px;height:9px;padding:0;font-size:0;box-shadow:0 0 10px #9d4cff70}.projects-pagination button:not(:first-child):not(:last-child).active{background:#9d4cff}.projects-pixels span{z-index:1;opacity:.9;background:#9d4cff;width:7px;height:7px;animation:4.8s ease-in-out infinite projects-pixel-pulse;position:absolute;box-shadow:0 0 16px #9d4cffe0}.projects-pixels span:first-child{top:22%;left:8%}.projects-pixels span:nth-child(2){background:#14d7ff;animation-delay:1.1s;top:18%;right:10%;box-shadow:0 0 14px #14d7ffe6}.projects-pixels span:nth-child(3){animation-delay:2.1s;bottom:11%;left:45%}.projects-pixels span:nth-child(4){animation-delay:3s;bottom:34%;right:4%}.projects-pixels span:nth-child(5){background:#14d7ff;width:5px;height:5px;animation-delay:.6s;bottom:24%;left:3%;box-shadow:0 0 12px #14d7ffc7}.projects-pixels span:nth-child(6){animation-delay:2.8s;top:8%;right:28%}.projects-pixels span:nth-child(7){background:#14d7ff;width:5px;height:5px;animation-delay:1.7s;top:52%;left:18%;box-shadow:0 0 12px #14d7ffd1}.projects-pixels span:nth-child(8){animation-delay:3.4s;top:14%;left:32%}.projects-pixels span:nth-child(9){background:#14d7ff;width:6px;height:6px;animation-delay:.9s;top:56%;right:18%;box-shadow:0 0 14px #14d7ffe0}.projects-pixels span:nth-child(10){animation-delay:4s;bottom:18%;right:41%}.projects-pixels span:nth-child(11){background:#14d7ff;width:5px;height:5px;animation-delay:2.4s;top:28%;left:58%;box-shadow:0 0 12px #14d7ffcc}.projects-pixels span:nth-child(12){animation-delay:1.2s;bottom:8%;left:12%}@keyframes projects-pixel-pulse{0%,to{opacity:.35;transform:scale(.72)}45%{opacity:1;transform:scale(1)}}@media (width<=1180px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.projects-panel{border-radius:8px;width:calc(100% - 16px);min-height:auto;margin-bottom:8px}.projects-inner{min-height:auto}.projects-header{flex-direction:column;align-items:start}.project-filters{justify-content:flex-start;gap:10px;transform:none}.project-filters button{min-width:92px}.project-grid{grid-template-columns:1fr;gap:20px}}.portfolio-shell{--bg:#020517;--panel:#03081de0;--panel-strong:#050a24;--line:#5a74ff57;--line-soft:#9152ff2e;--text:#f8f4ff;--muted:#b8b8d7;--purple:#9d4cff;--purple-hot:#d738ff;--cyan:#14d7ff;--green:#35ff9a;min-height:100svh;color:var(--text);background:radial-gradient(circle at 76% 17%, #6e21b461, transparent 28%), radial-gradient(circle at 46% 88%, #114dd240, transparent 31%), linear-gradient(180deg, #01020b 0%, var(--bg) 52%, #01020b 100%);font-family:Courier New,Consolas,monospace;overflow:visible}.portfolio-shell:before{content:"";z-index:0;pointer-events:none;opacity:.28;mix-blend-mode:screen;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:4px 4px;position:fixed;inset:0}.portfolio-shell:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#080a1e00 50%,#0000003d 50%) 0 0/100% 4px;position:fixed;inset:0}.site-header,.hero-panel{z-index:1;position:relative}#accueil,#a-propos,#projets,#competences,#jouer,#contact{scroll-margin-top:92px}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 72% 0,#7a26b438,#0000 26%),#020517e6;border-bottom:1px solid #415ddc5c;grid-template-columns:270px 1fr 150px;align-items:center;width:100%;height:76px;margin:0 auto;padding:0 clamp(20px,4vw,72px);display:grid;position:sticky;top:0}.brand{color:var(--purple);letter-spacing:0;text-shadow:0 0 16px #9d4cffdb;background:linear-gradient(90deg,#9d4cff 0%,#d9c6ff 38%,#14d7ff 50%,#9d4cff 66%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:25px;font-weight:900;text-decoration:none;animation:3.6s linear infinite brand-shimmer;display:inline-flex}.brand-mark{font-size:24px}@keyframes brand-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.main-nav{justify-content:center;gap:clamp(18px,3vw,46px);display:flex}.main-nav a{color:#ddd9ef;letter-spacing:0;text-transform:uppercase;font-size:14px;font-weight:800;text-decoration:none;transition:color .16s,text-shadow .16s;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff;text-shadow:0 0 12px #ffffff9e}.main-nav a.active:after{content:"";background:#fff;height:2px;position:absolute;bottom:-23px;left:0;right:0;box-shadow:0 0 12px #ffffffd9}.header-actions{justify-content:flex-end;align-items:center;gap:24px;display:flex;position:relative}.icon-button,.sun-button{color:#fff;cursor:pointer;background:0 0;border:0}.icon-button{width:30px;height:20px;padding:0;font-size:0;position:relative}.icon-button:before{content:"";border:3px solid #fff;border-radius:9px 9px 7px 7px;width:22px;height:10px;position:absolute;top:6px;left:4px;box-shadow:0 0 10px #ffffff5c}.icon-button:after{content:"";background:#fff;width:3px;height:3px;position:absolute;top:8px;left:9px;box-shadow:10px 0 #fff,5px 3px #fff}.sun-button{width:28px;height:28px;padding:0;position:relative}.sun-button span,.sun-button:before,.sun-button:after{content:"";border:2px solid #fff;border-radius:50%;position:absolute;inset:8px}.sun-button:before{border-width:0 1px;border-radius:0;inset:2px 13px}.sun-button:after{border-width:1px 0;border-radius:0;inset:13px 2px}.sun-button.active{filter:drop-shadow(0 0 12px #9d4cffd9)}.mobile-nav-menu{display:none}.hero-panel{background:radial-gradient(circle at 69% 18%,#7a26b433,#0000 28%),radial-gradient(circle at 73% 54%,#0e469629,#0000 34%),linear-gradient(90deg,#03071f 0%,#03071e 34%,#03071d 48% 64%,#040718 100%),linear-gradient(135deg,#6931ff1a,#0000 48%);border:1px solid #415ddc85;border-radius:12px;grid-template-columns:minmax(390px,.92fr) minmax(420px,1.25fr);align-items:stretch;width:min(1760px,100% - 48px);min-height:calc(100svh - 124px);margin:24px auto;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 0 45px #2436a938}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 72% 11%,#9a25ff38,#0000 18%),radial-gradient(circle at 84% 58%,#15d3ff1f,#0000 26%);position:absolute;inset:0}.ambient-pixels{z-index:1;pointer-events:none;position:absolute;inset:0}.ambient-pixels span{background:var(--purple);opacity:.9;width:7px;height:7px;animation:4.8s ease-in-out infinite ambient-pulse;position:absolute;box-shadow:0 0 16px #9d4cffe0}.ambient-pixels span:first-child{top:13%;left:10%}.ambient-pixels span:nth-child(2){background:var(--cyan);width:5px;height:5px;animation-delay:1.1s;top:20%;left:30%;box-shadow:0 0 14px #14d7ffe6}.ambient-pixels span:nth-child(3){animation-delay:2.3s;top:33%;left:45%}.ambient-pixels span:nth-child(4){background:var(--cyan);width:6px;height:6px;animation-delay:.7s;top:18%;left:88%;box-shadow:0 0 16px #14d7ffe6}.ambient-pixels span:nth-child(5){animation-delay:3s;top:43%;left:93%}.ambient-pixels span:nth-child(6){background:var(--cyan);width:4px;height:4px;animation-delay:1.8s;top:67%;left:7%;box-shadow:0 0 12px #14d7ffcc}.ambient-pixels span:nth-child(7){width:5px;height:5px;animation-delay:3.6s;top:76%;left:23%}.ambient-pixels span:nth-child(8){background:var(--cyan);width:5px;height:5px;animation-delay:2.9s;top:12%;left:57%;box-shadow:0 0 14px #14d7ffd1}.ambient-pixels span:nth-child(9){animation-delay:1.5s;top:76%;left:75%}.ambient-pixels span:nth-child(10){background:var(--cyan);width:4px;height:4px;animation-delay:4.1s;top:60%;left:39%;box-shadow:0 0 12px #14d7ffcc}.ambient-pixels span:nth-child(11){width:5px;height:5px;animation-delay:.3s;top:9%;left:82%}.ambient-pixels span:nth-child(12){background:var(--cyan);width:5px;height:5px;animation-delay:2s;top:39%;left:15%;box-shadow:0 0 14px #14d7ffc7}@keyframes ambient-pulse{0%,to{opacity:.35;transform:scale(.72)}45%{opacity:1;transform:scale(1)}}.hero-content{z-index:2;flex-direction:column;justify-content:center;padding:clamp(46px,6.8vw,78px) 0 56px clamp(76px,7vw,150px);display:flex;position:relative}.hero-kicker{color:#8059ff;margin:0 0 18px;font-size:13px;font-weight:800}.hero-content h1{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:4px 0 #fff3,0 0 22px #ffffff29;margin:0;font-size:clamp(38px,4.6vw,58px);font-weight:900;line-height:1.18}.hero-content h1 span,.hero-content h1 strong{display:block}.hero-content h1 strong{color:var(--purple);text-shadow:0 0 18px #9d4cffb8}.hero-copy{max-width:430px;color:var(--muted);margin:34px 0 0;font-size:17px;line-height:1.8}.hero-copy span{display:block}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:34px;display:flex}.primary-action,.secondary-action{text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;min-height:54px;padding:0 26px;font-size:14px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(135deg,#8f45ff,#b244ff);gap:14px;box-shadow:0 0 30px #9d4cff6b}.primary-action span{font-size:28px;line-height:1}.secondary-action{color:#fff;background:#030719b8;border:1px solid #9aaeff59;gap:18px}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px);box-shadow:0 0 32px #5277ff47}.download-icon{border-bottom:2px solid #fff;width:17px;height:22px;position:relative}.download-icon:before{content:"";background:#fff;width:2px;height:12px;position:absolute;top:0;left:7px}.download-icon:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:8px;height:8px;position:absolute;top:7px;left:4px;transform:rotate(45deg)}.terminal-card{background:#0108189e;border:1px solid #2884ffb8;border-radius:8px;width:min(470px,100%);margin-top:clamp(42px,7vh,84px);padding:18px 24px;box-shadow:inset 0 0 25px #0f7cff0f,0 0 24px #0b5cff1f}.terminal-card p{color:var(--green);text-shadow:0 0 10px #35ff9a57;white-space:pre-wrap;min-height:28px;margin:0;font-size:14px;line-height:2}.terminal-cursor{background:var(--green);width:8px;height:13px;margin-left:2px;animation:.8s steps(2,end) infinite terminal-cursor-blink;display:inline-block;transform:translateY(2px);box-shadow:0 0 10px #35ff9ab8}@keyframes terminal-cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}.pixel-stage{--scene-scale:1;background:0 0;place-items:center;min-height:640px;display:grid;position:relative;overflow:hidden}.game-scene{width:min(900px,100%);min-height:640px;margin:0 auto;position:relative}.room-glow{z-index:0;position:absolute;inset:0}.stars i{background:var(--purple);width:6px;height:6px;box-shadow:0 0 12px var(--purple);position:absolute}.stars i:first-child{top:5%;left:34%}.stars i:nth-child(2){top:8%;right:9%}.stars i:nth-child(3){background:var(--cyan);top:15%;right:26%}.stars i:nth-child(4){top:22%;left:15%}.stars i:nth-child(5){top:72%;right:17%}.window-scene{z-index:1;background:radial-gradient(circle at 18% 18%,#ffffffe6 1px,#0000 2px),radial-gradient(circle at 38% 8%,#7ee1ffeb 1px,#0000 2px),radial-gradient(circle at 62% 17%,#ffffffd1 1px,#0000 2px),radial-gradient(circle at 77% 31%,#7ee1ffe6 1px,#0000 2px),linear-gradient(#081a6e 0%,#0a1040 50%,#070522 100%);border:8px solid #1a1054f2;outline:2px solid #7525ffa6;width:430px;height:44%;position:absolute;top:4%;left:45%;transform:translate(-50%);box-shadow:inset 0 0 40px #2458ff57,0 0 42px #782eff52}.window-scene:after{content:"";z-index:4;background:linear-gradient(#5d47ff47,#6c52ffe6,#5d47ff47);width:5px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #6c52ffcc,0 0 22px #6c52ff61}.night-sky{position:absolute;inset:0;overflow:hidden}.night-sky span{background:#fff;border-radius:50%;width:3px;height:3px;animation:3.6s ease-in-out infinite star-twinkle;position:absolute;box-shadow:0 0 7px #ffffffd9}.night-sky span:first-child{top:16%;left:17%}.night-sky span:nth-child(2){animation-delay:.8s;top:28%;left:31%}.night-sky span:nth-child(3){background:#83e6ff;animation-delay:1.4s;top:12%;left:48%}.night-sky span:nth-child(4){animation-delay:2.1s;top:27%;left:63%}.night-sky span:nth-child(5){background:#9bf3ff;animation-delay:.4s;top:19%;left:83%}.night-sky span:nth-child(6){animation-delay:1.9s;top:45%;left:73%}.night-sky span:nth-child(7){width:2px;height:2px;animation-delay:2.7s;top:53%;left:22%}.night-sky span:nth-child(8){width:2px;height:2px;animation-delay:1.1s;top:36%;left:92%}.night-sky span:nth-child(9){background:#83e6ff;width:2px;height:2px;animation-delay:3.1s;top:62%;left:57%}.night-sky span:nth-child(10){width:2px;height:2px;animation-delay:1.7s;top:72%;left:42%}.night-sky span:nth-child(11){animation-delay:2.3s;top:66%;left:88%}.night-sky span:nth-child(12){width:2px;height:2px;animation-delay:.2s;top:78%;left:12%}@keyframes star-twinkle{0%,to{opacity:.32;transform:scale(.75)}42%{opacity:1;transform:scale(1.35)}}.heart-row{z-index:3;gap:18px;display:flex;position:absolute;top:26px;left:28px}.heart-row span{clip-path:polygon(50% 92%,10% 55%,4% 34%,11% 17%,27% 9%,42% 16%,50% 28%,58% 16%,73% 9%,89% 17%,96% 34%,90% 55%);filter:drop-shadow(0 0 9px #ff45acb8);background:#ff45ac;width:24px;height:22px}.city{z-index:1;clip-path:polygon(0 100%,0 12%,14% 12%,14% 0,84% 0,84% 18%,100% 18%,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 8px,#47daffb3 8px 11px,#0000 11px 19px),repeating-linear-gradient(#0000 0 16px,#ffffff14 16px 18px,#0000 18px 28px),linear-gradient(#2867f3 0%,#0b2e83 46%,#06102f 100%);border:1px solid #319aff75;position:absolute;bottom:0;box-shadow:inset 0 0 22px #29d6ff4d,0 0 18px #2376ff3d}.city-one{background:repeating-linear-gradient(90deg,#0000 0 9px,#53ecffc2 9px 12px,#0000 12px 20px),repeating-linear-gradient(#0000 0 18px,#ff4cbe8c 18px 21px,#0000 21px 32px),linear-gradient(#235dff 0%,#0b2873 54%,#041027 100%);width:58px;height:112px;left:5%}.city-two{clip-path:polygon(0 100%,0 22%,17% 22%,17% 8%,42% 8%,42% 0,68% 0,68% 14%,100% 14%,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 11px,#53ecffb8 11px 14px,#0000 14px 24px),repeating-linear-gradient(#0000 0 15px,#975eff80 15px 18px,#0000 18px 30px),linear-gradient(#2b7dff 0%,#0b368e 45%,#050e2a 100%);width:72px;height:158px;right:8%}.city-three{clip-path:polygon(0 100%,0 16%,24% 16%,24% 0,100% 0,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 8px,#35ff9aad 8px 10px,#0000 10px 18px),repeating-linear-gradient(#0000 0 14px,#53ecff70 14px 16px,#0000 16px 27px),linear-gradient(#1f62df 0%,#0b3578 48%,#061026 100%);width:42px;height:88px;left:42%}.city-four{clip-path:polygon(0 100%,0 20%,100% 20%,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 9px,#ff4cbe99 9px 11px,#0000 11px 19px),repeating-linear-gradient(#0000 0 17px,#53ecff7a 17px 19px,#0000 19px 29px),linear-gradient(#264ee6 0%,#0a2465 52%,#050d26 100%);width:48px;height:76px;left:18%}.city-five{clip-path:polygon(0 100%,0 10%,32% 10%,32% 0,70% 0,70% 15%,100% 15%,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 10px,#53ecffb8 10px 13px,#0000 13px 22px),repeating-linear-gradient(#0000 0 16px,#35ff9a73 16px 18px,#0000 18px 31px),linear-gradient(#2774ff 0%,#0b3283 47%,#050d26 100%);width:64px;height:132px;left:31%}.city-six{clip-path:polygon(0 100%,0 28%,18% 28%,18% 0,88% 0,88% 19%,100% 19%,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 9px,#975effad 9px 12px,#0000 12px 21px),repeating-linear-gradient(#0000 0 15px,#53ecff7a 15px 17px,#0000 17px 28px),linear-gradient(#235dff 0%,#0b2d79 52%,#050d26 100%);width:52px;height:104px;left:57%}.city-seven{clip-path:polygon(0 100%,0 14%,100% 14%,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 8px,#35ff9a94 8px 10px,#0000 10px 18px),repeating-linear-gradient(#0000 0 14px,#ff4cbe80 14px 16px,#0000 16px 28px),linear-gradient(#1e55df 0%,#092769 50%,#050d26 100%);width:46px;height:82px;right:25%}.city-eight{clip-path:polygon(0 100%,0 0,76% 0,76% 18%,100% 18%,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 7px,#53ecff9e 7px 9px,#0000 9px 16px),repeating-linear-gradient(#0000 0 13px,#975eff73 13px 15px,#0000 15px 25px),linear-gradient(#204bd2 0%,#092564 50%,#050d26 100%);width:38px;height:64px;right:38%}.shelf-left,.shelf-right{background:linear-gradient(90deg,#0000 48%,#ff45ac38 49% 51%,#0000 52%),repeating-linear-gradient(#0000 0 70px,#712f9f5c 70px 75px);border-top:5px solid #712f9f8c;border-bottom:5px solid #712f9f52;width:72px;height:250px;position:absolute;top:23%}.shelf-left{left:70px}.shelf-right{right:70px}.level-sign{color:#ff5cff;text-align:center;text-shadow:0 0 12px #ff5cffe0;border:3px solid #df39ff;padding:14px 12px;font-size:25px;font-weight:900;line-height:.95;animation:10s infinite level-led-blink;position:absolute;top:20%;right:158px;box-shadow:inset 0 0 16px #ff5cff29,0 0 20px #ff5cff47}@keyframes level-led-blink{0%,2%,4%,8%,to{opacity:1;color:#ff5cff;text-shadow:0 0 8px #ff5cfff2,0 0 18px #ff5cffbd;border-color:#df39ff;box-shadow:inset 0 0 16px #ff5cff33,0 0 24px #ff5cff70}1%,3%,6%{opacity:.24;color:#ff5cff66;text-shadow:none;border-color:#df39ff5c;box-shadow:inset 0 0 4px #ff5cff14,0 0 5px #ff5cff1a}12%,92%{opacity:.88;box-shadow:inset 0 0 12px #ff5cff24,0 0 15px #ff5cff3d}}.desk{background:linear-gradient(#261447,#12081f);border-top:3px solid #ff2eb48c;width:720px;height:26px;position:absolute;bottom:25%;left:50%;right:auto;transform:translate(-50%);box-shadow:0 8px 36px #000000b8}.monitor{background:#051a37;border:3px solid #08c9ff;position:absolute;bottom:30%;box-shadow:inset 0 0 24px #08c9ff38,0 0 24px #08c9ff33}.monitor-left{width:200px;height:125px;left:245px;transform:skewY(-2deg)}.monitor-right{width:190px;height:118px;right:245px;transform:skewY(3deg)}.monitor span{opacity:0;background:#25dcff;max-width:0;height:4px;margin:13px 100px 13px 20px;animation:7s steps(10,end) infinite monitor-code-write;display:block;overflow:hidden;box-shadow:38px 0 #bb4cff,84px 0 #35ff9a}.monitor span:first-child{animation-delay:0s}.monitor span:nth-child(2){animation-delay:.8s}.monitor span:nth-child(3){animation-delay:1.6s}.monitor span:nth-child(4){animation-delay:2.4s}.monitor span:nth-child(5){animation-delay:3.2s}@keyframes monitor-code-write{0%{opacity:0;max-width:0}1%{opacity:1;max-width:0}11%,76%{opacity:1;max-width:124px}92%,to{opacity:0;max-width:0}}.player{z-index:6;width:170px;height:320px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.head{background:linear-gradient(#120922,#050615);border:4px solid #ff2a969e;border-radius:45% 45% 39% 39%;width:96px;height:104px;position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ff2a9652}.headset{z-index:2;border:6px solid #ff1f94;border-bottom:0;border-radius:70px 70px 0 0;width:118px;height:98px;position:absolute;top:18px;left:25px}.headset:before,.headset:after{content:"";background:#11051f;border:4px solid #ff1f94;width:18px;height:42px;position:absolute;top:55px}.headset:before{left:-18px}.headset:after{right:-18px}.body{background:linear-gradient(#11173e,#070712);border:3px solid #6448ff80;border-radius:42px 42px 10px 10px;width:122px;height:144px;position:absolute;top:124px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #4f44ff38}.chair{border:4px solid #303e7ebf;border-top:0;border-radius:0 0 46px 46px;width:150px;height:138px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.mini-screen{color:#22dfff;text-shadow:0 0 16px #22dfffb3;background:#090a24;border:3px solid #a139ff;place-items:center;width:90px;height:72px;font-size:38px;display:grid;position:absolute;bottom:27.7%;right:94px}.pixel-cat{clip-path:polygon(18% 32%,26% 4%,39% 27%,62% 27%,74% 4%,82% 32%,89% 55%,78% 86%,50% 98%,21% 86%,10% 55%);filter:drop-shadow(0 0 16px #5660ffb8);background:#6b58ff;width:88px;height:74px;position:absolute;bottom:5%;left:78px}.pixel-cat:before,.pixel-cat:after{content:"";background:#34ffdc;width:10px;height:10px;position:absolute;top:36px;box-shadow:0 0 12px #34ffdcf2}.pixel-cat:before{left:26px}.pixel-cat:after{right:26px}.pixel-cat span{border:0;border-top:8px solid #6b58ff;border-left:8px solid #6b58ff;border-radius:30px 0 0;width:44px;height:50px;position:absolute;top:26px;left:-28px}.scroll-indicator{justify-content:center;display:flex;position:absolute;bottom:30px;left:0;right:0}.scroll-indicator span{border:2px solid #b28dff;border-radius:999px;width:19px;height:34px;box-shadow:0 0 16px #b28dff66}.scroll-indicator span:before{content:"";background:#b28dff;border-radius:99px;width:3px;height:7px;margin:7px auto 0;display:block}@media (width<=1562px){.hero-panel{grid-template-columns:1fr;align-content:start}.hero-content{text-align:start;align-items:center;width:min(760px,100%);margin:0 auto;padding:clamp(46px,6.8vw,78px) clamp(28px,6vw,68px) 44px}.hero-copy span{display:inline}.hero-actions{justify-content:center}.pixel-stage{--scene-scale:.86;min-height:calc(640px * var(--scene-scale) + 36px);opacity:.92;place-items:center;display:grid}.game-scene{width:900px;height:640px;min-height:640px;transform:scale(var(--scene-scale));transform-origin:50%}.window-scene{width:520px;height:48%;top:4%;left:40%;transform:translate(-50%)}.desk{width:700px;bottom:16%;left:50%;right:auto;transform:translate(-50%)}.monitor-left{bottom:22%;left:180px}.monitor-right{bottom:22%;right:180px}.player{bottom:8%;left:50%}.mini-screen{bottom:23%;right:80px}.pixel-cat{bottom:2%;left:70px}}@media (width<=1100px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none}.mobile-nav-menu{opacity:0;pointer-events:none;background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/5px 5px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/5px 5px,#03081df5;border:1px solid #415ddca3;border-radius:8px;gap:6px;min-width:230px;padding:14px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 18px);right:0;transform:translateY(-8px);box-shadow:inset 0 0 22px #14d7ff0a,0 18px 42px #00000061,0 0 22px #9d4cff29}.mobile-nav-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-menu a{color:#ddd9ef;text-transform:uppercase;border:1px solid #0000;border-radius:6px;padding:13px 14px;font-size:13px;font-weight:900;text-decoration:none;transition:border-color .16s,color .16s,background .16s,text-shadow .16s;position:relative}.mobile-nav-menu a:hover,.mobile-nav-menu a.active{color:#fff;text-shadow:0 0 12px #ffffff94;background:#9d4cff29;border-color:#9d4cff94}.pixel-stage{--scene-scale:.86}}@media (width<=920px){.pixel-stage{--scene-scale:.86}}@media (width<=760px){.pixel-stage{--scene-scale:.64}}@media (width<=640px){.portfolio-shell{overflow:visible}.site-header{grid-template-columns:1fr auto;width:100%;height:68px;padding:0 18px}.brand{font-size:19px}.header-actions{gap:14px}.hero-panel{border-radius:8px;width:calc(100% - 16px);min-height:auto;margin:8px auto}.hero-content{padding:38px 22px 20px}.hero-content h1{font-size:clamp(31px,11vw,44px)}.hero-copy{font-size:15px}.hero-actions{gap:12px}.primary-action,.secondary-action{width:100%;min-height:50px;padding-inline:18px}.terminal-card{margin-top:32px;padding:14px 16px}.terminal-card p{font-size:12px}.pixel-stage{--scene-scale:.56;min-height:calc(640px * var(--scene-scale) + 28px)}.monitor-left{width:200px;height:125px;left:180px}.monitor-right{width:190px;height:118px;right:180px}.level-sign,.shelf-left,.shelf-right{display:none}.player{transform-origin:bottom;bottom:8%;transform:translate(-50%)}.mini-screen{width:90px;height:72px;font-size:38px;right:80px}.scroll-indicator{display:none}}@media (width<=920px){.pixel-stage{--scene-scale:1;min-height:430px}.game-scene{width:min(360px,100vw);height:430px;min-height:430px;transform:none}.window-scene{border-width:5px;width:285px;height:170px;top:22px;left:50%;transform:translate(-50%)}.heart-row{gap:12px;top:20px;left:22px}.heart-row span{width:15px;height:14px}.city{transform-origin:bottom;transform:scale(.72)}.desk{width:312px;bottom:84px;left:50%;transform:translate(-50%)}.monitor-left{width:126px;height:78px;bottom:106px;left:46px}.monitor-right{width:126px;height:78px;bottom:106px;right:46px}.monitor span{height:3px;margin:9px 52px 9px 14px;box-shadow:28px 0 #bb4cff,58px 0 #35ff9a}.player{transform-origin:bottom;bottom:42px;left:50%;transform:translate(-50%)scale(.56)}.mini-screen{width:58px;height:48px;font-size:24px;bottom:112px;right:15px}.pixel-cat{transform-origin:0 100%;bottom:52px;left:20px;transform:scale(.72)}}