:root{--cyan:#13ddf8;--pink:#fa59b9;--lime:#cbf11d;--mint:#41fdb5;--dark-purple:#160125;--off-white:#f5eeee;--yellow:#ffd904;--purple:#6f4fff;--text:var(--dark-purple);--border:var(--dark-purple);--shadow:var(--dark-purple);--particle-color:#f5eeeef2;--particle-line:#f5eeeee6;--font-body:"Google Sans", sans-serif;--font-code:"JetBrains Mono", monospace;--font-display:"Bowlby One SC", Impact, "Arial Black", sans-serif;--border-size:1px;--shadow-size:5px;--transition:.15s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}html{overflow-x:hidden}body{background:var(--cyan);min-height:100dvh;color:var(--text);font-family:var(--font-body);justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow-x:hidden}button,a{font:inherit}button{border:0}#particle-canvas{z-index:0;background:var(--cyan);pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.container-page-1,.container-page-2{z-index:5;perspective:1200px;box-sizing:border-box;width:100%;max-width:450px;margin:0 auto;position:relative}.retro-image{object-fit:contain;opacity:0;width:min(360px,82vw);max-width:100%;height:auto;max-height:35vh;margin:5px auto 0;transition:opacity .8s,transform .8s;display:block;transform:translateY(20px)scale(.9)}.retro-image.reveal{opacity:1;transform:translateY(0)scale(1)}.profile-card,.profile-card-2{text-align:center;border:var(--border-size) solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);transition:transform var(--transition), box-shadow var(--transition);border-radius:0;margin-bottom:30px;padding:30px;position:relative;overflow:visible}.profile-card{background:var(--pink);box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--shadow);animation:.8s cubic-bezier(.16,1,.3,1) profile-card-entry;transform:rotate(-1deg)}.profile-card-2{background:var(--off-white);box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--shadow);transform:rotate(1deg)}.profile-card:before,.profile-card:after,.profile-card-2:before,.profile-card-2:after{content:"";border:var(--border-size) solid var(--border);z-index:3;border-radius:0;width:16px;height:16px;position:absolute}.profile-card:before{background:var(--lime);top:-9px;left:-9px}.profile-card:after{background:var(--yellow);bottom:-9px;right:-9px}.profile-card-2:before{background:var(--pink);top:-9px;left:-9px}.profile-card-2:after{background:var(--yellow);bottom:-9px;right:-9px}.profile-card:hover{transform:translate(-5px,-5px)rotate(-1deg)}.profile-card-2:hover{transform:translate(-5px,-5px)rotate(1deg)}@keyframes profile-card-entry{0%{opacity:0;transform:translateY(-40px)rotate(-5deg)}to{opacity:1;transform:translateY(0)rotate(-1deg)}}.profile-image{border:var(--border-size) solid var(--border);background:var(--off-white);width:150px;height:150px;box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--shadow);transition:transform var(--transition), box-shadow var(--transition);border-radius:0;margin:0 auto 25px;position:relative;overflow:hidden}.profile-image:hover{transform:translate(-5px,-5px)rotate(2deg)}.profile-image img{object-fit:cover;width:100%;height:100%;display:block}.profile-card h3.profile-name{color:var(--mint);font-family:var(--font-display);letter-spacing:.02em;text-align:center;text-transform:uppercase;-webkit-text-stroke:1.5px var(--dark-purple);text-shadow:-2px 2px 0 var(--dark-purple), -4px 4px 0 var(--dark-purple), -6px 6px 0 var(--dark-purple), -8px 8px 0 var(--dark-purple);margin:18px 0 0;font-size:clamp(.8rem,2vw,1.5rem);font-weight:400;line-height:.95;transform:skew(-4deg)}.tech-stack{background:var(--off-white);border:var(--border-size) solid var(--border);width:fit-content;max-width:100%;box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--shadow);border-radius:0;justify-content:center;align-items:center;gap:15px;margin:18px auto 0;padding:14px 17px;display:flex;position:relative}.tech-stack:before{content:"// STACK";background:var(--lime);color:var(--text);border:var(--border-size) solid var(--border);font-family:var(--font-code);letter-spacing:1px;border-radius:0;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:-16px;left:10px;transform:rotate(-2deg)}.tech-stack img{object-fit:contain;width:34px;height:34px;transition:transform var(--transition), filter var(--transition);display:block}.tech-stack img:hover{filter:drop-shadow(3px 3px 0 var(--shadow));transform:translateY(-7px)rotate(-6deg)scale(1.15)}.bio{color:var(--text);font-family:var(--font-body);text-align:center;margin-bottom:22px;font-size:.98rem;font-weight:600;line-height:1.75}.bio b{color:var(--text);text-underline-offset:4px;font-weight:800;text-decoration:underline;text-decoration-thickness:3px}.profile-card-2 h3{background:var(--pink);color:var(--text);border:var(--border-size) solid var(--border);box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--shadow);font-family:var(--font-code);border-radius:0;margin:14px 0 20px;padding:9px 14px;font-weight:800;display:inline-block;transform:rotate(-2deg)}.profile-card-2 h3:nth-of-type(2){background:var(--mint);transform:rotate(2deg)}.profile-card-2 h3 i{margin-right:8px}.links-container{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:17px;width:100%;display:flex}.link-card{box-sizing:border-box;width:400px;min-width:0;max-width:100%;color:var(--text);border:var(--border-size) solid var(--border);font-family:var(--font-body);text-align:left;box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--shadow);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border-radius:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;padding:17px 20px;font-weight:800;text-decoration:none;display:flex;position:relative;overflow:hidden}.link-card:first-child{background:var(--lime)}.link-card:nth-child(2){background:var(--pink)}.link-card:nth-child(3){background:var(--mint)}.link-card:nth-child(4){background:var(--yellow)}.link-card:nth-child(5){background:var(--off-white)}.link-card:hover{box-shadow:2px 2px 0 var(--shadow);transform:translate(6px,6px)rotate(-1deg)}.link-card:nth-child(2n):hover{transform:translate(6px,6px)rotate(1deg)}.link-card:active{background:var(--purple);box-shadow:none;transform:translate(9px,9px)}.link-card i{text-align:center;flex:0 0 20px;justify-content:center;align-items:center;width:20px;min-width:20px;margin:0;padding:0;font-size:20px;line-height:1;display:inline-flex}.link-card span{width:auto;min-width:0;color:inherit;font-family:var(--font-body);letter-spacing:.5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;padding:0;font-weight:800;display:block;overflow:hidden}.fa-google-play,.fa-youtube,.fa-link,.fa-facebook,.fa-whatsapp{color:var(--text);font-size:20px}.loading-screen{z-index:1000;opacity:1;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{box-sizing:border-box;width:100%;max-width:900px;padding:0 16px}.typing-container{z-index:2;flex-direction:column;align-items:center;gap:15px;width:100%;display:flex;position:relative}#typewriter-text-container{opacity:1;transform:none}#typewriter-text{color:var(--pink);border-right:4px solid var(--dark-purple);font-family:var(--font-display);padding-right:7px;font-weight:400}#typewriter-text.typing-complete{border-right-color:#0000}.tag-text{color:var(--text);font-family:var(--font-code);letter-spacing:3px;text-align:center;opacity:0;font-size:1.35em;font-weight:800;transition:opacity .8s,transform .8s;transform:translateY(20px)}.tag-text.reveal{opacity:1;transform:translateY(0)}#typewriter-text-container,.tag-text.tagline:not(#start-btn){font-family:var(--font-display);text-align:center;font-weight:400;line-height:.95}#typewriter-text-container{letter-spacing:0;color:var(--pink);white-space:nowrap;text-shadow:-2px 2px 0 var(--dark-purple), -4px 4px 0 var(--dark-purple), -6px 6px 0 var(--dark-purple), -8px 8px 0 var(--dark-purple), -10px 10px 0 var(--dark-purple);-webkit-text-stroke:2px var(--dark-purple);font-size:clamp(2.3rem,5.52vw,4.6rem);line-height:.9;transform:skew(-4deg)}.tag-text.tagline:not(#start-btn){letter-spacing:0;color:var(--pink);white-space:nowrap;text-shadow:-2px 2px 0 var(--dark-purple), -4px 4px 0 var(--dark-purple), -6px 6px 0 var(--dark-purple), -8px 8px 0 var(--dark-purple);-webkit-text-stroke:1.5px var(--dark-purple);font-size:clamp(1.13rem,2.38vw,2.12rem);transform:translateY(20px)skew(-4deg)}.tag-text.tagline:not(#start-btn).reveal{opacity:1;transform:translateY(0)skew(-4deg)}.tag-text.tagline:not(#start-btn) span{color:var(--pink)}.start-button{background:var(--yellow);width:min(380px,100%);max-width:100%;color:var(--text);border:var(--border-size) solid var(--border);box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--shadow);cursor:pointer;font-family:var(--font-code);letter-spacing:1px;text-align:center;white-space:normal;overflow-wrap:break-word;-webkit-text-fill-color:var(--text);transition:opacity .8s ease, transform var(--transition), box-shadow var(--transition), background var(--transition);border-radius:0;justify-content:center;align-items:center;margin:30px auto 0;padding:14px 30px;font-size:1.05em;font-weight:800;line-height:1.25;display:flex;position:relative;overflow:hidden}.start-button.reveal{opacity:1;transform:translateY(0)}.start-button:hover{background:var(--lime);box-shadow:2px 2px 0 var(--shadow);transform:translate(6px,6px)rotate(-1deg)}.start-button:active{background:var(--mint);box-shadow:none;transform:translate(9px,9px)}.nav-button{box-sizing:border-box;background:var(--lime);width:100%;color:var(--text);border:var(--border-size) solid var(--border);cursor:pointer;font-family:var(--font-code);letter-spacing:2px;box-shadow:var(--shadow-size) var(--shadow-size) 0 var(--shadow);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border-radius:0;padding:13px 26px;font-weight:800}.nav-button:hover{background:var(--off-white);box-shadow:2px 2px 0 var(--shadow);transform:translate(5px,5px)}.nav-button:active{background:var(--mint);box-shadow:none;transform:translate(8px,8px)}.profile-card-logo{box-sizing:border-box;width:100%;position:relative;overflow:visible}.floating-logos{z-index:4;pointer-events:none;position:absolute;inset:0}.floating-logos img{object-fit:contain;opacity:0;width:26px;height:26px;filter:drop-shadow(2px 2px 0 var(--shadow));will-change:transform, opacity;animation:7s ease-in-out infinite logo-float;position:absolute}.floating-logos img:first-child{animation-delay:0s;top:22%;left:5%}.floating-logos img:nth-child(2){animation-delay:.4s;top:6%;left:18%}.floating-logos img:nth-child(3){animation-delay:.8s;top:4%;left:42%}.floating-logos img:nth-child(4){animation-delay:1.2s;top:6%;right:18%}.floating-logos img:nth-child(5){animation-delay:1.6s;top:22%;right:5%}.floating-logos img:nth-child(6){animation-delay:2s;top:47%;right:3%}.floating-logos img:nth-child(7){animation-delay:2.4s;bottom:20%;right:8%}.floating-logos img:nth-child(8){animation-delay:2.8s;bottom:6%;right:25%}.floating-logos img:nth-child(9){animation-delay:3.2s;bottom:4%;left:45%}.floating-logos img:nth-child(10){animation-delay:3.6s;bottom:6%;left:25%}.floating-logos img:nth-child(11){animation-delay:4s;bottom:20%;left:8%}.floating-logos img:nth-child(12){animation-delay:4.4s;top:47%;left:3%}.floating-logos img:nth-child(13){animation-delay:4.8s;top:40%;left:12%}.floating-logos img:nth-child(14){animation-delay:5.2s;top:40%;right:12%}.floating-logos img:nth-child(15){animation-delay:5.6s;top:17%;left:28%}.floating-logos img:nth-child(16){animation-delay:6s;top:17%;right:28%}.floating-logos img:nth-child(17){animation-delay:6.4s;bottom:15%;left:48%}@keyframes logo-float{0%,to{opacity:0;transform:translateY(6px)rotate(-8deg)scale(.35)}15%{opacity:.75;transform:translate(0)rotate(-3deg)scale(.65)}30%{opacity:1;transform:translate(-6px,-8px)rotate(6deg)scale(1.25)}45%{opacity:.95;transform:translate(6px,-10px)rotate(-6deg)scale(1.1)}60%{opacity:.8;transform:translate(-5px,4px)rotate(4deg)scale(.8)}75%{opacity:.5;transform:translate(4px,7px)rotate(-3deg)scale(.6)}88%{opacity:0;transform:translateY(10px)rotate(5deg)scale(.35)}}@media (width<=768px){body{padding:20px}.container-page-1,.container-page-2{width:100%;max-width:400px;margin-left:auto;margin-right:auto}#typewriter-text-container{white-space:nowrap;width:100%;max-width:100%;font-size:clamp(2rem,9vw,3.6rem)}.tag-text.tagline:not(#start-btn){white-space:nowrap;-webkit-text-stroke:1px var(--dark-purple);width:100%;max-width:100%;text-shadow:-1px 1px 0 var(--dark-purple), -2px 2px 0 var(--dark-purple), -3px 3px 0 var(--dark-purple), -4px 4px 0 var(--dark-purple);font-size:clamp(1.27rem,5.57vw,2.14rem)}.retro-image{object-fit:contain;width:clamp(220px,65vw,340px);max-width:90vw;height:auto;min-height:0;max-height:32vh;margin:10px auto 0}.start-button{width:min(380px,100%);max-width:100%;font-family:var(--font-code);letter-spacing:.5px;white-space:normal;text-align:center;overflow-wrap:anywhere;margin:28px auto 0;padding:14px clamp(12px,4vw,22px);font-size:clamp(.78rem,3.2vw,1rem);font-weight:800;line-height:1.3}.profile-card h3.profile-name{-webkit-text-stroke:1px var(--dark-purple);text-shadow:-1px 1px 0 var(--dark-purple), -2px 2px 0 var(--dark-purple), -3px 3px 0 var(--dark-purple), -4px 4px 0 var(--dark-purple);font-size:clamp(1.5rem,6vw,2.6rem)}.profile-card,.profile-card-2{width:100%;max-width:100%;margin-left:0;margin-right:0;padding:24px}.profile-image{width:125px;height:125px}.tech-stack{gap:10px;width:fit-content;max-width:100%;padding:11px 12px}.tech-stack img{width:27px;height:27px}.bio{font-size:.92rem;line-height:1.7}.container-page-2{width:400px;max-width:100%}.links-container{flex-direction:column;align-items:stretch;gap:17px;width:100%;max-width:100%;display:flex}.container-page-2 .link-card{flex:0 auto;width:400px;min-width:0;max-width:100%;padding:17px 20px}.container-page-2 .profile-card-logo,.container-page-2>.nav-button{width:400px;min-width:0;max-width:100%}.link-card i{flex:0 0 20px;justify-content:center;align-items:center;width:20px;min-width:20px;margin:0;padding:0;font-size:20px;line-height:1;display:inline-flex}.link-card span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:auto;width:auto;min-width:0;margin:0;padding:0;display:block;overflow:hidden}.floating-logos img{width:24px;height:24px}}@media (width<=480px){body{width:100%;min-width:0;padding:15px}.container-page-1,.container-page-2{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.loading-content{box-sizing:border-box;width:100%;max-width:100%;padding:0 6px}.typing-container{gap:12px;width:100%;max-width:100%}#typewriter-text-container{text-align:center;width:100%;font-size:clamp(32px,9.5vw,35px);overflow:visible}.tag-text.tagline:not(#start-btn){white-space:nowrap;-webkit-text-stroke:.8px var(--dark-purple);width:100%;text-shadow:-1px 1px 0 var(--dark-purple), -2px 2px 0 var(--dark-purple), -3px 3px 0 var(--dark-purple);font-size:clamp(1rem,5.2vw,1.45rem);line-height:1}.retro-image{object-fit:contain;width:clamp(230px,78vw,330px);max-width:92vw;height:auto;min-height:0;max-height:30vh;margin:8px auto 0}.start-button{width:100%;max-width:340px;font-family:var(--font-code);letter-spacing:.25px;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;margin:22px auto 0;padding:13px 12px;font-size:clamp(.72rem,3.5vw,.95rem);font-weight:800;line-height:1.35;display:flex}.start-button.reveal{opacity:1;transform:translateY(0)}.profile-card,.profile-card-2{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:25px;padding:22px}.profile-image{width:125px;height:125px;margin-left:auto;margin-right:auto}.profile-card h3.profile-name{letter-spacing:.06em;-webkit-text-stroke:.8px var(--dark-purple);text-shadow:-1px 1px 0 var(--dark-purple), -2px 2px 0 var(--dark-purple), -3px 3px 0 var(--dark-purple);font-size:clamp(1.35rem,7vw,2rem)}.tech-stack{box-sizing:border-box;gap:9px;width:fit-content;max-width:100%;padding:10px 11px}.tech-stack img{width:26px;height:26px}.bio{font-size:.9rem;line-height:1.65}.profile-card-2 h3{box-sizing:border-box;max-width:100%;font-size:.9rem}.container-page-2{box-sizing:border-box;width:400px;max-width:calc(100vw - 30px);margin-left:auto;margin-right:auto}.container-page-2 .links-container{box-sizing:border-box;align-items:stretch;gap:15px;width:100%;max-width:100%}.container-page-2 .link-card{box-sizing:border-box;flex:0 auto;width:400px;min-width:0;max-width:100%;padding:14px 15px;transition:transform .15s,box-shadow .15s,background .15s;overflow:hidden}.container-page-2 .link-card:active{background:var(--purple);box-shadow:none;transform:translate(9px,9px)}.container-page-2 .link-card i{flex:0 0 20px;width:20px;min-width:20px;font-size:19px}.container-page-2 .link-card span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;width:auto;min-width:0;font-size:.9rem;overflow:hidden}.container-page-2 .profile-card-logo{box-sizing:border-box;width:400px;min-width:0;max-width:100%}.container-page-2>.nav-button{box-sizing:border-box;width:400px;min-width:0;max-width:100%;padding:13px 20px;font-size:.9rem}.floating-logos img{width:22px;height:22px}}@media (width<=360px){body{padding:12px}#typewriter-text-container{font-size:1.9rem}.tag-text.tagline:not(#start-btn){-webkit-text-stroke:.7px var(--dark-purple);text-shadow:-1px 1px 0 var(--dark-purple), -2px 2px 0 var(--dark-purple);font-size:.98rem}.retro-image{width:min(250px,78vw);max-width:82vw;height:auto;min-height:0;max-height:27vh}.start-button{letter-spacing:.15px;width:100%;max-width:300px;padding:12px 10px;font-size:.7rem;line-height:1.35}.profile-card,.profile-card-2{padding:18px}.profile-card h3.profile-name{-webkit-text-stroke:.7px var(--dark-purple);text-shadow:-1px 1px 0 var(--dark-purple), -2px 2px 0 var(--dark-purple);font-size:1.25rem}.tech-stack{gap:7px;padding:9px 10px}.tech-stack img{width:23px;height:23px}.container-page-2{width:400px;max-width:calc(100vw - 24px);margin-left:auto;margin-right:auto}.container-page-2 .link-card{box-sizing:border-box;flex:0 auto;gap:10px;width:400px;min-width:0;max-width:100%;padding:13px 14px}.container-page-2 .link-card i{flex:0 0 18px;width:18px;min-width:18px;font-size:18px}.container-page-2 .link-card span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.86rem;overflow:hidden}.container-page-2 .profile-card-logo{width:400px;min-width:0;max-width:100%}.container-page-2>.nav-button{width:400px;min-width:0;max-width:100%;padding:12px 16px}.floating-logos img{width:19px;height:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.floating-logos img{opacity:.45;animation:none}}