@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fcfaf5;font-family:Inter,sans-serif}.app-container{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#fcfaf5;justify-content:center;align-items:center;gap:40px;padding:24px 48px;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.navbar-logo a{justify-content:center;align-items:center;display:flex}.navbar-links{gap:32px;list-style:none;display:flex}.navbar-links a{color:#0b0b0b;text-decoration:none;transition:color .3s}.navbar-avatar{object-fit:cover;object-position:top;cursor:pointer;border-radius:8px;width:50px;height:50px;display:block}.menu-item{letter-spacing:-.02em;color:#0b0b0b;font-family:Patrick Hand SC,cursive;font-size:30px;line-height:140%;transition:all .2s ease-in-out;display:inline-block;position:relative;text-decoration:none!important}.menu-item:before{content:"";opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='40' height='24' viewBox='0 0 40 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20 L5 6' stroke='%23ff5900' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 18 L22 2' stroke='%23ff5900' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 20 L35 8' stroke='%23ff5900' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:28px;height:16px;transition:opacity .2s ease-in-out;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.menu-item:hover,.menu-item:active,.menu-item:focus{color:#ff5900;outline:none;transform:translateY(4px)}.menu-item:hover:before{opacity:1}.hero-section{justify-content:center;align-items:center;min-height:80vh;padding:150px 5% 50px;display:flex}.hero-content{justify-content:space-between;align-items:center;gap:50px;width:100%;max-width:1200px;display:flex;position:relative}.text-content{flex:1}.greeting{align-items:center;gap:15px;margin-bottom:10px;font-size:2rem;display:flex}.hi-badge-container{color:#fff;vertical-align:middle;background-color:#ff5900;border-radius:50%;justify-content:center;align-items:flex-start;width:60px;height:60px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.hi-badge-slider{flex-direction:column;height:120px;transition:transform .5s ease-in-out;display:flex}.hi-badge-slider.show-hand{transform:translateY(-60px)}.slide-item{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.title{text-transform:uppercase;margin:10px 0;font-size:5rem;font-weight:900;line-height:1.1}.subtitle{font-size:2rem}.highlight-text{color:#ff5900}.image-content{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.main-image-placeholder{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.floating-image{z-index:2;object-fit:contain;width:120px;position:absolute}.cat-top-left{top:-60px;left:0;transform:rotate(-15deg)}.idea-top-right{top:20%;left:42%;transform:rotate(10deg)}.cat-bottom{bottom:0;left:30%}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes pulse-lines{0%,to{opacity:.4}50%{opacity:1}}.hi-badge-slider.show-hand .hand-wave-group,.hi-badge-container:hover .hand-wave-group{transform-origin:18px 26px;animation:1.5s ease-in-out infinite wave-animation}.hi-badge-slider.show-hand .motion-lines,.hi-badge-container:hover .motion-lines{animation:.75s ease-in-out infinite pulse-lines}.about-wrapper{z-index:2;margin-top:60px;margin-bottom:60px;padding:0 2%;position:relative}.about-section{color:#fff;background-color:#2b3031;border-radius:40px;flex-direction:column;align-items:center;max-width:1400px;margin:0 auto;padding:80px 20px 100px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.about-grid-bg{transform-origin:top;z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:60px 60px;width:140%;height:70%;position:absolute;bottom:0;left:-20%;transform:perspective(600px)rotateX(70deg)translateY(50px);-webkit-mask-image:linear-gradient(#0000 0%,#000 80%);mask-image:linear-gradient(#0000 0%,#000 80%)}.about-content{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:800px;display:flex;position:relative}.about-title{letter-spacing:2px;text-transform:uppercase;margin-bottom:30px;font-family:Oswald,Bebas Neue,sans-serif;font-size:4rem;font-weight:500}.about-desc{color:#e4e7e8;margin-bottom:50px;padding:0 20px;font-family:Patrick Hand SC,cursive;font-size:1.4rem;line-height:1.6}.about-desc p{margin-bottom:20px}.about-desc p:last-child{margin-bottom:0}.resume-btn{color:#fff;background-color:#ff5900;border-radius:30px;align-items:center;gap:10px;margin-bottom:80px;padding:12px 28px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #ff590033}.resume-btn:hover{background-color:#e65000;transform:translateY(-2px);box-shadow:0 6px 20px #ff59004d}.download-icon{width:18px;height:18px}.about-images{z-index:1;justify-content:center;align-items:center;gap:40px;display:flex;position:relative}.image-wrapper{cursor:pointer;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.about-img{object-fit:cover;background-color:#e4e7e8;border-radius:20px;width:220px;height:280px;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:0 10px 30px #0006}.tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background-color:#555b5e;border-radius:20px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:-45px;left:50%;transform:translate(-50%)scale(.8);box-shadow:0 6px 20px #0003}.tooltip:after{content:"";border:6px solid #0000;border-top-color:#555b5e;border-bottom-width:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.image-wrapper:hover .tooltip{opacity:1;transform:translate(-50%)scale(1)}.image-wrapper:hover{z-index:10}.image-wrapper:hover .about-img{transform:scale(1.1);box-shadow:0 20px 40px #0009}.about-images:hover .image-wrapper:not(:hover){opacity:.8}.about-images:has(.img-left:hover) .img-center{transform:rotate(4deg)translate(10px)}.about-images:has(.img-left:hover) .img-right{transform:rotate(8deg)translate(20px)}.about-images:has(.img-center:hover) .img-left{transform:rotate(-6deg)translate(-15px)}.about-images:has(.img-center:hover) .img-right{transform:rotate(6deg)translate(15px)}.about-images:has(.img-right:hover) .img-center{transform:rotate(-4deg)translate(-10px)}.about-images:has(.img-right:hover) .img-left{transform:rotate(-8deg)translate(-20px)}@media (width<=768px){.about-title{font-size:3rem}.about-desc{font-size:1.2rem}.about-images{flex-direction:column;gap:30px}.about-img{width:260px;height:320px}:is(.about-images:has(.img-left:hover) .img-center,.about-images:has(.img-left:hover) .img-right,.about-images:has(.img-center:hover) .img-left,.about-images:has(.img-center:hover) .img-right,.about-images:has(.img-right:hover) .img-center,.about-images:has(.img-right:hover) .img-left){transform:none}}.skills-section{justify-content:center;align-items:center;min-height:80vh;padding:100px 5%;display:flex}.skills-container{justify-content:center;align-items:center;width:100%;max-width:1200px;height:600px;display:flex;position:relative}.skills-center{text-align:center;z-index:10;flex-direction:column;align-items:center;display:flex}.skills-image{width:220px;margin-bottom:20px;animation:3s ease-in-out infinite float-up-down}@keyframes float-up-down{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.skills-title{letter-spacing:1px;color:#0b0b0b;margin:0;font-family:Bebas Neue,sans-serif;font-size:5rem;line-height:1}.skills-subtitle{color:#333;margin-top:15px;font-family:Patrick Hand SC,cursive;font-size:1.8rem;line-height:1.4}.skills-subtitle .highlight-text{color:#ff5900;font-weight:700}.skill-pill{color:#2e4384;cursor:pointer;z-index:5;white-space:nowrap;background-color:#d1dfff;border-radius:50px;padding:10px 24px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s;position:absolute;box-shadow:0 4px 6px #00000008}.skill-pill:hover{color:#fff;z-index:20;background-color:#ff5900;box-shadow:0 8px 15px #ff59004d;transform:scale(1.1)rotate(0)!important}@media (width<=768px){.skills-title{font-size:3rem}.skill-pill{padding:8px 16px;font-size:.9rem}.skills-image{width:150px}}.work-section{flex-direction:column;align-items:center;padding:100px 5% 150px;display:flex;position:relative}.work-title{letter-spacing:2px;text-align:center;text-transform:uppercase;margin-bottom:60px;font-family:Oswald,Bebas Neue,sans-serif;font-size:4.5rem;font-weight:500}.work-container{flex-direction:column;gap:40px;width:100%;max-width:1000px;margin-bottom:100px;display:flex;position:relative}.work-card{will-change:transform, opacity;z-index:1;--card-scale:1;--card-translateY:0px;--card-opacity:1;min-height:400px;transform:translateY(var(--card-translateY)) scale(var(--card-scale));opacity:var(--card-opacity);transform-origin:top;background-color:#fff;border:2px solid #0000;border-radius:24px;flex-direction:column;padding:40px;transition:border-color .3s,box-shadow .3s;display:flex;position:sticky;top:40px;box-shadow:0 10px 30px #0000000d}.work-card:hover{transform:translateY(calc(var(--card-translateY) - 5px)) scale(var(--card-scale));border-color:#ff5900;box-shadow:0 15px 40px #ff590026}.work-card-content{justify-content:space-between;align-items:stretch;gap:40px;height:100%;display:flex}.work-info{flex-direction:column;flex:1;justify-content:center;max-width:45%;display:flex}.project-subtitle{color:#888;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:.9rem;font-weight:700}.project-title{text-transform:uppercase;color:#111;margin:0 0 15px;font-family:Oswald,sans-serif;font-size:3rem;font-weight:500;line-height:1.1}.project-desc{color:#444;margin-bottom:30px;font-family:Patrick Hand SC,cursive;font-size:1.3rem;line-height:1.4}.project-tags{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.project-tag{color:#444;background-color:#f5f0e6;border-radius:20px;padding:8px 18px;font-size:.9rem;font-weight:600}.project-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.project-link{letter-spacing:1px;text-transform:uppercase;color:#0b0b0b;white-space:nowrap;background-color:#fff;border:2px solid #0b0b0b;border-radius:6px;padding:10px 22px;font-family:Oswald,Bebas Neue,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;box-shadow:3px 3px #ff5900}.project-link:hover{transform:translate(2px,2px);box-shadow:1px 1px #ff5900}.project-link:active{transform:translate(3px,3px);box-shadow:0 0 #ff5900}.project-link.is-ghost{box-shadow:3px 3px #0b0b0b}.project-link.is-ghost:hover{box-shadow:1px 1px #0b0b0b}.project-link.is-ghost:active{box-shadow:0 0 #0b0b0b}.project-link.is-private{color:#999;box-shadow:none;cursor:default;-webkit-user-select:none;user-select:none;background-color:#0000;border:2px dashed #bbb}.work-image-container{background-color:#f4f6fc;border-radius:16px;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.work-image{object-fit:contain;border-radius:10px;width:100%;height:100%;transition:transform .5s}.work-card:hover .work-image{transform:scale(1.03)}.work-footer{margin-top:50px}.checkout-btn{color:#0b0b0b;cursor:pointer;letter-spacing:1px;background-color:#fff;border:2px solid #0b0b0b;border-radius:6px;padding:12px 30px;font-family:Oswald,sans-serif;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block;position:relative;box-shadow:4px 4px #ff5900}.checkout-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #ff5900}.checkout-btn:active{transform:translate(4px,4px);box-shadow:0 0 #ff5900}@media (width<=768px){.work-card-content{flex-direction:column}.work-info{max-width:100%}.work-image-container{min-height:250px;margin-top:20px}.work-title{font-size:3rem}.project-actions{margin-top:20px}.project-link{text-align:center;flex:100%}}.footer-section{justify-content:center;align-items:center;padding:80px 20px 40px;display:flex}.footer-card{background-color:#fff;border-radius:4px;flex-direction:column;width:100%;max-width:900px;padding:50px 50px 0;display:flex;position:relative;box-shadow:0 10px 40px #0000000d}.footer-top-section{gap:40px;margin-bottom:20px;display:flex}.footer-stamp{flex-shrink:0;width:130px}.footer-stamp img{object-fit:contain;width:100%;height:auto}.footer-right-content{flex-direction:column;flex:1;justify-content:center;gap:30px;display:flex}.footer-header{justify-content:space-between;align-items:center;display:flex}.footer-title{color:#000;text-transform:uppercase;margin:0;font-family:Oswald,Bebas Neue,sans-serif;font-size:3.5rem;font-weight:600;line-height:1}.home-btn{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#ff5900;border:2px solid #000;border-radius:6px;outline:none;padding:8px 28px;font-family:Oswald,Bebas Neue,sans-serif;font-size:1.2rem;font-weight:500;transition:all .2s;box-shadow:4px 4px #000}.home-btn:hover{transform:translateY(-2px);box-shadow:6px 6px #000}.home-btn:active{transform:translate(4px,4px);box-shadow:0 0 #0000}.footer-links{justify-content:space-between;gap:20px;display:flex}.social-btn{z-index:1;background-color:#fff;border:2px solid #000;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:15px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #ff5900}.social-bg{z-index:-1;background-color:#ff5900;width:100%;height:100%;transition:transform .3s;position:absolute;bottom:0;left:0;transform:translateY(100%)}.social-text{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.text-label{color:#000;text-transform:uppercase;font-family:Oswald,Bebas Neue,sans-serif;font-size:1.4rem;font-weight:500;line-height:1;transition:color .3s}.arrow-wrapper{opacity:1;justify-content:center;align-items:center;width:18px;transition:width .3s,opacity .3s;display:flex;overflow:hidden}.arrow-wrapper span{color:#000;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700;line-height:1}.social-btn:hover .arrow-wrapper{opacity:0;width:0}.social-btn:hover .text-label{color:#ff5900}.social-btn:active{transform:translate(4px,4px);box-shadow:0 0 #0000}.social-btn:active .social-bg{transform:translateY(0%)}.social-btn:active .text-label,.social-btn:active .arrow-wrapper span{color:#000}.footer-illustration{justify-content:center;align-items:flex-end;margin-top:10px;display:flex}.footer-illustration img{object-fit:contain;max-width:100%;height:auto;display:block}@media (width<=768px){.footer-card{padding:30px 30px 0}.footer-top-section{text-align:center;flex-direction:column;align-items:center;gap:30px}.footer-stamp{width:100px}.footer-header{flex-direction:column;gap:20px}.footer-links{flex-direction:column;width:100%}.footer-title{font-size:2.8rem}}