:root{--color-bg: #010616;--color-text: rgb(248 248 248);--color-accent: #B2E4DB;--color-muted: rgb(147 139 161)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgb(147,139,161) rgba(196,196,196,.148)}*{box-sizing:border-box}*,*:before,*:after{cursor:none!important}body{margin:0;padding:0;background-color:var(--color-bg);cursor:default;font-family:Lexend,sans-serif;overflow-x:hidden}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}#custom-cursor{width:40px;height:40px;border-radius:50%;position:fixed!important;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:9999999;pointer-events:none;transform:translate(-50%,-50%);animation:floatContinuous 2s ease-in-out infinite;transition:filter .3s ease,transform .2s ease;display:block!important;backface-visibility:hidden}@keyframes floatContinuous{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}#custom-cursor.on-link{filter:drop-shadow(0 0 8px rgba(178,228,219,.8))}.butterfly-dust{position:fixed;pointer-events:none;background-color:#b2e4db!important;border-radius:50%;z-index:99999999;box-shadow:0 0 8px #b2e4db,0 0 12px #fffc}main{position:relative;width:100%;z-index:10;pointer-events:none}section{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 10%;position:relative;box-sizing:border-box;z-index:10;pointer-events:none}#main-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 60px;z-index:100;pointer-events:none}.logo,nav{pointer-events:auto}.logo{font-weight:900;font-size:1.1rem;letter-spacing:2px;color:#fff}nav{display:flex;gap:40px;align-items:center}.nav-link,.contact-btn{text-decoration:none;color:#f8f8f8;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;transition:color .3s ease}.nav-link:hover,.contact-btn:hover{color:var(--color-accent)}.dropdown{position:relative;display:inline-block;pointer-events:auto}.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.4);color:#f8f8f8;font-family:Lexend,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:1.5px;padding:6px 12px;border-radius:20px;transition:border-color .3s ease,color .3s ease}.lang-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.dropdown-content{display:none;opacity:0;position:absolute;top:calc(100% + 15px);left:50%;background:#938ba100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0);min-width:180px;border-radius:12px;padding:10px 0;z-index:1000;transition:all .3s ease}.dropdown-content.is-open{display:block;opacity:1;transform:translate(-50%)}.dropdown-item{color:#fff;padding:12px 20px;text-decoration:none;display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.dropdown-item:hover{color:#b2e4db;background:#ffffff0d}#fade-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg);z-index:3;opacity:0;pointer-events:none;transition:opacity .1s ease}#webgl{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:2}#hero{background-color:transparent;background:radial-gradient(circle,#b2e4db14,#01061600 50%);transform:scale(1.5);z-index:10;cursor:grab;pointer-events:none;color:var(--color-text)}#hero:active{cursor:grabbing}#hero h1,#hero p{user-select:none;-webkit-user-select:none;-moz-user-select:none;pointer-events:none;transform:translateY(20px);margin:0}.first-name{font-size:clamp(4rem,12vw,10rem);line-height:.8;color:var(--color-text);opacity:.8;text-transform:uppercase;font-weight:900;letter-spacing:-2px;filter:drop-shadow(0 0 15px rgba(178,228,219,.4));margin:0}.last-name{font-size:clamp(3rem,8vw,6rem);line-height:1;color:var(--color-text);opacity:.7;margin-top:-10px;letter-spacing:15px}.hero-details{margin-top:2rem;padding-left:20px}#hero p{font-size:1.1rem;color:var(--color-text);opacity:.7;margin:5px 0}.status-release{font-style:italic;font-size:.9rem!important;opacity:.6}#projects{position:relative;z-index:10;background:linear-gradient(to bottom,#01061600,#010616 5%);margin-top:-100px;padding-top:100px;pointer-events:auto;color:#fff}h2{display:flex;align-items:center;justify-content:center}.projects-title-wrapper{position:relative;display:inline-block;text-align:center;margin-bottom:-10px}.artstation-link{font-size:50px;text-decoration:none;color:inherit;position:relative;transition:color .4s}.artstation-link:after{content:"";position:absolute;bottom:5px;left:0;width:0%;height:2px;background:var(--color-accent);border-radius:20% 20% 10% 10%;transition:width .4s ease-out;z-index:1}.artstation-link:hover{color:var(--color-accent)}.artstation-link:hover:after{width:100%}.arrow-hint{position:absolute;bottom:-47px;left:-170px;display:flex;align-items:center;gap:6px;pointer-events:none}.arrow-label{font-size:1rem;color:var(--color-muted);font-style:italic;letter-spacing:1px}.sketch-arrow{width:100px;height:auto;opacity:.7;transform:rotate(-35deg)}.carousel-wrapper{width:100vw;overflow:hidden;padding:0}.project-carousel{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;scroll-padding:0 calc(50vw - 225px);scroll-behavior:auto!important;width:100%;padding:120px calc(50vw - 225px) 150px calc(50vw - 225px);gap:150px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.project-carousel.no-transition{scroll-behavior:auto!important}.no-snap{scroll-snap-type:none!important}.project-card{flex:0 0 450px;min-width:450px;scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box;will-change:transform;transform-origin:center center;transition:transform .6s cubic-bezier(.2,1,.3,1);position:relative;padding:20px;overflow:visible}.project-card:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;transition:filter .5s ease,transform .6s cubic-bezier(.2,1,.3,1);filter:drop-shadow(0 0 2px var(--color-muted))}.project-card img{width:100%;height:100%;object-fit:cover;border-radius:15px;display:block;position:relative;z-index:1;transition:transform .6s ease}.project-card.is-focused{transform:scale(1.2);z-index:10}.project-card.is-focused .project-info{opacity:1;z-index:6}.project-card:hover img{filter:saturate(1.2)}.project-card:hover:after{filter:brightness(1.2) drop-shadow(0 0 8px whi) drop-shadow(0 0 15px var(--color-accent))}.project-info{position:absolute;bottom:-90px;left:0;width:100%;text-align:center;opacity:0;transition:opacity .4s ease}.mist-overlay{position:relative;width:100%;height:0;margin-top:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none;overflow:visible}.particle{position:absolute;background:#b2e4db;border-radius:45% 55% 50% 50%/50% 45% 55% 50%;filter:blur(1px);box-shadow:0 0 20px #b2e4db66;opacity:0;animation:floatOrganic 7s infinite ease-in-out}.p1{width:25px;height:22px;left:10%;top:150px;filter:blur(2px);animation-delay:1s}.p3{width:20px;height:18px;left:60%;top:70px;filter:blur(2px);animation-delay:-4s}.p7{width:22px;height:20px;left:85%;top:200px;filter:blur(1px);animation-delay:-2s}.p2{width:12px;height:12px;left:35%;top:60%;filter:blur(2px);animation-delay:-3s}.p5{width:14px;height:13px;left:50%;top:10%;filter:blur(1px);animation-delay:-7s}.p4{width:5px;height:5px;left:75%;top:-150px;filter:blur(1px);animation-delay:-1s}.p6{width:4px;height:4px;left:15%;top:-200px;filter:blur(2px);animation-delay:-6s}@keyframes floatOrganic{0%{transform:translateY(20px);opacity:0}20%{opacity:.5}80%{opacity:.7}to{transform:translate(40px,-60px) scale(1.14);opacity:0}}#dev-grid-section{background-color:var(--color-bg);padding:100px 10%;z-index:10;color:var(--color-text)}.dev-grid{display:grid;grid-template-columns:1fr;gap:40px;width:100%;max-width:900px;margin:50px auto 0;pointer-events:auto!important}.dev-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.dev-card:hover{background:#ffffff1a;transform:translateY(-10px);border-color:var(--color-accent)}.tech-tag{font-size:.7rem;text-transform:uppercase;color:#b2e4db;font-weight:700;letter-spacing:1px}.dev-card h3{margin:10px 0;font-size:1.4rem;color:#fff}.dev-card p{font-size:.9rem;color:#ffffffb3;line-height:1.6}.dev-card-content{display:flex;flex-direction:row;align-items:center;gap:30px;width:100%;text-align:left}.dev-preview-area{flex:0 0 200px;aspect-ratio:1 / 1;background:#0003;border-radius:10px;overflow:hidden;position:relative;border:1px dashed rgba(178,228,219,.2);display:flex;justify-content:center;align-items:center}.dev-preview-video{width:100%;height:100%;object-fit:cover}.view-code-btn{color:var(--color-text);background:transparent;border:1px solid var(--color-accent);border-radius:10px;padding:8px 14px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),border-color .4s ease,color .4s ease}.view-code-btn:hover{transform:scale(1.2);border-color:var(--color-accent);color:var(--color-accent)}#about{display:flex;flex-direction:row;justify-content:space-between;width:100%;box-sizing:border-box;align-items:center;text-align:left;background-color:var(--color-bg);gap:80px;padding:100px 10%;min-height:80vh}#about .content{flex:1.2;text-align:left}#about h2{font-size:3rem;color:var(--color-text);margin-bottom:30px;display:inline-block}#about p{font-size:1.1rem;line-height:1.6;color:var(--color-text);margin-bottom:20px}#about p span{color:var(--color-accent);font-weight:700}#about .softwares{flex:.8;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;height:auto}.floating-icon{width:77px;height:auto;pointer-events:auto;opacity:.97;transition:transform .2s ease,opacity .3s ease,filter .3s ease;animation:floatSoftwareOrganic 15s infinite ease-in-out}.floating-icon:hover{opacity:1;filter:drop-shadow(0px 0px 15px #e3fcf8);z-index:100}.i1{animation:floatOrganic 8s infinite ease-in-out}.i2{animation:floatOrganic 10s infinite ease-in-out -2s}.i3{animation:floatOrganic 7s infinite ease-in-out -4s}.i4{animation:floatOrganic 9s infinite ease-in-out -6s}@keyframes floatSoftwareOrganic{0%{transform:translate(0)}33%{transform:translate(30px,50px)}66%{transform:translate(-20px,80px)}to{transform:translate(0)}}#contact-section{min-height:auto;padding:100px;display:flex;justify-content:center;background:var(--color-bg);color:var(--color-text);pointer-events:auto!important}.contact-card{background:linear-gradient(135deg,#b2e4db26,#938ba11a);border:1px solid var(--color-accent);border-radius:30px;box-shadow:0 0 20px 5px #b2e4db33;padding:30px 40px;width:100%;max-width:700px;transition:box-shadow .3s ease,border-color .4s ease}.contact-card:hover{box-shadow:0 0 20px 5px #b2e4db66;border-color:#b2e4db99}.input-row{display:flex;gap:20px}.input-group{position:relative;margin-bottom:35px;flex:1}.input-group input,.input-group select,.input-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:10px 0;color:#818181;font-size:1rem;outline:none}.input-group label{position:absolute;top:10px;left:0;color:#ffffff90;pointer-events:none;transition:.3s}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label,.input-group textarea:focus~label,.input-group textarea:not(:placeholder-shown)~label{top:-20px;font-size:.8rem;color:#a1a6b4}#submit-btn{background:#f8f8f8;color:#a1a6b4;padding:15px 40px;border-radius:50px;border:none;font-weight:700;cursor:pointer;transition:.3s;pointer-events:auto!important}#global-footer{width:100%;overflow-x:hidden;background-color:var(--color-bg);pointer-events:auto!important}#footer{min-height:auto!important;padding:20px 10%;border-top:1px solid var(--color-accent);display:flex;flex-direction:column;pointer-events:auto!important}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;width:100%;max-width:100vw}.footer-brand{display:flex;flex-direction:column;align-items:center;position:relative;width:200px}#miffy-canvas{width:200px;height:200px;min-width:200px;min-height:200px;display:block}.footer-tagline{font-size:.8rem;position:absolute;bottom:15px;left:0;right:0;font-size:.75rem;text-align:center;color:var(--color-muted);line-height:1.4;margin:0;z-index:10}.footer-links-group{display:flex;flex-wrap:wrap;gap:40px}.footer-col{display:flex;flex-direction:column;gap:10px;text-align:left}.footer-col h3{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-accent);margin:0 0 8px}.footer-col p{color:var(--color-muted);font-size:1rem;margin:0}.footer-link{display:block;color:var(--color-text);text-decoration:none;font-size:1.1rem;transition:color .3s ease,transform .3s ease;width:fit-content}.footer-link:hover{color:var(--color-accent);transform:translate(4px)}.footer-bottom{margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.copyright{font-size:.7rem;color:var(--color-muted);margin:0}#logo{cursor:pointer;z-index:101;position:relative}@media(max-width:500px),(pointer:coarse){html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important;margin:0!important;padding:0!important}#cursor,.butterfly-dust{display:none!important}body{cursor:auto!important}header{width:100%!important;left:0!important;right:0!important;box-sizing:border-box!important;padding:1rem!important;z-index:1000}.logo{position:relative;z-index:1001;font-weight:700;font-size:1.5rem;color:var(--color-accent);cursor:pointer;max-width:fit-content}nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#010616fa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .6s cubic-bezier(.77,0,.175,1);z-index:100}nav.is-open{right:0}.contact-btn{padding:1rem 2rem;border:1px solid var(--color-accent);border-radius:5px}.carousel-wrapper{width:100vw;overflow:hidden;display:flex;justify-content:center}.project-carousel{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:15px;padding:20px;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.project-card{flex:0 0 240px!important;width:240px!important;height:240px!important;scroll-snap-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-card img{max-width:100%;max-height:60%;object-fit:contain}.dev-card{box-sizing:border-box!important;width:65vw;max-width:260px;aspect-ratio:1 / 1;margin:15px auto!important;padding:15px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#01061666;border:1.5px solid rgba(178,228,219,.2);border-radius:20px}.dev-grid{width:100%;padding:0;margin:0}.dev-text-content h3{width:100%;text-align:center;font-size:1rem;margin-bottom:10px;order:-1}.dev-grid{display:flex;flex-direction:column;align-items:center;gap:2rem}.dev-card-content{display:flex;flex-direction:column;width:100%;height:100%}.dev-text-content{order:-1;text-align:center;width:100%;margin-bottom:15px;flex-shrink:0}.dev-text-content h3{margin:0;padding:-10px;font-size:1.1rem;color:var(--color-text)}.tech-tag,.dev-text-content p,.card-footer{display:none!important}.dev-preview-area{border:none!important;background:transparent!important;display:flex;justify-content:center;align-items:center;flex:1;width:100%;margin-top:5px}.dev-preview-video,.dev-preview-area img{width:100%;height:100%;object-fit:contain}.dev-card{width:90%;max-width:380px;aspect-ratio:1 / 1;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden}.about-section{padding:1rem}#contact-section{display:none!important;padding:15px!important;width:100%!important;box-sizing:border-box!important;justify-content:center!important}.contact-card{width:95%!important;max-width:500px!important;min-width:0!important;box-sizing:border-box!important;padding:20px!important;margin:0 auto!important}.contact-card h2{font-size:1.3rem!important;text-align:center!important;line-height:1.3!important}.input-row{flex-direction:column!important;gap:0!important}.input-group{width:100%!important;box-sizing:border-box!important}.submit-btn{width:100%!important;margin-top:10px!important;padding:15px!important;border-radius:50px!important}}