*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.container{width:100vw;min-height:200vh;background:#e0e3f1;transition:.5s;min-height:100vh;display:flex;flex-direction:column}.container.dark{background:#222}html{overflow-x:hidden;max-width:100vw}body{overflow-x:hidden;max-width:100vw;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}.container{max-width:100vw;overflow-x:hidden}.navbar{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 5%;transition:all .5s ease;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 15px #0000001a;box-sizing:border-box}.Logo{width:50px;height:auto;cursor:pointer;transition:transform .3s ease}.Logo:hover{transform:scale(1.1)}.navbar-links-desktop{flex:1;list-style:none;text-align:center;display:flex;justify-content:center;margin:0;padding:0}.navbar-links-desktop li a{display:inline-block;margin:10px 20px;font-size:18px;cursor:pointer;position:relative;transition:all .3s ease;text-decoration:none;color:#333;font-weight:500}.navbar-links-desktop li a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;background-color:#25d366;transition:all .3s ease}.navbar-links-desktop li a:hover{color:#25d366;transform:translateY(-2px)}.navbar-links-desktop li a:hover:after{width:100%;left:0}.navbar-links-desktop li a.active{color:#25d366}.navbar-links-desktop li a.active:after{width:100%;left:0}.navbar-right-actions{display:flex;align-items:center}.whatsapp{width:110px;height:auto;cursor:pointer;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;margin-right:20px}.whatsapp:hover{transform:scale(1.1) rotate(2deg);filter:brightness(1.15);box-shadow:0 6px 15px #25d36666}.toggle-icon{width:40px;cursor:pointer;margin-left:10px;transition:transform .3s ease}.toggle-icon:hover{transform:rotate(180deg)}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.dark.navbar{background:#1a1a1a;box-shadow:0 2px 15px #ffffff1a}.dark .navbar-links-desktop li a{color:#fff}.dark .navbar-links-desktop li a:hover,.dark .navbar-links-desktop li a.active{color:#25d366}.dark .hamburger-menu .bar{background-color:#fff}.hamburger-menu{display:none;background:transparent;border:none;cursor:pointer;margin-left:20px;z-index:1001}.hamburger-menu .bar{display:block;width:25px;height:3px;background-color:#333;margin:5px 0;transition:all .3s ease-in-out}.hamburger-menu .bar.open:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu .bar.open:nth-child(2){opacity:0}.hamburger-menu .bar.open:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.navbar-links-mobile{display:none}.navbar-links-mobile.open{display:flex;flex-direction:column;position:fixed;top:60px;left:0;width:100%;background:#fff;box-shadow:0 4px 10px #0000001a;padding:20px 0;transition:all .3s ease-in-out;z-index:999}.dark .navbar-links-mobile.open{background:#1a1a1a}.navbar-links-mobile.open li{margin:0;width:100%}.navbar-links-mobile.open li a{display:block;padding:15px 0;text-align:center;color:#333;text-decoration:none;transition:color .3s ease}.dark .navbar-links-mobile.open li a{color:#fff}.navbar-links-mobile.open li a:hover{color:#25d366}@media (min-width: 769px){.navbar-links-mobile{display:none!important}}@media (max-width: 768px){.navbar-links-desktop{display:none}.hamburger-menu{display:block}.whatsapp{width:90px;margin-right:10px}.toggle-icon{margin-left:0}.navbar{padding:10px 20px}}.hero{width:100%;height:60vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.hero-image.active{opacity:1;z-index:1}.content{position:relative;z-index:1;display:flex;flex-direction:column;max-width:1200px;width:100%;justify-content:center;padding:60px 10%;margin:0 auto;align-items:center}.content h1{margin-top:20px;font-size:3rem;color:#fff;text-align:center;font-weight:bolder;animation:bounce 2s ease-in-out infinite;background:linear-gradient(45deg,#bf51a0,#83d54c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-15px)}}.content p{font-size:1.2rem;color:#fff;text-align:center;margin-top:40px;letter-spacing:1px;line-height:1.5;padding:0 30px}.content .explore-button{margin-top:40px;padding:15px 24px;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(45deg,#cd94c6,#3dd797);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;text-decoration:none}.content .explore-button:hover{background:linear-gradient(45deg,#9c7f93,#a2e7b4);transform:scale(1.05)}@media (max-width: 1024px){.content{padding:50px 8%}.content h1{font-size:2.5rem}.content p{font-size:1.1rem;padding:0 20px}}@media (max-width: 768px){.hero{height:50vh}.content{padding:40px 6%}.content h1{font-size:2.2rem;margin-top:15px}.content p{font-size:1rem;margin-top:30px;padding:0 15px;letter-spacing:.5px}.content .explore-button{margin-top:30px;padding:12px 20px;font-size:18px}}@media (max-width: 480px){.hero{height:45vh;min-height:400px}.content{padding:20px 5%}.content h1{font-size:1.8rem;margin-top:10px;line-height:1.2}.content p{font-size:.9rem;margin-top:20px;padding:0 10px;line-height:1.4}.content .explore-button{margin-top:25px;padding:10px 18px;font-size:16px;border-radius:25px}}@media (max-width: 375px){.hero{height:40vh;min-height:350px}.content{padding:15px 4%}.content h1{font-size:1.6rem}.content p{font-size:.85rem;margin-top:15px}.content .explore-button{margin-top:20px;padding:8px 16px;font-size:14px}}@media (max-height: 500px) and (orientation: landscape){.hero{height:80vh}.content{padding:20px 5%}.content h1{font-size:1.8rem;margin-top:5px}.content p{margin-top:15px;font-size:.9rem}.content .explore-button{margin-top:15px;padding:8px 16px;font-size:14px}}.categories-title{text-align:center;margin-bottom:4rem;padding-top:5rem}.categories-title h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#2c3e50;letter-spacing:-.05em;margin-bottom:.5rem}.categories-intro{font-size:clamp(1rem,2vw,1.2rem);color:#7f8c8d;max-width:600px;margin:0 auto}.categories-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 5rem 5rem;max-width:1400px;margin:0 auto}.categories-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem;border-radius:15px;background:#fff;box-shadow:0 4px 20px #0000000d;transition:all .4s cubic-bezier(.2,.8,.2,1);text-decoration:none}.categories-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 45px #00000026;background:linear-gradient(135deg,#f5f7fa,#e0e6ef)}.card-icon{font-size:3rem;margin-bottom:1.5rem;transition:transform .3s ease}.categories-card:hover .card-icon{transform:scale(1.15)}.card-title{font-size:1.4rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;transition:color .3s ease}.categories-card:hover .card-title{color:#3498db}.card-description{font-size:.95rem;color:#95a5a6;margin:0;line-height:1.4}.dark .categories-title h1{color:#e0e0e0}.dark .categories-intro{color:#b0b0b0}.dark .categories-card{background:#2c2c2c;box-shadow:0 4px 20px #ffffff0d}.dark .categories-card:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);box-shadow:0 15px 45px #ffffff26}.dark .card-title{color:#f5f5f5}.dark .card-description{color:#a0a0a0}.dark .categories-card:hover .card-title{color:#3498db}@media (max-width: 768px){.categories-container{grid-template-columns:1fr 1fr;gap:1.5rem;padding:0 1rem 3rem}.categories-card{padding:2rem 1rem}}@media (max-width: 480px){.categories-container{grid-template-columns:1fr}}.file-fetcher-container{padding:3rem 1.5rem;max-width:1400px;margin:0 auto;font-family:Georgia,serif;color:#333;background-color:#fcfcfc}.file-fetcher-container h2{color:#4a4a4a;text-align:center;margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:.1em;text-transform:uppercase}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;padding:2rem 0}.image-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;background:#fff;cursor:pointer}.image-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.fetched-image{width:100%;height:300px;object-fit:cover;display:block;transition:transform .3s ease}.image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-card:hover .image-overlay{opacity:1}.book-price{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.download-btn{background:#007bff;color:#fff;border:none;padding:.8rem 1.8rem;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 10px #0003}.download-btn:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 15px #00000040}.download-btn:active{transform:translateY(0);box-shadow:0 2px 10px #0003}@media (max-width: 1024px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}}@media (max-width: 768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.fetched-image{height:250px}}@media (max-width: 480px){.images-grid{grid-template-columns:1fr;gap:1rem}.fetched-image{height:350px}.download-btn{padding:.7rem 1.2rem;font-size:.8rem}}.loading{text-align:center;padding:4rem;color:#777;font-size:1.2rem;font-style:italic}.empty-state{text-align:center;padding:4rem;color:#888;font-size:1.1rem;line-height:1.6}.dark .file-fetcher-container{color:#f5f5f5;background-color:#1a1a1a}.dark .file-fetcher-container h2{color:#e0e0e0}.dark .image-card{background:#2c2c2c;box-shadow:0 4px 15px #ffffff0d}.dark .image-card:hover{box-shadow:0 8px 30px #ffffff1a}.dark .download-btn{background:#3498db;box-shadow:0 2px 10px #ffffff1a}.dark .download-btn:hover{background:#2980b9;box-shadow:0 4px 15px #ffffff26}.dark .loading,.dark .empty-state{color:#b0b0b0}.footer{background-color:#2c3e50;color:#ecf0f1;padding:40px 20px;font-family:sans-serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;max-width:1200px;margin:0 auto}.footer-section{flex-basis:25%;margin:20px}.footer-section.title-section{text-align:center;flex-basis:100%;margin:0 auto}.footer-section h4{font-size:1.2rem;margin-bottom:15px;border-bottom:2px solid #3498db;padding-bottom:8px;display:inline-block}.footer-section.title-section h4{border-bottom:none;font-size:1.8rem;margin-bottom:10px}.footer-section p{line-height:1.6;margin:0}.footer-section ul{list-style:none;padding:0}.footer-section ul li a{color:#ecf0f1;text-decoration:none;line-height:2;transition:color .3s ease}.footer-section ul li a:hover{color:#3498db}.social-links a{color:#ecf0f1;margin-right:15px;font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:#3498db}.footer-bottom{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #4a657e;font-size:.9rem}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-section{flex-basis:100%;margin:10px 0}}
