*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{overflow-x:hidden}.background{background-color:#000;width:100%;height:auto}.header-container{display:flex;flex-direction:row;width:100%;height:10%;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden;border-bottom:2px solid white}.header-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(64,224,208,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(64,224,208,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.header-container>*{position:relative;z-index:1}.header-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:50%;height:100%;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1rem;margin:20px}.header-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:45%;height:100%;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;margin-right:20px}.home-button,.work-button,.about-button,.contact-button{display:flex;justify-content:center;align-items:center;width:20%;height:100%;cursor:pointer;text-align:center}.home-button:hover,.work-button:hover,.about-button:hover,.contact-button:hover{color:#d3d3d3}@media (max-width: 768px){.header-right{justify-content:center;flex-wrap:wrap;width:100%;margin-right:0%}.header-left{width:0%;display:none}.home-button,.work-button,.about-button,.contact-button{font-size:1rem;width:20%;margin:5px}.header-container{padding:10px}}@media (max-width: 480px){.header-right{justify-content:center;flex-wrap:wrap;width:100%}.home-button,.work-button,.about-button,.contact-button{font-size:.8rem;width:20%;margin:5px}}.home-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(64,224,208,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.home-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:50%;padding:0 4rem;position:relative;z-index:2}.home-right{display:flex;justify-content:center;align-items:center;width:50%;position:relative;z-index:2}.Im{color:#64e0d0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:.5rem;opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.name{color:#fff;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:1.5rem;line-height:1.1;opacity:0;animation:fadeInUp .8s ease-out .4s forwards;background:linear-gradient(135deg,#fff,#64e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.description{color:#a0a0a0;font-size:clamp(1rem,2.5vw,1.25rem);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin-bottom:3rem;max-width:500px;opacity:0;animation:fadeInUp .8s ease-out .6s forwards}.projects-button{background:linear-gradient(135deg,#64e0d0,#4fd1c7);color:#0f0f23;border:none;border-radius:50px;padding:1rem 2rem;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;animation:fadeInUp .8s ease-out .8s forwards;box-shadow:0 4px 15px #64e0d04d}.projects-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.projects-button:hover:before{left:100%}.projects-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #64e0d066}.projects-button:active{transform:translateY(0)}.avatar{width:clamp(300px,40vw,450px);height:clamp(300px,40vw,450px);border-radius:50%;object-fit:cover;border:4px solid rgba(100,224,208,.3);transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeInScale 1s ease-out 1s forwards;box-shadow:0 0 #64e0d0b3,0 20px 40px #0000004d}.avatar:hover{transform:scale(1.05);border-color:#64e0d0cc;box-shadow:0 0 0 20px #64e0d01a,0 25px 50px #0006}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.home-container{flex-direction:column;text-align:center;padding:2rem 1rem}.home-left{width:100%;padding:2rem 1rem;align-items:center;margin-bottom:2rem}.home-right{width:100%;padding:1rem}.description{text-align:center;max-width:600px}}@media (max-width: 768px){.home-container{min-height:auto;padding:1rem}.home-left{padding:1rem;margin-bottom:1rem}.home-right{padding:.5rem}.Im{font-size:1.5rem;margin-bottom:.25rem}.name{font-size:2.5rem;margin-bottom:1rem}.description{font-size:1rem;margin-bottom:2rem;padding:0 1rem}.projects-button{padding:.875rem 1.75rem;font-size:1rem}.avatar{width:250px;height:250px}}@media (max-width: 480px){.home-container{min-height:auto;padding:.5rem}.home-left{padding:.5rem;margin-bottom:.5rem}.Im{font-size:1.25rem}.name{font-size:2rem;margin-bottom:.75rem}.description{font-size:.9rem;margin-bottom:1.5rem;padding:0 .5rem}.projects-button{padding:.75rem 1.5rem;font-size:.9rem}.avatar{width:200px;height:200px}}@media (prefers-color-scheme: dark){.home-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f1419)}}@media (prefers-contrast: high){.name{background:linear-gradient(135deg,#fff,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-button{background:linear-gradient(135deg,#0ff,#0cc);color:#000}}@media (prefers-reduced-motion: reduce){.home-container:before,.avatar,.projects-button:before{animation:none}.Im,.name,.description,.projects-button{animation:none;opacity:1}}.work-parent{color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;border-bottom:2px solid white;border-top:2px solid white;padding-bottom:15px;padding-top:15px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden}.work-parent:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(64,224,208,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(64,224,208,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.work-parent>*{position:relative;z-index:1}:root{--card-border-radius: 25px;--card-padding: 20px;--card-margin: 20px;--title-font-size-mobile: 1.2rem;--title-font-size-desktop: 2.5rem;--title-font-size-small: 1.8rem;--description-font-size: .9rem;--icon-size: 35px;--logo-size: 80px;--screenshot-height: 200px}:root{--font-planewalker: "Planewalker", sans-serif;--font-streetdevil: "Street Devil", sans-serif;--font-yikes: "Yikes", sans-serif;--font-poorrich: "Poor Rich", sans-serif;--font-ringbearer: "Ringbearer", sans-serif;--font-cyberpunk: "Cyberpunk", sans-serif;--font-bellfoods: "Bellfoods", sans-serif;--font-nueva: "Nueva", sans-serif;--font-perpetua: "Perpetua", sans-serif;--font-naturebreath: "Nature Breath", sans-serif;--font-orbitron: "Orbitron", sans-serif}.container-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;width:90%;max-width:1400px;padding:20px;margin:0 auto}.work-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;margin:0;border-radius:var(--card-border-radius);border:2px solid white;padding:var(--card-padding);transition:all .3s ease;background:#0000001a}.work-container:hover{border:2px solid white;box-shadow:0 0 15px #fff,0 0 30px #fff;transform:translateY(-5px);background:#0003}.container-left{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;position:relative;margin-bottom:15px}.project-logo{width:var(--logo-size);height:var(--logo-size);position:absolute;top:-10px;left:-10px;z-index:10;border-radius:50%;border:2px solid white}.project-screenshot{width:100%;height:var(--screenshot-height);object-fit:cover;box-shadow:2px 2px 8px #40e0d080;position:relative;z-index:1;border-radius:15px}.media-placeholder{width:100%;height:var(--screenshot-height);border-radius:15px;background:#ffffff0d;box-shadow:2px 2px 8px #40e0d080}.project-title{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;flex-shrink:0;text-align:center;position:relative;margin:15px 0;padding:0;min-height:60px;font-size:var(--title-font-size-desktop);font-weight:700;color:#fff}.github,.link{display:none}.container-right-bottom{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto}.work-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:10px}.icon-row{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;padding:10px;margin-bottom:15px;flex-wrap:wrap;gap:8px}.icon-tooltip{position:relative;display:inline-flex}.icon-tooltip-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:6px;background:#000000eb;border:1px solid rgba(64,224,208,.5);color:#fff;font-size:.7rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:20}.icon-tooltip-label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#40e0d080}.icon-tooltip:hover .icon-tooltip-label,.icon-tooltip:focus-within .icon-tooltip-label{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.icon{height:var(--icon-size);width:var(--icon-size);transition:transform .2s ease}.icon-tooltip:hover .icon,.icon-tooltip:focus-within .icon{transform:scale(1.1)}.text{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;background-color:#808080cc;color:#fff;border-radius:20px;padding:15px;text-shadow:1px 1px 3px rgba(22,23,24,.5);font-size:var(--description-font-size);box-shadow:2px 2px 8px #40e0d080;line-height:1.4;max-height:120px;overflow-y:auto;cursor:pointer;transition:background-color .2s ease}.text:hover{background-color:gray}.screenshot-overlay{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;background:#000000b3;padding:6px;border-radius:8px;z-index:100}.overlay-icon{width:20px;height:20px;color:#fffc;cursor:pointer;transition:color .2s ease,transform .2s ease}.overlay-icon:hover{color:#fff;transform:scale(1.1)}.text::-webkit-scrollbar{width:8px}.text::-webkit-scrollbar-track{background:#0000004d;border-radius:10px;margin:5px}.text::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#40e0d0cc,#40e0d066);border-radius:10px;border:1px solid rgba(64,224,208,.3);transition:all .3s ease}.text::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#40e0d0,#40e0d099);box-shadow:0 0 10px #40e0d080;transform:scale(1.05)}.text::-webkit-scrollbar-corner{background:transparent}.text{scrollbar-width:thin;scrollbar-color:rgba(64,224,208,.8) rgba(0,0,0,.3)}@media (max-width: 768px){.container-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;width:95%;padding:10px}.work-container{width:95%;margin:10px;border-radius:40px;padding:15px}.container-left{display:none}.project-title{font-size:var(--title-font-size-mobile);margin-bottom:20px}.text{font-size:.75rem;padding:8px;border-radius:15px}.icon{height:25px;width:25px}.mobile-screenshot-wrapper{position:relative;margin-top:10px;width:100%;display:flex;justify-content:center;align-items:center}.mana-mind-screenshot-mobile{width:80%;height:auto;box-shadow:2px 2px 8px #40e0d080;border-radius:10px;margin-bottom:10px}.mana-mind-logo-mobile{position:absolute;top:-20px;left:10px;width:50px;height:50px;z-index:5}.mobile-screenshot-overlay{position:absolute;bottom:20px;right:45px;display:flex;gap:8px;background:#00000080;padding:4px;border-radius:8px;z-index:100}.overlay-icon-mobile{width:20px;height:20px;color:#ffffffb3;cursor:pointer;transition:color .2s ease,transform .2s ease}.overlay-icon-mobile:hover{color:#fff;transform:scale(1.1)}}@font-face{font-family:Planewalker;src:url(/assets/Planewalker-Dg6mN_dK.otf) format("opentype");font-display:swap}@font-face{font-family:Street Devil;src:url(/assets/STREET%20DEVIL-CGd6cOsp.ttf) format("truetype");font-display:swap}@font-face{font-family:Yikes;src:url(/assets/YIKES-CSfQ9Egm.TTF) format("truetype");font-display:swap}@font-face{font-family:Poor Rich;src:url(/assets/POORICH-DMdwy8q0.TTF) format("truetype");font-display:swap}@font-face{font-family:Ringbearer;src:url(/assets/RingbearerMedium-51mgZ-CTp9MBLD.ttf) format("truetype");font-display:swap}@font-face{font-family:Cyberpunk;src:url(/assets/CIND-CtZ4qYgO.otf) format("opentype");font-display:swap}@font-face{font-family:Bellfoods;src:url(/assets/Bellfoods-BjVTHtl0.otf) format("opentype");font-display:swap}@font-face{font-family:Nueva;src:url(/assets/NuevaStd-BoldCond-DmYxiuf8.otf) format("opentype");font-display:swap}@font-face{font-family:Perpetua;src:url(/assets/PERB____-GRzANwKY.TTF) format("truetype");font-display:swap}@font-face{font-family:Nature Breath;src:url(/assets/Nature%20Breath-2sED5rn0.ttf) format("truetype");font-display:swap}.container-right-top{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:20%;text-align:center;position:relative;margin-top:10px;padding-left:30px;padding-top:15px}.github{width:30px;height:30px;position:absolute;top:120px;right:50px;z-index:100;cursor:pointer}.link{width:30px;height:10px;position:absolute;top:130px;right:10px;z-index:100;cursor:pointer}.container-right-bottom{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:80%}.mana-mind{width:125px;height:125px;position:absolute;top:-5px;left:-5px;z-index:10}.mana-mind-screenshot{width:80%;height:60%;box-shadow:2px 2px 8px #40e0d080;position:relative;z-index:1;margin-top:75px;margin-left:30px}.work-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:10px}.icon-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:40%;padding:10px;margin-bottom:10px}.icon{height:50px;width:50px;margin:5px}.text{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:80%;background-color:gray;color:#fff;border-radius:30px;padding:20px 20px 10px;text-shadow:1px 1px 3px rgba(22,23,24,.5);font-size:1.25rem;box-shadow:2px 2px 8px #40e0d080}@media (max-width: 480px){.work-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:95%;height:auto;margin:10px;border-radius:40px;border:2px solid white;padding:5px}.container-left{display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:30%;height:100%;margin-right:10px}.container-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;margin-left:5px}.container-right-top{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:20%;text-align:start;position:relative;margin-top:5px;padding-top:5px;padding-left:0;margin-bottom:20px;text-align:center}.github{display:none;width:15px;height:15px;position:absolute;top:330px;right:23px;z-index:100;cursor:pointer}.link{display:none;width:15px;height:5px;position:absolute;top:335px;right:5px;z-index:100;cursor:pointer}.container-right-bottom{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:80%}.mana-mind{width:75px;height:75px;position:relative;top:5px;left:10px;z-index:1}.mana-mind-screenshot{width:100%;height:40%;box-shadow:2px 2px 8px #40e0d080;margin-left:2px;margin-top:15px}.work-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:3px}.icon-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:20%;padding:5px;margin-bottom:5px}.icon{height:25px;width:25px;margin:2.5px}.text{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:80%;background-color:gray;color:#fff;border-radius:15px;padding:8px;text-shadow:1px 1px 3px rgba(22,23,24,.5);font-size:.75rem;box-shadow:2px 2px 8px #40e0d080;margin-right:10px;margin-bottom:10px}.mobile-screenshot-wrapper{position:relative;margin-top:10px;width:100%;display:flex;justify-content:center;align-items:center}.mana-mind-screenshot-mobile{width:80%;height:auto;box-shadow:2px 2px 8px #40e0d080;border-radius:10px;margin-bottom:10px}.mana-mind-logo-mobile{position:absolute;top:-20px;left:10px;width:50px;height:50px;z-index:5}.mobile-icons-wrapper{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;width:100%;height:auto}.github-mobile{width:15px;height:15px;z-index:100;cursor:pointer;margin-right:5px}.link-mobile{width:15px;height:5px;z-index:100;cursor:pointer;margin-bottom:3px}.mobile-screenshot-overlay{position:absolute;bottom:20px;right:45px;display:flex;gap:8px;background:#00000080;padding:4px;border-radius:8px;z-index:100}.overlay-icon-mobile{width:20px;height:20px;color:#ffffffb3;cursor:pointer;transition:color .2s ease,transform .2s ease}.overlay-icon-mobile:hover{color:#fff;transform:scale(1.1)}}@media (min-width: 769px){.container-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;width:90%;max-width:1400px;padding:20px}.work-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;margin:0;border-radius:25px;border:2px solid white;padding:20px;transition:all .3s ease}.work-container:hover{border:2px solid white;box-shadow:0 0 15px #fff,0 0 30px #fff;transform:translateY(-5px)}.container-left{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;flex-shrink:0;position:relative;margin-right:0;margin-bottom:15px}.project-title{flex-shrink:0}.container-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;flex:1;min-height:0}.mana-mind{width:80px;height:80px;position:absolute;top:-10px;left:-10px;z-index:10}.mana-mind-screenshot{width:100%;height:200px;object-fit:cover;box-shadow:2px 2px 8px #40e0d080;position:relative;z-index:1;margin:0;border-radius:15px}.container-right-top{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;text-align:center;position:relative;margin:10px 0;padding:0;min-height:60px}.github,.link{display:none}.container-right-bottom{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;flex:1;min-height:0}.work-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;flex:1;min-height:0;padding:10px}.icon-row{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;flex-shrink:0;padding:10px;margin-bottom:15px;flex-wrap:wrap}.icon{height:35px;width:35px;margin:3px}.text{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;flex:1;height:auto;min-height:120px;background-color:gray;color:#fff;border-radius:20px;padding:15px;text-shadow:1px 1px 3px rgba(22,23,24,.5);font-size:.9rem;box-shadow:2px 2px 8px #40e0d080;line-height:1.4;max-height:none;overflow-y:auto}.screenshot-overlay{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;background:#000000b3;padding:6px;border-radius:8px;z-index:100}.overlay-icon{width:20px;height:20px;color:#fffc;cursor:pointer;transition:color .2s ease,transform .2s ease}.overlay-icon:hover{color:#fff;transform:scale(1.1)}}@media (max-width: 768px){.container-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}.work-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:95%;height:auto;margin:10px;border-radius:40px;border:2px solid white;padding:5px}.container-left{display:none}.container-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;margin-left:5px}.container-right-top{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:20%;text-align:center;position:relative;margin-top:5px;padding-top:5px;padding-left:0;margin-bottom:20px}.github,.link{display:none}.container-right-bottom{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:80%}.work-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:3px}.icon-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:20%;padding:5px;margin-bottom:5px}.icon{height:25px;width:25px;margin:2.5px}.text{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:80%;background-color:gray;color:#fff;border-radius:15px;padding:8px;text-shadow:1px 1px 3px rgba(22,23,24,.5);font-size:.75rem;box-shadow:2px 2px 8px #40e0d080;margin-right:10px;margin-bottom:10px}.mobile-screenshot-wrapper{position:relative;margin-top:10px;width:100%;display:flex;justify-content:center;align-items:center}.mana-mind-screenshot-mobile{width:80%;height:auto;box-shadow:2px 2px 8px #40e0d080;border-radius:10px;margin-bottom:10px}.mana-mind-logo-mobile{position:absolute;top:-20px;left:10px;width:50px;height:50px;z-index:5}.mobile-screenshot-overlay{position:absolute;bottom:20px;right:45px;display:flex;gap:8px;background:#00000080;padding:4px;border-radius:8px;z-index:100}.overlay-icon-mobile{width:20px;height:20px;color:#ffffffb3;cursor:pointer;transition:color .2s ease,transform .2s ease}.overlay-icon-mobile:hover{color:#fff;transform:scale(1.1)}}@media (max-width: 768px){.container-right-top{font-size:var(--mobile-font-size)}}@media (min-width: 769px){.container-right-top{font-size:var(--desktop-font-size)}}.project-title-small{font-size:var(--title-font-size-small)}.about-section{width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:4rem 0;position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(64,224,208,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(64,224,208,.1) 0%,transparent 50%);pointer-events:none}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.hero-section{margin-bottom:4rem}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.image-container:hover{transform:translateY(-10px);box-shadow:0 30px 60px #40e0d033}.profile-image{width:100%;height:auto;display:block;transition:transform .3s ease}.image-container:hover .profile-image{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(64,224,208,.1),transparent);pointer-events:none}.roles-container{display:flex;flex-direction:column;gap:2rem}.roles-title{font-family:Pertili,serif;font-size:2.5rem;color:#40e0d0;text-align:center;margin:0;text-shadow:0 0 20px rgba(64,224,208,.5)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.role-item{background:#40e0d01a;border:2px solid rgba(64,224,208,.3);border-radius:15px;padding:1rem;text-align:center;transition:all .3s ease;cursor:pointer}.role-item:hover{background:#40e0d033;border-color:#40e0d0;transform:translateY(-5px);box-shadow:0 10px 25px #40e0d04d}.role-text{font-family:Pertili,serif;font-size:1rem;color:#fff;font-weight:600;letter-spacing:1px}.achievements-section{margin-bottom:4rem;text-align:center}.achievements-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.achievement-item{background:#ffffff1a;border-radius:20px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.achievement-item:hover{transform:translateY(-5px);background:#40e0d01a;box-shadow:0 15px 30px #40e0d033}.achievement-icon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}.description-section{background:#ffffff0d;border-radius:25px;padding:3rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(64,224,208,.2);transition:all .3s ease}.description-section:hover{border-color:#40e0d080;box-shadow:0 20px 40px #40e0d01a}.description-content{max-width:800px;margin:0 auto}.description-text{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.description-text:last-child{margin-bottom:0}.highlight{color:#40e0d0;font-weight:600;text-align:center;font-style:italic}@media (max-width: 768px){.about-section{padding:2rem 0}.about-container{padding:0 1rem}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.roles-title{font-size:2rem}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.role-item{padding:.75rem}.role-text{font-size:.9rem}.achievements-container{gap:1rem}.achievement-item{padding:1rem}.achievement-icon{width:60px;height:60px}.description-section{padding:2rem 1.5rem}.description-text{font-size:1rem;line-height:1.6}}@media (max-width: 480px){.about-container{padding:0 .75rem}.roles-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.role-item{padding:.5rem}.role-text{font-size:.8rem}.achievements-container{gap:.75rem}.achievement-item{padding:.75rem}.achievement-icon{width:50px;height:50px}.description-section{padding:1.5rem 1rem}.description-text{font-size:.95rem}}.about-section *{transition:all .3s ease}.description-section::-webkit-scrollbar{width:8px}.description-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.description-section::-webkit-scrollbar-thumb{background:#40e0d080;border-radius:4px}.description-section::-webkit-scrollbar-thumb:hover{background:#40e0d0b3}.contact-game-wrapper{position:relative;text-align:center;margin:20px auto;width:90%}.game-information-container{width:100%;height:40%;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Yikes;color:#ff0;font-size:2rem;width:250px;height:40px;padding:5px}.game-sub-title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Yikes;color:#ff0;font-size:1rem;width:250px;height:25px;padding:5px}.instructions{color:#fff}.input{width:300px;height:200px;margin-top:15px}.input-holder{display:flex;flex-direction:column;justify-content:center;align-items:center}.input-name,.input-email{height:30px}.splat-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:auto;z-index:1000;cursor:pointer}.action-holder{display:flex;flex-direction:row;justify-content:center;align-items:center}.fire-button{height:100px;width:100px;background:linear-gradient(to top,#4b0101,#fd2525);border-radius:50%;color:#ff0;-webkit-text-stroke-color:black;-webkit-text-stroke-width:.5px;font-family:Yikes;font-size:2.3rem;border:5px solid grey;text-align:center;padding-top:25px;padding-left:5px;cursor:pointer}.fire-button:hover{background:linear-gradient(to top,#025332,#25fd49);color:#8a2be2}.start-button{margin:10px;cursor:pointer;width:150px;height:100px;background:linear-gradient(to top,#127880,#4be6f1);color:#8a2be2;-webkit-text-stroke-color:black;-webkit-text-stroke-width:.5px;font-family:Yikes;font-size:2.3rem;border:5px solid blueviolet;border-radius:30px;text-align:center;padding-top:25px}.start-button:hover{background:linear-gradient(to top,#570c5e,#de2aee);color:#0ff;border:5px solid aqua}.info-holder{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;width:200px}.window-wrapper{display:flex;justify-content:center;margin:20px}.window{width:100px;height:100px;margin:10px;display:flex;justify-content:center;align-items:center;background-color:#d3d3d3;border:2px solid gray;border-radius:10px;font-size:1rem;font-weight:700;position:relative}.window img{display:none}.window img.visible{display:block}.hand-indicator{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:50px;height:auto;z-index:2;animation:bounce .5s infinite alternate}.face{position:absolute;width:80px;height:80px;border-radius:50%;z-index:1}@keyframes bounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-10px)}}.throw-items-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:450px;height:150px;background-color:none}.selection-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:90%;height:70%;background:linear-gradient(to top,#4e2702,#c27731);border-radius:30px;border:2px solid white;position:relative;cursor:pointer}.individual-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;width:125px}.selection-name{display:flex;justify-content:center;align-items:center;position:relative;top:-20px;color:#ff0;-webkit-text-stroke-color:black;-webkit-text-stroke-width:.5px;font-family:Yikes;font-size:1.5rem;transform:rotate(-30deg);overflow:visible;white-space:nowrap;text-shadow:1px 1px 2px black;z-index:2}.selection-pic{width:80px;height:80px;position:relative;top:-35px;z-index:3}.throw-item-text{font-size:24px}@media (max-width: 480px){.contact-game-wrapper{position:relative;text-align:center;margin:20px auto;width:100%;max-width:1000px;overflow:hidden}.game-information-container{width:100%;height:40%;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Yikes;color:#ff0;font-size:2rem;width:250px;height:40px;padding:5px}.game-sub-title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Yikes;color:#ff0;font-size:1rem;width:250px;height:25px;padding:5px}.instructions{color:#fff;font-size:.65rem}.input{width:300px;height:200px;margin-top:15px}.splat-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:auto;z-index:1000;cursor:pointer}.action-holder{display:flex;flex-direction:row;justify-content:center;align-items:center}.fire-button{height:100px;width:100px;background:linear-gradient(to top,#4b0101,#fd2525);border-radius:50%;color:#ff0;-webkit-text-stroke-color:black;-webkit-text-stroke-width:.5px;font-family:Yikes;font-size:2.3rem;border:5px solid grey;text-align:center;padding-top:25px;padding-left:5px;cursor:pointer}.fire-button:hover{background:linear-gradient(to top,#025332,#25fd49);color:#8a2be2}.start-button{margin:10px;cursor:pointer;width:150px;height:100px;background:linear-gradient(to top,#127880,#4be6f1);color:#8a2be2;-webkit-text-stroke-color:black;-webkit-text-stroke-width:.5px;font-family:Yikes;font-size:2.3rem;border:5px solid blueviolet;border-radius:30px;text-align:center;padding-top:25px}.start-button:hover{background:linear-gradient(to top,#570c5e,#de2aee);color:#0ff;border:5px solid aqua;width:150px;height:100px;margin:10px}.info-holder{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;width:100%;font-size:1rem}.window-wrapper{display:flex;justify-content:center;margin:20px}.window{width:100px;height:100px;margin:10px;display:flex;justify-content:center;align-items:center;background-color:#d3d3d3;border:2px solid gray;border-radius:10px;font-size:1rem;font-weight:700;position:relative}.window img{display:none}.window img.visible{display:block}.hand-indicator{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:50px;height:auto;z-index:2;animation:bounce .5s infinite alternate}.face{position:absolute;width:80px;height:80px;border-radius:50%;z-index:1}@keyframes bounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-10px)}}.mobile-throw-items{display:flex;justify-content:center;height:95px;margin-top:50px}.throw-items-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:150px;background-color:none}.selection-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:285px;height:60%;background:linear-gradient(to top,#4e2702,#c27731);border-radius:30px;border:2px solid white;position:relative;cursor:pointer}.individual-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px}.selection-name{display:flex;justify-content:center;align-items:center;position:relative;top:-20px;color:#ff0;-webkit-text-stroke-color:black;-webkit-text-stroke-width:.5px;font-family:Yikes;font-size:1.5rem;transform:rotate(-30deg);overflow:visible;white-space:nowrap;text-shadow:1px 1px 2px black;z-index:2}.selection-pic{width:60px;height:60px;position:relative;top:-30px;z-index:3}.throw-item-text{font-size:15px}.input-holder{display:flex;flex-direction:column;justify-content:center;align-items:center}.input-name,.input-email{height:30px}}.contact-wrapper{border-bottom:2px solid white;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden;border-top:2px solid white;padding-top:15px;padding-bottom:15px}.contact-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(64,224,208,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(64,224,208,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.contact-wrapper>*{position:relative;z-index:1}.footer{position:relative;width:100%;height:200px;padding:20px 50px;display:flex;justify-content:center;align-items:center;flex-direction:column}.info-container{position:relative;z-index:2000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.waves{position:absolute;width:100%;height:200px;bottom:0;left:0;overflow:hidden}.wave{position:absolute;width:100%;height:100px;background:url(/assets/wave2-BZAy20tx.png);background-size:1000px 100px;animation:animateWaves 8s linear infinite;padding-bottom:100px}#wave1{z-index:1000;opacity:1;bottom:0}#wave2{z-index:999;opacity:.5;bottom:10px;animation-delay:-2s}#wave3{z-index:1000;opacity:.2;bottom:15px;animation-delay:-4s}#wave4{z-index:999;opacity:.7;bottom:20px;animation-delay:-6s}.social-icon{display:flex;justify-content:center;margin:10px 0}.social-icon__item{list-style:none}.social-icon__link{font-size:2rem;color:#fff;margin:0 10px;transition:.5s}.social-icon__link:hover{transform:translateY(-10px)}.menu{display:flex;justify-content:center;margin:10px 0;cursor:pointer}.menu__item{list-style:none}.menu__link{font-size:1.2rem;color:#fff;margin:0 10px;text-decoration:none;opacity:.75;transition:.5s}.menu__link:hover{opacity:1}.footer p{color:#fff;font-size:1rem}@keyframes animateWaves{0%{background-position-x:1000px}to{background-position-x:0}}@media (max-width: 480px){.menu__link{font-size:1rem;color:#fff;margin:0 10px;text-decoration:none;opacity:.75;transition:.5s}.footer p{color:#fff;font-size:.75rem}.footer{position:relative;width:100%;height:125px;padding:20px 50px;display:flex;justify-content:center;align-items:center;flex-direction:column}}.description-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1.5rem}.description-modal-content{position:relative;width:min(42rem,100%);max-height:min(85vh,720px);overflow-y:auto;background:#1e1e1e;color:#f5f5f5;padding:2.75rem 2rem 2rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 24px #40e0d040}.description-modal-close{position:absolute;top:.75rem;right:1rem;padding:.25rem .5rem;font-size:2rem;line-height:1;color:#fff;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.description-modal-close:hover{color:#40e0d0}.description-modal-text{margin:0;padding-right:.5rem;font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;color:#f0f0f0}@media (max-width: 768px){.description-modal-overlay{padding:1rem;align-items:flex-end}.description-modal-content{max-height:90vh;padding:2rem 1.25rem 1.5rem;border-radius:16px 16px 0 0}.description-modal-text{font-size:1.1rem;line-height:1.65}}.media-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1100}.media-modal-content{background:#222;padding:2.5rem 1.5rem 1.5rem;border-radius:12px;box-shadow:0 0 24px #40e0d040;position:relative;width:min(95vw,1200px);max-width:95%;max-height:95vh;display:flex;justify-content:center;align-items:center}.media-modal-media{width:100%;max-width:100%;max-height:88vh;border-radius:8px;object-fit:contain}.media-close-btn{position:absolute;top:.5rem;right:.75rem;z-index:1;padding:.25rem .5rem;font-size:2rem;line-height:1;color:#fff;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.media-close-btn:hover{color:#40e0d0}