@keyframes waveRise{0%{opacity:0;top:20px}to{opacity:1;top:0}}:root{--bg-cream: #FFF8F0;--text-dark: #332D2D;--accent-orange: #FF9248;--accent-blue: #5FBFF9;--cookie-radius: 30px;--soft-shadow: 0 12px 30px rgba(255, 146, 72, .15)}.gallery-section{max-width:100%;padding:0;margin-bottom:4rem}.section-title{font-size:2rem;text-align:center;margin-bottom:2rem;color:var(--accent-orange)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rubik,sans-serif;background-color:var(--bg-cream);color:var(--text-dark);overflow-x:hidden;min-height:100vh;display:block}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;opacity:.6}.hero-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:90%;margin:auto;padding:4rem 2rem;gap:4rem;z-index:2}.hero-content{flex:1}.bouncy-name{font-weight:800;font-size:3.5rem;line-height:1.1;margin-bottom:1rem;color:var(--text-dark);display:flex;flex-wrap:wrap}.bouncy-letter{display:inline-block;position:relative;opacity:0;top:20px;animation:waveRise .8s cubic-bezier(.25,.46,.45,.94) forwards}.bouncy-letter.loaded{opacity:1!important;top:0!important;animation:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),color .3s ease}.bouncy-letter.up{transform:translateY(-15px) scale(1.1);color:var(--accent-orange)}.subtitle{font-weight:600;font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent-orange)}.intro-text{font-size:1.1rem;line-height:1.6;max-width:500px;margin-bottom:2.5rem;opacity:.8}.skills-bar{display:flex;gap:1.5rem;margin-bottom:3rem}.skill-icon-wrapper{position:relative;width:60px;height:60px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:var(--soft-shadow);font-size:1.8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.skill-icon-wrapper:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 15px 35px #ff924840}.html{color:#e34f26}.css{color:#1572b6}.js{color:#f7df1e}.photo{color:var(--accent-orange)}.skill-icon-wrapper:after{content:attr(data-tooltip);position:absolute;bottom:-40px;left:50%;transform:translate(-50%) scale(0);background-color:var(--text-dark);color:var(--bg-cream);padding:.5rem 1rem;border-radius:15px;font-size:.9rem;white-space:nowrap;opacity:0;transition:all .3s ease;pointer-events:none}.skill-icon-wrapper:hover:after{transform:translate(-50%) scale(1);opacity:1;bottom:-50px}.cta-button{display:inline-block;padding:1rem 2.5rem;background-color:var(--accent-orange);color:#fff;text-decoration:none;font-weight:600;border-radius:var(--cookie-radius);box-shadow:var(--soft-shadow);transition:all .3s ease}.cta-button:hover{transform:translateY(-5px);box-shadow:0 15px 30px #ff92484d;background-color:#ff8431}.hero-image-container{flex:1;max-width:500px;height:600px;border-radius:var(--cookie-radius);overflow:hidden;box-shadow:var(--soft-shadow);perspective:1000px}.hero-img{width:100%;height:100%;object-fit:cover;border-radius:var(--cookie-radius);transition:transform .1s ease-out;transform:rotateY(-5deg) rotateX(5deg)}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:90%;margin:2rem auto 0;padding:1rem 2rem;background:#fff9;backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 4px 20px #ff92480d;position:relative;z-index:100}.logo{font-weight:800;font-size:1.2rem;color:var(--text-dark);letter-spacing:-.5px}.dot{color:var(--accent-orange)}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-item{text-decoration:none;color:var(--text-dark);font-weight:600;font-size:.95rem;transition:color .2s ease}.nav-item:hover{color:var(--accent-orange)}.contact-pill{background-color:var(--accent-orange);color:#fff!important;padding:.5rem 1.2rem;border-radius:30px;transition:transform .2s ease,box-shadow .2s ease}.contact-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff924866}@media(max-width:600px){.nav-item:not(.contact-pill){display:none}}footer{text-align:center;padding:4rem 2rem;margin-top:4rem;border-top:1px solid rgba(0,0,0,.05);color:var(--text-dark);opacity:.8}.footer-stack{font-size:.9rem;margin-top:.5rem;font-family:monospace}.footer-stack span{color:var(--accent-orange)}@media(max-width:900px){.hero-container{flex-direction:column-reverse;text-align:center;padding-top:2rem}.bouncy-name{justify-content:center;font-size:3rem}.skills-bar{justify-content:center}.hero-image-container{height:400px;width:100%}}.projects-section{max-width:1000px;margin:4rem auto 6rem;padding:0 2rem}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.project-card{background:#fff;padding:2.5rem;border-radius:30px;box-shadow:0 10px 30px #ff92480d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;border:1px solid rgba(0,0,0,.03);position:relative;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #ff924826}.project-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-dark)}.project-desc{font-size:1rem;line-height:1.6;color:#666;margin-bottom:1.5rem;flex-grow:1}.tech-stack{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.tech-tag{background:var(--bg-cream);color:var(--text-dark);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(0,0,0,.05)}.status-pill{position:absolute;top:2rem;right:2rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:.3rem .8rem;border-radius:20px}.status-private{background:#f3f3f3;color:#888}.status-public{background:#e6f7ff;color:#07c}.project-link{display:inline-block;margin-top:1.5rem;font-weight:700;color:var(--accent-orange);text-decoration:none;font-size:.95rem}.project-link:hover{text-decoration:underline}.marquee-container.svelte-1d1dnx6{width:100%;overflow:hidden;white-space:nowrap;position:relative;padding:2rem 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track.svelte-1d1dnx6{display:inline-flex;gap:1.5rem;animation:svelte-1d1dnx6-scroll 40s linear infinite}.img-btn.svelte-1d1dnx6{background:none;border:none;padding:0;cursor:pointer;outline:none;display:block}.marquee-item.svelte-1d1dnx6{height:300px;width:auto;border-radius:16px;transition:transform .3s ease,filter .3s ease;box-shadow:0 4px 15px #0000001a;object-fit:cover;display:block}.img-btn.svelte-1d1dnx6:hover .marquee-item:where(.svelte-1d1dnx6),.img-btn.svelte-1d1dnx6:focus .marquee-item:where(.svelte-1d1dnx6){transform:scale(1.05);box-shadow:0 10px 30px #ff92484d}@keyframes svelte-1d1dnx6-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.lightbox.svelte-1d1dnx6{position:fixed;top:0;left:0;width:100%;height:100%;background:#332d2de6;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:zoom-out;backdrop-filter:blur(5px)}.lightbox.svelte-1d1dnx6 img:where(.svelte-1d1dnx6){max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 20px 50px #00000080}.paused.svelte-1d1dnx6{animation-play-state:paused}.depth-container.svelte-17osllm{width:100%;height:100%;position:relative;overflow:hidden;border-radius:30px}canvas.svelte-17osllm{display:block;width:100%;height:100%}
