:root{--bg-board: #2e1f16;--wood-frame: #5c3a21;--bg-note: #fbf9f1;--sunflower: #ffc93c;--text-main: #141e30;--text-muted: #2a3b5c;--radius-box: 2px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-board);background-image:url(/cork.jpg);background-repeat:repeat;color:var(--text-main);font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;border:12px solid var(--wood-frame);min-height:100vh;box-shadow:inset 0 0 20px #0009}.hero-section,.project-card,.skills-category,.footer-section{font-family:Architects Daughter,cursive!important}.project-info h3,.hero-section h1,.footer-section h2,.projects-section h2,.skills-section h2{font-family:Caveat,cursive!important}.hero-section,.project-card,.skills-category,.footer-section{background-color:var(--bg-note);border-radius:var(--radius-box);box-shadow:2px 8px 15px #00000059;padding:30px}.hero-section{background-color:#fff2a1;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px;transition:transform .3s ease,box-shadow .3s ease;border:none}.hero-section h1{font-size:2.2rem;margin-bottom:24px;color:var(--text-main)}.hero-text-content{display:flex;flex-direction:column;align-items:center;width:100%}.hero-greeting{font-size:1rem;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.hero-avatar-container{width:155px;height:155px;border-radius:var(--radius-box);overflow:visible;margin-bottom:24px;border:6px solid #ffffff;box-shadow:3px 6px 12px #0006;position:relative}.hero-avatar-sunflower{position:absolute;top:-18px;right:-18px;font-size:2rem;z-index:5}.hero-avatar{width:100%;height:100%;object-fit:cover}.hero-description{max-width:540px;font-size:1.2rem;line-height:1.6;color:var(--text-muted)}.hero-socials{display:flex;justify-content:center;gap:35px;margin:85px 0}.hero-socials a{width:95px;height:95px;border-radius:50%;background:#fff;border:4px solid #fff;box-shadow:3px 5px 12px #00000073;transition:.2s ease}.hero-socials a img{width:100%;height:100%;object-fit:contain;padding:6px}.hero-socials a.sticker-github{transform:rotate(-12deg)}.hero-socials a.sticker-linkedin{transform:rotate(8deg)}.hero-socials a:hover{transform:scale(1.12) rotate(0);box-shadow:1px 3px 6px #0000004d}.app-container{max-width:100%;margin:0 auto;padding:32px 20px;position:relative}.projects-section h2,.skills-section h2{font-family:Caveat,cursive!important;font-size:5.2rem;font-weight:900;text-align:center;margin-top:60px;margin-bottom:40px;letter-spacing:2px;color:#e6194b;text-shadow:-2px -2px 0px #fff9e6,2px -2px 0px #fff9e6,-2px 2px 0px #fff9e6,2px 2px 0px #fff9e6,4px 4px 0px #141e30;display:block;transform:rotate(-1.5deg)}.projects-grid{display:flex;flex-direction:column;gap:36px}.project-card{display:flex;flex-direction:column;border-radius:var(--radius-box);padding:24px;transition:transform .3s ease,box-shadow .3s ease;border:none}.project-card:nth-child(odd){transform:rotate(-1deg)}.project-card:nth-child(2n){transform:rotate(1.5deg)}.project-card:nth-child(4n+1){background-color:#fff2a1!important}.project-card:nth-child(4n+2){background-color:#ffbfa3!important}.project-card:nth-child(4n+3){background-color:#b8f2e6!important}.project-card:nth-child(4n+4){background-color:#aed9e0!important}.project-description{margin-bottom:16px;font-size:.95rem;color:var(--text-muted);line-height:1.8}.project-image-container{width:100%;height:200px;overflow:hidden;background-color:#fff!important;border:6px solid #ffffff;box-shadow:1px 3px 6px #00000026;transform:rotate(-.5deg);margin-bottom:20px;position:relative;z-index:1}.project-image{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease}.project-card:hover .project-image{transform:scale(1.04)}.project-info{padding:0;display:flex;flex-direction:column;flex-grow:1}.project-info h3{font-size:1.8rem;text-transform:uppercase;font-weight:800;margin-bottom:22px;color:var(--text-main)}.tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tag{background-color:#0000000d;color:var(--text-muted);border:1px solid rgba(0,0,0,.15);padding:3px 8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-links{display:flex;flex-direction:column;gap:10px}.btn{display:block;text-align:center;padding:12px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;border-radius:var(--radius-box);transition:all .2s ease}.btn-primary{background-color:var(--sunflower);color:#1a1a1a;border:2px solid var(--sunflower)}.btn-primary:hover{background-color:var(--bg-board);color:var(--sunflower);border-color:var(--bg-board)}.btn-secondary{background-color:transparent;color:var(--text-main);border:2px solid rgba(0,0,0,.15)}.btn-secondary:hover{border-color:var(--bg-board);background-color:#0000000d}.tech-sticker{width:120px;height:auto;object-fit:contain}.skills-sticker-wrapper{position:relative;width:100%}.skills-section{margin-top:50px;margin-bottom:50px}.skills-grid{display:flex;flex-direction:column;gap:32px;width:100%}.skills-category{padding:30px 20px;text-align:center;width:100%;max-width:280px;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s ease;border:none}.skills-category:nth-child(1){background-color:#ffbfa3!important;margin-right:auto;margin-left:10px;transform:rotate(2deg)}.skills-category:nth-child(2){background-color:#b8f2e6!important;margin-left:auto;margin-right:10px;transform:rotate(-3deg)}.skills-category:nth-child(3){background-color:#fff2a1!important;margin-left:auto;margin-right:auto;transform:rotate(1deg)}.skills-category h3{font-size:1.8rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--text-main);border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:8px;margin-bottom:20px;display:inline-block}.skills-category ul{list-style:none;width:100%}.skills-category li{font-size:1.25rem;font-weight:700;line-height:2;color:var(--text-muted);text-align:left;padding-left:25px;position:relative;width:100%;text-shadow:.5px 0 .5px 0px var(--text-muted)}.skills-category li:before{content:"*";position:absolute;left:0;top:0;color:#0006;font-weight:700}.footer-section{background-color:#aed9e0!important;color:var(--text-main);text-align:center;padding:40px 20px;margin-top:60px;border-radius:var(--radius-box);box-shadow:2px 8px 15px #00000059;transform:rotate(-.5deg)}.footer-section h2{font-size:2.5rem;font-weight:800;margin-bottom:30px;color:var(--text-main)}.footer-contact{font-size:1.1rem;line-height:1.6;font-weight:600;color:var(--text-muted);margin-bottom:24px}.footer-contact a{color:inherit;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-email{letter-spacing:2px;font-weight:800;color:var(--text-main)}.footer-credits{font-size:1.1rem;color:var(--text-muted);opacity:.8;margin-top:40px}.pinned-block{position:relative}.pin-project{position:absolute;top:-15px;left:15px}.block-pin{position:absolute;font-size:2.6rem;z-index:10;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.pin-top-center{top:-28px;left:50%;transform:translate(-50%);animation:pinNudgeCenter 6s ease-in-out infinite}.pin-top-left{top:-24px;left:8px;transform:rotate(-15deg);animation:pinNudge 6s ease-in-out infinite}@keyframes pinNudge{0%,90%,to{transform:translateY(0) rotate(-15deg)}93%{transform:translateY(1px) rotate(-12deg)}96%{transform:translateY(-1px) rotate(-18deg)}}@keyframes pinNudgeCenter{0%,90%,to{transform:translate(-50%) translateY(0)}95%{transform:translate(-50%) translateY(1px) scale(1.05)}}.animated-emoji{display:inline-block;animation:floatAndWobble 4s ease-in-out infinite;transform-origin:bottom center;margin-left:6px;margin-right:6px}@keyframes floatAndWobble{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(3deg)}50%{transform:translateY(0) rotate(-3deg)}75%{transform:translateY(-1px) rotate(1.5deg)}to{transform:translateY(0) rotate(0)}}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 481px) and (max-width: 1149px){.skills-sticker-wrapper{max-width:340px!important;margin:0 auto!important;position:relative!important}.desktop-stickers{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:10!important;pointer-events:none}.tech-sticker{display:block!important;position:absolute!important;width:55px!important;height:55px!important;opacity:.85!important;margin:0!important;filter:drop-shadow(2px 0px 0px #ffffff) drop-shadow(-2px 0px 0px #ffffff) drop-shadow(0px 2px 0px #ffffff) drop-shadow(0px -2px 0px #ffffff) drop-shadow(2px 4px 6px rgba(0,0,0,.4))!important}.s-left-1{top:5%!important;left:-40px!important;transform:rotate(-12deg)!important}.s-right-1{top:25%!important;right:-40px!important;transform:rotate(15deg)!important}.s-left-2{top:50%!important;left:-35px!important;transform:rotate(8deg)!important}.s-right-2{bottom:25%!important;right:-45px!important;transform:rotate(5deg)!important}.s-left-3{bottom:5%!important;left:-40px!important;transform:rotate(-15deg)!important}}@media screen and (max-width: 480px){.desktop-stickers{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;position:relative!important;margin:30px auto 10px!important;width:100%!important;height:auto!important}.tech-sticker{display:inline-block!important;position:static!important;width:38px!important;height:auto!important;transform:none!important;opacity:1!important;filter:drop-shadow(1px 0px 0px #ffffff) drop-shadow(-1px 0px 0px #ffffff) drop-shadow(0px 1px 0px #ffffff) drop-shadow(0px -1px 0px #ffffff)!important}}@media (min-width: 1150px){.skills-sticker-wrapper{position:relative;width:100%;max-width:960px;margin:0 auto}.desktop-stickers{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tech-sticker{position:absolute;width:145px;height:145px;object-fit:contain;filter:drop-shadow(3px 0px 0px #ffffff) drop-shadow(-3px 0px 0px #ffffff) drop-shadow(0px 3px 0px #ffffff) drop-shadow(0px -3px 0px #ffffff) drop-shadow(2px 5px 8px rgba(0,0,0,.5));opacity:.85;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s ease}.tech-sticker:hover{opacity:1;transform:scale(1.15) rotate(0)!important}.s-left-1{top:12%;left:200px;transform:rotate(-12deg)}.s-left-2{top:45%;left:340px;transform:rotate(8deg)}.s-left-3{bottom:10%;left:-90px;transform:rotate(-15deg)}.s-right-1{top:15%;right:35px;transform:rotate(15deg)}.s-right-2{bottom:23%;right:-135px;transform:rotate(5deg)}}@media (min-width: 900px){.app-container{max-width:1100px;padding:60px 40px}.hero-section{max-width:760px;margin-left:auto;margin-right:auto;transform:rotate(-.5deg)}.hero-socials{max-width:760px;margin-left:auto;margin-right:auto}.footer-section{max-width:760px;margin-left:auto;margin-right:auto;transform:rotate(.5deg)}.hero-section h1{font-size:4rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.project-links{flex-direction:row}}