@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}a{color:inherit;text-decoration:underline;word-break:break-word}a:hover{color:gray}p{font-size:clamp(.5rem,2.5vw,1rem);margin:1% 0;line-height:1.5;width:100%}strong{font-weight:400;background:#000;color:#fff;padding:.2% .5%}ul,li{font-size:clamp(.5rem,2.5vw,.9rem);line-height:1.4}*{max-width:100%;word-wrap:break-word;box-sizing:border-box}html,body{width:100%;margin:0;padding:0}:root{--pixel-black: #000;--pixel-white: #fff;--pixel-gray: #808080;--pixel-light-gray: #c0c0c0;--pixel-border: 2px solid var(--pixel-black)}*{box-sizing:border-box}body{background:var(--pixel-black);margin:0;padding:0;font-family:"Press Start 2P",cursive,monospace;image-rendering:pixelated;color:var(--pixel-white);line-height:1.6;min-height:100vh;width:100vw;overflow-x:hidden}.mario-portfolio{width:100%;margin:0;padding:1%;position:relative;z-index:1;min-height:100vh}.projects-worked-section{background:var(--pixel-white);color:var(--pixel-black);border:var(--pixel-border);margin-bottom:2%}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3%;padding:3%}.project-card{background:var(--pixel-light-gray);border:var(--pixel-border);padding:3%;text-decoration:none;color:var(--pixel-black);transition:all .2s;text-align:center;border-radius:8px;position:relative}.project-card:hover{background:gold;transform:translateY(-3px);box-shadow:0 6px 12px #0003}.project-card.founder{background:#32cd32;color:var(--pixel-white)}.project-card.founder:hover{background:#228b22}.project-name{font-size:clamp(.7rem,2.5vw,1.1rem);font-weight:700;margin-bottom:1%}.project-role{font-size:clamp(.5rem,2vw,.8rem);color:var(--pixel-gray)}.project-card.founder .project-role{color:#fffc}.skill-tools{font-size:clamp(.3rem,1.5vw,.6rem);color:var(--pixel-gray);text-align:center;margin-top:1%;font-style:italic}.own-apps-section{background:var(--pixel-white);border:var(--pixel-border);margin-bottom:2%;padding:3% 2%}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4%;padding:3% 0}.app-card{background:var(--pixel-white);border:var(--pixel-border);padding:4%;text-align:center;transition:all .3s ease;cursor:pointer;text-decoration:none;color:var(--pixel-black);position:relative;display:flex;flex-direction:column;align-items:center}.app-card:hover{transform:translateY(-8px);box-shadow:8px 8px 0 var(--pixel-black)}.app-image{width:80px;height:80px;margin-bottom:3%;border:var(--pixel-border);overflow:hidden;background:var(--pixel-white)}.app-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease}.app-card:hover .app-image img{filter:grayscale(0%)}.app-details{text-align:center}.app-name{font-weight:700;font-size:clamp(.8rem,2.5vw,1.2rem);margin-bottom:2%;letter-spacing:.5px;color:var(--pixel-black)}.app-description{color:var(--pixel-gray);font-size:clamp(.6rem,2vw,.9rem);margin-bottom:2%;font-style:italic}.app-platform{font-size:clamp(.5rem,1.8vw,.8rem);color:var(--pixel-black);text-transform:uppercase;letter-spacing:1px;font-weight:700}.hero-section{text-align:center;padding:5% 2%;background:var(--pixel-white);border:var(--pixel-border);margin-bottom:2%;position:relative;color:var(--pixel-black)}.mario-character{font-size:clamp(3rem,8vw,6rem);margin-bottom:2%;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.player-name{font-size:clamp(2rem,6vw,4rem);margin:0 0 1%;letter-spacing:3px;text-shadow:2px 2px 0 var(--pixel-white),4px 4px 0 var(--pixel-black)}.player-title{font-size:clamp(1rem,3vw,2rem);margin-bottom:1%;color:gold;text-shadow:1px 1px 0 var(--pixel-black)}.player-subtitle{font-size:clamp(.5rem,2vw,1rem);margin-bottom:3%;color:var(--pixel-gray)}.action-buttons{display:flex;gap:3%;justify-content:center;margin:3% 0;flex-wrap:wrap}.game-btn{font-family:inherit;font-size:clamp(.6rem,2.5vw,1.2rem);padding:2% 4%;border:var(--pixel-border);cursor:pointer;transition:all .1s;min-width:25%;text-decoration:none;display:inline-block;text-align:center}.collect-btn{background:#4285f4;color:var(--pixel-white)}.start-btn{background:#32cd32;color:var(--pixel-black)}.game-btn:hover{transform:translateY(-2px)}.game-btn:active{transform:translateY(2px)}.social-icons{display:flex;justify-content:center;gap:4%;margin-top:3%}.social-icon{font-size:clamp(1.5rem,4vw,2.5rem);text-decoration:none;transition:transform .2s}.social-icon:hover{transform:scale(1.2) rotate(10deg)}.power-ups-section{background:var(--pixel-black);color:var(--pixel-white)}.power-ups-section h2{background:var(--pixel-white);color:var(--pixel-black)}.skills-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));gap:3%;padding:3%}.skill-power-up{background:var(--pixel-white);color:var(--pixel-black);border:var(--pixel-border);padding:3%;border-radius:8px}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2%}.skill-name{font-size:clamp(.6rem,2.5vw,1rem);font-weight:700}.skill-level{background:gold;color:var(--pixel-black);padding:1% 2%;border-radius:4px;font-size:clamp(.4rem,2vw,.8rem)}.skill-bar{background:var(--pixel-light-gray);height:8px;border:1px solid var(--pixel-black);margin:2% 0;position:relative;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,#32cd32,#228b22);transition:width 2s ease-in-out;animation:fill-bar 2s ease-in-out}@keyframes fill-bar{0%{width:0%}}.skill-mastery{font-size:clamp(.4rem,2vw,.7rem);color:var(--pixel-gray);text-align:center}.player-stats-section{background:linear-gradient(135deg,#32cd32,#228b22);color:var(--pixel-white)}.stats-container{display:grid;grid-template-columns:2fr 1fr;gap:4%;padding:3%}.about-player h3{font-size:clamp(.8rem,3vw,1.5rem);margin-bottom:2%}.about-player p{font-size:clamp(.5rem,2vw,.9rem);line-height:1.5;margin-bottom:2%}.achievements{display:flex;flex-direction:column;gap:2%}.player-stat{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:3%;border-radius:4px;display:flex;align-items:center;gap:3%}.stat-icon{font-size:clamp(1rem,3vw,1.5rem)}.stat-label{font-size:clamp(.5rem,2vw,.8rem)}.experience-section{background:var(--pixel-white);color:var(--pixel-black)}.quest-timeline{padding:3%}.quest-item{display:flex;align-items:center;gap:3%;margin-bottom:3%;padding:3%;border:2px dashed var(--pixel-gray);border-radius:8px;background:#0000000d}.quest-item.completed{border-color:#32cd32;background:#32cd321a}.quest-icon{font-size:clamp(1.5rem,4vw,2.5rem);min-width:60px;text-align:center}.quest-details h4{font-size:clamp(.6rem,2.5vw,1.1rem);margin:0 0 1%}.quest-date{font-size:clamp(.4rem,2vw,.8rem);color:var(--pixel-gray)}.quest-reward{font-size:clamp(.4rem,2vw,.7rem);color:#32cd32;margin-top:1%}.contact-section{background:var(--pixel-black);color:var(--pixel-white);text-align:center}.contact-game{padding:3%}.contact-info{font-size:clamp(.8rem,3vw,1.5rem);margin-bottom:3%}.contact-buttons{display:flex;justify-content:center;gap:3%;flex-wrap:wrap}.contact-btn{background:var(--pixel-white);color:var(--pixel-black);border:var(--pixel-border);padding:3% 5%;text-decoration:none;font-family:inherit;font-size:clamp(.5rem,2vw,1rem);transition:all .2s;min-width:15%;text-align:center}.contact-btn:hover{background:gold;transform:translateY(-3px)}.coin{position:absolute;font-size:2rem;color:gold;animation:coin-spin 3s linear infinite}.coin1{top:20%;right:10%;animation-delay:0s}.coin2{top:60%;left:5%;animation-delay:1.5s}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.rates-section{background:var(--pixel-white);border-top:var(--pixel-border);padding:1% 2%;text-align:center}.rates-content{max-width:800px;margin:0 auto}.rates-text{font-size:clamp(.4rem,1.2vw,.65rem);color:var(--pixel-gray);line-height:1.4;margin:0;font-style:italic;opacity:.8}.moving-logos-section{background:var(--pixel-white);border-top:var(--pixel-border);padding:2% 0;overflow:hidden;position:relative}.logos-track{display:flex;align-items:center;gap:8%;animation:scroll-left 30s linear infinite;width:200%}.logo-item{flex:0 0 auto;height:60px;display:flex;align-items:center;justify-content:center;padding:0 2%}.logo-item img{max-height:50px;max-width:150px;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.logo-item:hover img{filter:grayscale(0%)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.mario-section{background:var(--pixel-white);color:var(--pixel-black);border:var(--pixel-border);margin-bottom:2%;position:relative;width:100%;box-sizing:border-box}.mario-section h2{background:var(--pixel-black);color:var(--pixel-white);margin:0;padding:2% 3%;font-size:clamp(.8rem,4vw,1.8rem);letter-spacing:1px}.pixel-content{padding:3%;width:100%;box-sizing:border-box}.stats-row{display:flex;gap:2%;margin-top:2%;flex-wrap:wrap;width:100%}.stat-box{background:var(--pixel-black);color:var(--pixel-white);padding:2% 3%;border:var(--pixel-border);font-size:clamp(.5rem,2.5vw,1rem);flex:1;min-width:30%;text-align:center;box-sizing:border-box}.job-block{border-bottom:1px solid var(--pixel-gray);padding-bottom:2%;margin-bottom:2%;width:100%}.job-block:last-child{border-bottom:none;margin-bottom:0}.job-block h3{font-size:clamp(.6rem,3vw,1.2rem);margin:0 0 1%;color:var(--pixel-black);line-height:1.3}.job-block .date{font-size:clamp(.5rem,2.5vw,.9rem);color:var(--pixel-gray);margin:0 0 1%}.job-block p:last-child{font-size:clamp(.5rem,2.5vw,.9rem);margin:0;line-height:1.4}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));gap:2%;width:100%}.skill-category{border:1px solid var(--pixel-gray);padding:3%;width:100%;box-sizing:border-box}.skill-category h4{font-size:clamp(.5rem,2.5vw,1rem);background:var(--pixel-black);color:var(--pixel-white);padding:2% 3%;margin:-3% -3% 2%}.skill-category p{font-size:clamp(.4rem,2vw,.8rem);margin:0;line-height:1.4}.contact-info{font-size:clamp(.6rem,3vw,1.2rem);text-align:center;margin-bottom:3%}.social-links{display:flex;justify-content:center;gap:3%;flex-wrap:wrap;width:100%}.pixel-btn{background:var(--pixel-black);color:var(--pixel-white);border:var(--pixel-border);padding:3% 5%;text-decoration:none;font-size:clamp(.5rem,2.5vw,1rem);font-family:inherit;transition:all .1s;min-width:20%;text-align:center;box-sizing:border-box}.pixel-btn:hover{background:var(--pixel-gray);transform:translateY(-2px)}.pixel-btn:active{transform:translateY(0)}.mario-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.cloud{position:absolute;width:80px;height:40px;background:var(--pixel-white);border:var(--pixel-border);opacity:.3;animation:cloud-move 40s linear infinite}.cloud1{top:10%;left:-100px;animation-delay:0s}.cloud2{top:30%;left:-150px;animation-delay:15s}@keyframes cloud-move{0%{left:-100px}to{left:100vw}}.block{position:absolute;width:32px;height:32px;background:var(--pixel-white);border:var(--pixel-border);top:70vh;animation:block-bounce 3s ease-in-out infinite alternate;opacity:.2}.block1{left:10vw;animation-delay:0s}.block2{left:80vw;animation-delay:1.5s}@keyframes block-bounce{0%{transform:translateY(0)}to{transform:translateY(-40px)}}@media (max-width: 768px){html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{height:100vh;overflow-x:hidden}.mario-portfolio{padding:0;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory}.mario-portfolio:before{display:none}.mario-portfolio{padding:0;width:100vw;min-height:100vh;overflow-x:hidden}.mario-section{margin-bottom:0!important;min-height:100vh;height:100vh;padding:2% 5%;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;scroll-snap-align:start}.mario-section h2{font-size:clamp(.8rem,4vw,1.2rem);margin:3% 0 4%;text-align:center;flex-shrink:0}.pixel-content{padding:0;height:100%;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}.hero-section{margin-bottom:0!important;min-height:100vh;height:100vh;padding:3% 5%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;scroll-snap-align:start}.projects-worked-section,.own-apps-section,.power-ups-section,.player-stats-section,.experience-section,.contact-section{margin-bottom:0!important;border:none!important}.projects-worked-section,.own-apps-section,.power-ups-section,.player-stats-section,.experience-section,.contact-section{margin-bottom:0;border:none}.pixel-content{padding:0;height:100%;width:100%;flex:1}.projects-grid{grid-template-columns:1fr;gap:2%;padding:0;height:100%;display:grid;grid-template-rows:repeat(6,1fr);align-items:stretch}.project-card{margin-bottom:0;padding:4%;min-height:auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.apps-grid{grid-template-columns:1fr;gap:4%;padding:0;height:100%;display:grid;grid-template-rows:1fr 1fr;align-items:stretch}.app-card{padding:5%;min-height:auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3%}.app-image{width:60px;height:60px;flex-shrink:0}.app-details{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center}.skills-game-grid{grid-template-columns:1fr;gap:2%;padding:0;height:100%;display:grid;grid-template-rows:repeat(8,1fr);align-items:stretch}.skill-power-up{height:100%;display:flex;flex-direction:column;justify-content:center;padding:3%}.stats-container{grid-template-columns:1fr;gap:4%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.about-player{flex:1;display:flex;flex-direction:column;justify-content:center}.achievements{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2%;align-items:center}.player-stat{padding:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px}.quest-timeline{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:2%}.quest-item{flex:1;display:flex;align-items:center;padding:3%;min-height:auto}.apps-grid{grid-template-columns:1fr;gap:4%;max-height:70vh;overflow-y:auto}.app-card{padding:6%;min-height:auto}.app-image{width:60px;height:60px}.skills-game-grid{grid-template-columns:1fr;gap:3%;max-height:70vh;overflow-y:auto}.stats-container{grid-template-columns:1fr;gap:4%;max-height:80vh;overflow-y:auto}.quest-timeline{max-height:70vh;overflow-y:auto}footer{min-height:100vh!important;height:100vh;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;padding:4% 4% 3%;margin-bottom:0!important;box-sizing:border-box;position:relative}.contact-buttons{display:flex;flex-direction:column;gap:4%;align-items:center;width:100%;justify-content:center}.contact-btn{width:80%;max-width:300px;padding:4% 6%;text-align:center}.rates-section,.moving-logos-section{display:none}.mobile-footer-extras{display:block!important;width:100%;background:#666;border-radius:8px;margin-top:auto;padding:4% 6%;box-sizing:border-box;position:relative}.mobile-rates{margin-bottom:4%;background:#ffffff1a;padding:3%;border-radius:4px}.mobile-rates .rates-text{font-size:11px;color:gold;text-align:center;line-height:1.4;margin:0;font-weight:700}.mobile-logos{overflow:hidden;padding:2% 0;background:#0000004d;border-radius:4px}.mobile-logos-track{display:flex;gap:6%;animation:mobileLogoScroll 15s linear infinite;align-items:center;width:max-content}@keyframes mobileLogoScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.mobile-logos .logo-item{height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 8px;background:#ffffff1a;border-radius:4px;margin:0 4px}.mobile-logos .logo-item img{max-height:35px;max-width:90px;object-fit:contain;filter:brightness(.8);transition:filter .3s ease}.mobile-logos .logo-item:hover img{filter:brightness(1.2)}.rates-section{padding:2% 4%;scroll-snap-align:none;min-height:auto}.moving-logos-section{padding:3% 0;scroll-snap-align:none;min-height:auto}.achievements{flex-direction:row;flex-wrap:wrap}.player-stat{flex:1;min-width:45%}.action-buttons{flex-direction:column;align-items:center;gap:2%}.game-btn{width:80%;max-width:300px}.contact-buttons{flex-direction:column;align-items:center;gap:2%}.contact-btn{width:80%;max-width:250px}.quest-item{flex-direction:column;text-align:center}}.mobile-footer-extras{display:none}@media (min-width: 769px) and (max-width: 1024px){.mario-portfolio{width:100vw;padding:1%}.projects-grid,.skills-game-grid{grid-template-columns:repeat(2,1fr)}.stats-container{grid-template-columns:1fr}}@media (min-width: 1025px){.mario-portfolio{width:100vw;padding:2%}.hero-section{padding:4% 5%}.pixel-content{padding:3% 4%}.projects-grid{grid-template-columns:repeat(3,1fr);gap:4%}.skills-game-grid{grid-template-columns:repeat(2,1fr);gap:4%}}@media (max-width: 480px){.mario-portfolio{padding:.25%;width:100vw}.hero-section{padding:2% 1%}.mario-section{margin-bottom:1%}.pixel-content{padding:1% .5%}.player-name{letter-spacing:1px}.social-icons{gap:2%}.contact-btn,.game-btn{padding:4% 6%;font-size:clamp(.4rem,3vw,.8rem);width:90%}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2%}.apps-grid{grid-template-columns:1fr;gap:2%}.app-image{width:50px;height:50px}.project-card{min-width:auto}.achievements{flex-direction:column}.player-stat{min-width:auto}.logo-item{height:40px}.logo-item img{max-height:35px;max-width:120px}}footer .pixel-content{flex:0 1 auto;height:auto}