.header-container{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border-bottom:1px solid rgba(14,165,233,.2);gap:1rem}body{padding-top:80px}.logo-container{flex-shrink:0;z-index:1001;max-width:4rem;min-width:2.5rem}.logo-img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;cursor:pointer;box-shadow:0 .25rem .5rem #0ea5e94d;transition:all .3s ease;border:2px solid rgba(14,165,233,.5);max-width:100%;height:auto;aspect-ratio:1 / 1}.logo-img:hover{transform:scale(1.05);box-shadow:0 .375rem .75rem #0ea5e966}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{font-weight:500;position:relative;font-size:1rem;padding:.5rem 0;transition:color .3s ease}.nav-links a:hover{color:var(--accent)}.nav-links a:after{content:"";position:absolute;width:0%;height:.125rem;left:0;bottom:0;background:linear-gradient(90deg,var(--accent),#38bdf8);transition:.3s ease}.nav-links a:hover:after{width:100%}.icons{display:flex;gap:1rem;align-items:center;z-index:1001;flex-shrink:0}.icon-btn,.lang-btn{background:none;border:none;cursor:pointer;font-size:1.3rem;color:inherit;padding:.5rem;border-radius:.5rem;transition:all .3s ease;flex-shrink:0}.icon-btn:hover,.lang-btn:hover{background:#0ea5e91a;transform:scale(1.1)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:.25rem;flex-shrink:0}.hamburger span{width:1.5rem;height:.2rem;background-color:var(--text);transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(.4rem,.4rem)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(.4rem,-.4rem)}@media(max-width:768px){.header-container{padding:1rem 1.5rem;flex-wrap:nowrap;gap:.8rem}body{padding-top:70px}.hamburger{display:flex;order:2}.logo-container{max-width:3rem;min-width:3rem}.logo-img{width:3rem;height:3rem}nav{position:absolute;top:100%;left:0;width:100%;background-color:var(--bg);border-bottom:1px solid rgba(14,165,233,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}nav.active{transform:translateY(0);opacity:1;visibility:visible}.nav-links{flex-direction:column;gap:0;width:100%;padding:1rem 0}.nav-links li{width:100%;text-align:center}.nav-links a{display:block;padding:1rem 2rem;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links a:after{display:none}.icons{gap:.8rem}}@media(max-width:480px){.header-container{padding:.8rem 1rem;gap:.5rem}body{padding-top:60px}.logo-container{max-width:2.5rem;min-width:2.5rem}.logo-img{width:2.5rem;height:2.5rem}.icons{gap:.5rem}.icon-btn,.lang-btn{font-size:1.1rem;padding:.4rem}.nav-links a{padding:.8rem 1rem;font-size:.9rem}.hamburger{padding:.4rem}}@media(min-width:1200px){.header-container{padding:1.2rem 3rem}}.hero-section{text-align:center;padding:6rem 2rem 3rem;position:relative}.accent{color:var(--accent)}.hero-section h1{font-size:2rem}.hero-section h2{font-weight:500;opacity:.8}.hero-section p{margin-top:1rem;max-width:35rem;margin-inline:auto;line-height:1.6}.hero-buttons{display:flex;gap:.8rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;border:1.5px solid transparent}.btn-primary{background:var(--accent);color:var(--btn-text)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0ea5e94d}.btn-secondary{background:transparent;color:var(--text);border:1.5px solid var(--accent)}.btn-secondary:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.btn:active{transform:translateY(0)}@media(max-width:48rem){.hero-buttons{flex-direction:column;align-items:center;gap:.6rem}.btn{width:auto;min-width:10rem;justify-content:center;padding:.4rem .8rem}}.cv-dropdown-container{position:relative;display:inline-block}.cv-btn{display:flex;align-items:center;gap:.5rem}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.cv-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background-color:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.5rem;min-width:13rem;box-shadow:0 10px 25px #0003;z-index:100;display:flex;flex-direction:column;gap:.25rem}.cv-dropdown-item{padding:.75rem 1rem;border-radius:.375rem;color:var(--text);text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;background-color:transparent;cursor:pointer;white-space:nowrap}.cv-dropdown-item:hover{background-color:var(--accent);color:#fff}.about-section{max-width:70rem;margin:0 auto;padding:4rem 2rem;width:100%;box-sizing:border-box}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start;margin-top:2rem;width:100%}.about-image-container{display:flex;justify-content:center;align-items:flex-start;width:100%}.flip-card{perspective:1000px;cursor:pointer;width:100%;max-width:18rem}.flip-card-inner{position:relative;width:100%;height:22rem;transition:transform .6s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.flip-card-front{background:linear-gradient(145deg,var(--card),var(--card-dark));border:2px solid var(--accent);box-shadow:0 8px 32px #0000001a}.flip-card-back{background:linear-gradient(145deg,var(--accent),#009966);color:#fff;transform:rotateY(180deg);padding:1.5rem;text-align:center;justify-content:space-between}.about-image{width:95%;height:95%;border-radius:.8rem;transition:all .4s ease;filter:grayscale(30%) brightness(1.05);border:3px solid rgba(255,255,255,.1);object-fit:cover}.flip-card:hover .about-image{transform:scale(1.03);filter:grayscale(0%) brightness(1.1);box-shadow:0 8px 24px #0003}.personal-info{text-align:center;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;padding:.5rem 0}.personal-info h3{color:#fff;font-size:1.2rem;margin-bottom:1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.info-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.6rem;padding:.4rem .6rem;background:#ffffff26;border-radius:.5rem;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;min-height:2.2rem;box-sizing:border-box}.info-item:hover{background:#fff3;transform:translate(3px)}.info-item .icon{font-size:1rem;margin-right:.5rem;min-width:1.2rem;text-align:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.info-item span:last-child{font-weight:500;font-size:.85rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.click-hint{position:absolute;bottom:.8rem;background:#000c;color:#fff;padding:.4rem .8rem;border-radius:1.5rem;font-size:.7rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);font-weight:500;max-width:80%;text-align:center;line-height:1.2;z-index:10}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.about-text{text-align:left;line-height:1.7;width:100%}.about-text p{font-size:1.1rem;opacity:.9;margin:0;background:linear-gradient(145deg,var(--card),var(--card-dark));padding:2.5rem;border-radius:1rem;border-left:4px solid var(--accent);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);text-align:justify;text-justify:inter-word;width:100%;box-sizing:border-box}.flip-card-front:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.flip-card:hover .flip-card-front:before{opacity:1}@media(max-width:64rem){.about-section{padding:4rem 2rem;width:100%}.about-content{grid-template-columns:1fr;gap:3rem;text-align:center;width:100%}.about-text{text-align:center;width:100%}.about-text p{text-align:justify;width:100%}.flip-card{max-width:16rem;margin:0 auto}.flip-card-inner{height:20rem}.about-image-container{justify-content:center}}@media(max-width:48rem){.about-section{padding:3rem 1.5rem;width:100%}.about-content{gap:2.5rem;width:100%}.about-text p{font-size:1rem;padding:2rem;text-align:justify;width:100%}.flip-card{max-width:15rem;margin:0 auto}.flip-card-inner{height:19rem}.personal-info h3{font-size:1.1rem}.info-item{margin-bottom:.5rem;padding:.35rem .5rem;min-height:2rem}.info-item span:last-child{font-size:.8rem}}@media(max-width:30rem){.about-section{padding:2rem 1rem;width:100%}.about-content{gap:2rem;width:100%}.about-text p{padding:1.5rem;font-size:.95rem;text-align:justify;width:100%}.flip-card{max-width:14rem;margin:0 auto}.flip-card-inner{height:18rem}.click-hint{font-size:.65rem;padding:.35rem .7rem;bottom:.6rem}.personal-info h3{font-size:1rem;margin-bottom:.8rem}.info-item{margin-bottom:.4rem;padding:.3rem .4rem;min-height:1.8rem}.info-item .icon{font-size:.9rem;margin-right:.4rem;min-width:1rem}.info-item span:last-child{font-size:.75rem}}@media(max-width:360px){.about-section{padding:2rem .8rem;width:100%}.flip-card{max-width:13rem;margin:0 auto}.flip-card-inner{height:17rem}.personal-info h3{font-size:.95rem}.info-item span:last-child{font-size:.7rem}.about-text p{padding:1.2rem;font-size:.9rem}}.technologies-section{text-align:center;padding:4rem 2rem}.technologies-categories{display:flex;justify-content:center;gap:.8rem;margin-bottom:2rem;flex-wrap:wrap}.category-btn{padding:.6rem 1.2rem;border:2px solid var(--accent);background:transparent;color:var(--text);border-radius:.8rem;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;white-space:nowrap}.category-btn.active,.category-btn:hover{background:var(--accent);color:var(--btn-text);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.technologies-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2rem}.tech-card{background:linear-gradient(145deg,var(--card),var(--card-dark));border-radius:1rem;padding:1.2rem .8rem;cursor:pointer;transition:all .3s ease;width:8rem;height:8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(14,165,233,.2);box-shadow:0 .25rem .75rem #0000001a;position:relative;overflow:hidden}.tech-card:hover{transform:translateY(-.3rem);border:2px solid var(--accent);box-shadow:0 .5rem 1.5rem #0ea5e933}.tech-card.active{background:linear-gradient(145deg,var(--accent),#38bdf8);border:2px solid var(--accent);transform:scale(1.05);z-index:10}.tech-card.active h3{color:#fff;font-weight:600}.tool-icon{width:3rem;height:3rem;margin-bottom:.7rem;transition:all .3s ease;object-fit:contain}.tool-icon[src*=android-studio],.tool-icon[src*=server],.tool-icon[src*=adobe-xd]{width:3rem!important;height:3rem!important;margin-bottom:.7rem}.tool-icon[src*=penpot]{width:3.5rem!important;height:3.5rem!important;margin-bottom:.7rem;background-color:#fff;border-radius:50%;padding:.4rem;box-sizing:border-box}.tech-card:hover .tool-icon{transform:scale(1.1)}.tech-card.active .tool-icon{transform:scale(1.2);filter:brightness(1.1) contrast(1.1)}.tool-fallback{width:3rem;height:3rem;margin-bottom:.7rem;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.tech-card h3{color:var(--accent);font-size:.9rem;margin-bottom:.5rem;font-weight:600;transition:all .3s ease;text-align:center}.tech-card p{font-size:.75rem;line-height:1.4;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;text-align:center;color:#fff;margin:0}.tech-card.active p{opacity:1;max-height:5rem;margin-top:.5rem}.light .tech-card{border:2px solid rgba(0,0,0,.1)}.light .tech-card:hover{border:2px solid var(--accent)}.light .tech-card.active{background:linear-gradient(145deg,var(--accent),#0284c7)}.light .tool-icon[src*=penpot]{background-color:transparent}@media(max-width:64rem){.technologies-categories{gap:.6rem}.category-btn{padding:.5rem 1rem;font-size:.85rem}}@media(max-width:48rem){.technologies-grid{gap:1rem}.tech-card{width:7rem;height:7rem;padding:1rem .5rem}.tool-icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem}.tech-card h3{font-size:.8rem}.technologies-categories{gap:.4rem}.category-btn{padding:.5rem .8rem;font-size:.8rem}}@media(max-width:30rem){.technologies-grid{gap:.8rem}.tech-card{width:6rem;height:6rem;padding:.8rem .4rem}.tool-icon{width:2rem;height:2rem}.technologies-categories{gap:.3rem}.category-btn{padding:.4rem .6rem;font-size:.75rem}}.projects-section{padding:4rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.projects-section h2{font-size:2.5rem;margin-bottom:3rem;color:var(--accent);font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;perspective:1000px}.project-card{height:640px;perspective:1000px;cursor:pointer;transition:transform .3s ease}.project-card:active{transform:scale(.98)}.project-card-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d;box-shadow:0 8px 25px #0000001a;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.project-card-inner.flipped{transform:rotateY(180deg)}.project-card-front,.project-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1rem;overflow:hidden;pointer-events:none}.project-card-front{background:var(--card);display:flex;flex-direction:column}.project-card-back{background:var(--card);transform:rotateY(180deg);display:flex;flex-direction:column;border:1.5px solid var(--accent)}.project-image-container{height:200px;overflow:hidden;background:#f8f9fa}.project-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-content h3{font-size:1.4rem;color:var(--accent);margin-bottom:1rem;font-weight:600;height:3.5rem;display:flex;align-items:center;justify-content:center;text-align:center}.project-description{color:var(--text);line-height:1.6;margin-bottom:1rem;opacity:.9;height:5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.front-tools{margin-bottom:1.5rem;height:7rem}.front-tools h4{font-size:1rem;margin-bottom:.8rem;color:var(--accent);font-weight:600;text-align:left}.front-tools-tags{display:flex;flex-wrap:wrap;gap:.4rem}.front-tool-tag{background:#647eea1a;color:var(--accent);padding:.3rem .7rem;border-radius:.4rem;font-size:.75rem;font-weight:500;border:1px solid rgba(100,126,234,.2)}.back-content{padding:2rem;flex:1;display:flex;flex-direction:column;height:100%;overflow-y:auto;pointer-events:auto;box-sizing:border-box}.back-content::-webkit-scrollbar{width:6px}.back-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.back-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.back-content:after{content:"";display:block;min-height:2rem}.back-content h3{font-size:1.4rem;margin-bottom:1rem;color:var(--accent);text-align:center;min-height:3.5rem;display:flex;align-items:center;justify-content:center}.back-description{color:var(--text);margin-bottom:1.5rem;line-height:1.6;opacity:.9;text-align:center;min-height:4.8rem}.features-section,.tools-section{margin-bottom:1.5rem;text-align:left}.features-section h4,.tools-section h4{font-size:1.1rem;margin-bottom:.8rem;color:var(--accent);font-weight:600}.features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.features-list li{color:var(--text);position:relative;padding:.4rem 0 .4rem 1.5rem;opacity:.9}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.tools-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tool-tag{background:#647eea1a;color:var(--accent);padding:.4rem .8rem;border-radius:.5rem;font-size:.8rem;font-weight:500;border:1px solid rgba(100,126,234,.2)}.project-actions{display:flex;gap:.6rem;margin-top:auto;padding-top:1rem;pointer-events:auto}.project-actions *{pointer-events:auto}.project-btn-primary,.project-btn-flip,.project-btn-github{padding:.6rem 1rem;border-radius:.5rem;font-weight:600;font-size:.85rem;transition:all .3s ease;flex:1;text-align:center;border:none;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.4rem}.project-btn-primary{background:var(--accent);color:#fff;border:1.5px solid transparent}.project-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.project-btn-flip{background:transparent;color:var(--text);border:1.5px solid var(--accent)}.project-btn-flip:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.project-btn-github{background:#333;color:#fff;border:1.5px solid #333}.project-btn-github:hover{background:#555;border-color:#555;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.back-flip-btn{background:#ffffff1a;border:1px solid var(--accent)}.back-flip-btn:hover{background:var(--accent);color:#fff}.project-card:hover .project-card-inner:not(.flipped){transform:translateY(-5px);box-shadow:0 15px 35px #00000026;border-color:var(--accent)}@media(max-width:768px){.projects-section{padding:2rem 1rem}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-card{height:640px}.project-actions{flex-direction:column;gap:.8rem}.project-btn-primary,.project-btn-github,.project-btn-flip{padding:.7rem 1rem;font-size:.85rem}.front-tools-tags{gap:.3rem}.front-tool-tag{font-size:.7rem;padding:.25rem .6rem}.features-list{grid-template-columns:1fr}}@media(max-width:480px){.projects-section h2{font-size:2rem}.project-card{height:640px}.back-content{padding:1.5rem}.project-content,.back-content{padding:1.2rem}.front-tools h4{font-size:.9rem}.project-actions{gap:.6rem}.project-btn-primary,.project-btn-github,.project-btn-flip{padding:.6rem .8rem;font-size:.8rem}}@media(max-width:360px){.project-card{height:660px}.project-actions{gap:.5rem}}.contact-section.pulse-theme{text-align:center;padding:6rem 1rem;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:transparent}.orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;animation:float 15s infinite alternate ease-in-out;opacity:.15}.orb-1{width:400px;height:400px;background:var(--accent);top:-100px;left:-100px}.orb-2{width:300px;height:300px;background:var(--accent-blue);bottom:-100px;right:-100px;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,30px) scale(1.1)}}.contact-content{position:relative;z-index:1;max-width:600px;width:100%;background:var(--card);padding:4rem 2rem;border-radius:24px;border:1px solid rgba(128,128,128,.1);box-shadow:0 10px 40px #0000000d}.pulse-title{font-size:2.5rem;margin-bottom:1rem;color:var(--text);font-weight:700}.pulse-subtitle{font-size:1.1rem;color:var(--text);opacity:.8;line-height:1.6;margin-bottom:3rem}.pulse-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;background:var(--accent);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 0 #38bdf866;animation:pulse-animation 2.5s infinite cubic-bezier(.66,0,0,1)}.pulse-btn:hover{transform:translateY(-3px);background:var(--accent-blue);animation:none;box-shadow:0 8px 20px #38bdf84d}.pulse-icon{font-size:1.2rem}@keyframes pulse-animation{0%{box-shadow:0 0 #38bdf880}70%{box-shadow:0 0 0 15px #38bdf800}to{box-shadow:0 0 #38bdf800}}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--card);color:var(--text);padding:1rem 2rem;border-radius:50px;box-shadow:0 10px 30px #0003;border:1px solid var(--accent);z-index:10000;font-weight:600;display:flex;align-items:center;gap:.5rem}.complements-section{text-align:center;padding:4rem 2rem;max-width:70rem;margin:auto;width:100%;box-sizing:border-box}.complements-description{font-size:1.1rem;opacity:.8;margin-bottom:3rem;max-width:40rem;margin-left:auto;margin-right:auto;line-height:1.6}.complements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem;margin-top:2rem;width:100%}.complement-card{background:linear-gradient(145deg,var(--card),var(--card-dark));border-radius:1.2rem;padding:2rem 1.5rem;cursor:pointer;transition:all .3s ease;min-height:12rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(14,165,233,.2);box-shadow:0 .25rem .75rem #0000001a;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.complement-card:hover{transform:translateY(-.3rem);border:2px solid var(--accent);box-shadow:0 .5rem 1.5rem #0ea5e933}.complement-card.active{background:linear-gradient(145deg,var(--accent),#38bdf8);border:2px solid var(--accent);transform:scale(1.02);z-index:10}.complement-card.active h3{color:#fff;font-weight:600}.complement-icon{font-size:2.5rem;margin-bottom:1rem;transition:all .3s ease;filter:grayscale(.3);transform:scale(1)}.complement-card:hover .complement-icon{filter:grayscale(0);transform:scale(1.1)}.complement-card.active .complement-icon{transform:scale(1.2);filter:grayscale(0) brightness(1.2)}.complement-card h3{color:var(--accent);font-size:1.1rem;margin-bottom:1rem;font-weight:600;transition:all .3s ease;text-align:center}.complement-card p{font-size:.9rem;line-height:1.5;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;text-align:center;color:#fff;margin:0}.complement-card.active p{opacity:1;max-height:8rem;margin-top:.5rem}.complement-hint{position:absolute;bottom:.8rem;background:#000000b3;color:#fff;padding:.4rem .8rem;border-radius:1rem;font-size:.75rem;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.complement-card:not(.active):hover .complement-hint{opacity:1;transform:translateY(-.3rem)}.complement-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.complement-card:hover:before{opacity:1}.light .complement-card{border:2px solid rgba(0,0,0,.1);background:linear-gradient(145deg,#fff,#f8fafc)}.light .complement-card:hover{border:2px solid var(--accent)}.light .complement-card.active{background:linear-gradient(145deg,var(--accent),#0284c7)}@media(max-width:64rem){.complements-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.2rem}.complement-card{min-height:11rem;padding:1.5rem 1.2rem}}@media(max-width:48rem){.complements-section{padding:3rem 1.5rem}.complements-grid{grid-template-columns:1fr;gap:1rem;max-width:25rem;margin-left:auto;margin-right:auto}.complement-card{min-height:10rem;padding:1.5rem 1rem}.complement-icon{font-size:2rem}.complement-card h3{font-size:1rem}.complement-card p{font-size:.85rem}}@media(max-width:30rem){.complements-section{padding:2rem 1rem}.complements-description{font-size:1rem;margin-bottom:2rem}.complement-card{min-height:9rem;padding:1.2rem .8rem}.complement-icon{font-size:1.8rem;margin-bottom:.8rem}.complement-card h3{font-size:.95rem;margin-bottom:.8rem}}.snitch-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:10000;display:flex;align-items:center;justify-content:center}body.light .snitch-cursor{filter:drop-shadow(0px 0px 3px rgba(0,0,0,.6))}.snitch-body{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,gold,#b8860b);box-shadow:0 0 10px gold,inset -2px -2px 5px #0000004d;display:flex;align-items:center;justify-content:center}.wing{position:absolute;top:15%;width:150%;height:40%;background:#ffffffd9;border-radius:50% 50% 0;box-shadow:inset 0 0 5px #ffffffe6,0 0 8px #fff9;transform-origin:center right;filter:blur(.5px)}body.light .wing{background:#e6e6e6e6;box-shadow:inset 0 0 5px #ffffffe6,0 0 4px #0000001a}.left-wing{right:75%;animation:flap-left .08s ease-in-out infinite alternate}.right-wing{left:75%;transform-origin:center left;border-radius:50% 50% 50% 0;animation:flap-right .08s ease-in-out infinite alternate}@keyframes flap-left{0%{transform:rotate(-20deg) scaleX(1) scaleY(1)}to{transform:rotate(40deg) scaleX(.3) scaleY(.8)}}@keyframes flap-right{0%{transform:rotate(20deg) scaleX(1) scaleY(1)}to{transform:rotate(-40deg) scaleX(.3) scaleY(.8)}}.snitch-cursor.scrolling .wing{animation-duration:.03s;filter:blur(1.5px);box-shadow:inset 0 0 8px #fff,0 0 12px #fffc}body.light .snitch-cursor.scrolling .wing{box-shadow:inset 0 0 8px #fff,0 0 8px #0003}@media(hover:hover)and (pointer:fine){*{cursor:none!important}}@media(hover:none),(pointer:coarse){.snitch-cursor,.harry-chaser-container{display:none!important}}.harry-chaser-container{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}.harry-chaser{height:150px;width:auto;animation:run-bob .4s infinite alternate}body.light .harry-chaser{filter:drop-shadow(0px 0px 1.5px black) drop-shadow(0px 0px 1.5px black)}@keyframes run-bob{0%{transform:translateY(0)}to{transform:translateY(8px)}}.not-found-section{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 8rem);text-align:center;padding:2rem}.not-found-content{background-color:var(--card);padding:3rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0000001a;max-width:32rem;width:100%;box-sizing:border-box}.not-found-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.accent-icon{color:var(--accent)}.not-found-content h1{font-size:2.2rem;margin-bottom:1rem;font-weight:700}.not-found-content p{font-size:1.1rem;margin-bottom:2.5rem;opacity:.8;line-height:1.6}.not-found-btn{display:inline-flex;justify-content:center;padding:.8rem 2rem;font-size:1rem;width:100%;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scroll-padding-top:5rem}body{transition:background-color .4s ease,color .4s ease;font-family:Poppins,sans-serif;overflow-x:hidden;line-height:1.6}section{padding:5rem 2rem;max-width:70rem;margin:auto;scroll-margin-top:5rem}h2{font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,var(--accent),#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 .25rem .5rem rgba(14,165,233,.2)}.dark{--bg: #0a0a0a;--text: #e2e8f0;--card: #171717;--card-dark: #262626;--accent: #38bdf8;--accent-blue: #60a5fa;--btn-text: #0a0a0a}.light{--bg: #ffffff;--text: #1f2937;--card: #f8fafc;--card-dark: #f1f5f9;--accent: #0284c7;--accent-blue: #2563eb;--btn-text: #ffffff}.dark,.light{background-color:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}@media(max-width:48rem){html{font-size:14px}section{padding:3rem 1.5rem}h2{font-size:1.6rem;margin-bottom:2rem}}@media(max-width:30rem){html{font-size:13px}section{padding:2rem 1rem}h2{font-size:1.4rem}}