:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box}body{color:#fff;background:#0b0b0f;margin:0;font-family:Arial,Helvetica,sans-serif}.app{min-height:100vh}.navbar{background:#141419;border-bottom:1px solid #29292f;justify-content:space-between;align-items:center;gap:24px;padding:20px 5%;display:flex}.navbar h1{white-space:nowrap;font-size:24px;font-weight:800}.navbar h1 span{color:#ef233c}.navbar nav{gap:25px;display:flex}.navbar nav a{color:#ddd;font-weight:600;text-decoration:none;transition:all .2s}.navbar nav a:hover{color:#ef233c}.navbar input{color:#fff;background:#222228;border:1px solid #333;border-radius:8px;outline:none;width:230px;padding:12px 16px}.navbar input:focus{border-color:#ef233c}.hero{background:linear-gradient(120deg,#24080e 0%,#141419 65%,#0b0b0f 100%);min-height:360px;padding:100px 5%}.hero h2{margin:0 0 15px;font-size:42px}.hero p{color:#bbb;font-size:19px}.hero button{color:#fff;cursor:pointer;background:#ef233c;border:none;border-radius:8px;margin-top:20px;padding:14px 28px;font-weight:700;transition:all .2s}.hero button:hover{background:#c91832;transform:translateY(-2px)}.catalogo h2{border-left:4px solid #ef233c;padding-left:15px;font-size:26px}.catalogo p{color:#aaa}@media (width<=900px){.navbar{flex-wrap:wrap}.navbar nav{flex-wrap:wrap;order:3;width:100%}.navbar input{width:100%;max-width:320px}.hero{padding:70px 5%}.hero h2{font-size:30px}}.app{background:#141419;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;box-shadow:0 0 45px #00000059}.navbar{padding:20px 30px}.hero{min-height:300px;padding:75px 30px}.catalogo{padding:35px 30px}@media (width<=600px){.navbar{padding:15px}.hero{padding:50px 15px}.catalogo{padding:25px 15px}}.logo-link{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.logo-animato{object-fit:contain;width:220px;height:auto;transition:transform .3s;display:block}.logo-link:hover .logo-animato{transform:scale(1.05)}@media (width<=600px){.logo-animato{width:170px}}.anime-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:25px;display:grid}.anime-card{background:#1d1d24;border:1px solid #292932;border-radius:10px;transition:all .25s;overflow:hidden}.anime-card:hover{border-color:#ef233c;transform:translateY(-5px);box-shadow:0 8px 25px #ef233c26}.anime-card img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.anime-info{padding:12px}.anime-info h3{margin:0 0 10px;font-size:14px;line-height:1.4}.anime-info span{color:#fc5;font-size:13px}.anime-error{color:#ff6478!important}@media (width<=900px){.anime-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=500px){.anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.anime-card-button{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;display:block}.anime-card-button:focus-visible{outline-offset:-2px;outline:2px solid #ef233c}.anime-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.anime-modal{color:#f5f5f5;background:#17171e;border:1px solid #383843;border-radius:16px;width:100%;max-width:850px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 70px #0009}.anime-modal-close{color:#fff;cursor:pointer;background:#ef233c;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;transition:all .2s;position:absolute;top:15px;right:15px}.anime-modal-close:hover{background:#c91830;transform:scale(1.08)}.anime-modal-content{align-items:flex-start;gap:30px;display:flex}.anime-modal-cover{object-fit:cover;border-radius:10px;flex-shrink:0;width:230px}.anime-modal-details{flex:1;min-width:0}.anime-modal-details h2{color:#fff;margin:0 35px 20px 0;font-size:26px}.anime-modal-details h3{color:#ef233c;margin-top:24px}.anime-modal-details p{color:#c8c8d0;line-height:1.7}.anime-modal-details strong{color:#fff}.anime-modal-description{white-space:pre-line}@media (width<=650px){.anime-modal{padding:20px}.anime-modal-content{flex-direction:column;align-items:center}.anime-modal-cover{width:170px}.anime-modal-details{width:100%}.anime-modal-details h2{font-size:22px}}.generi-dropdown{align-items:center;display:flex;position:relative}.generi-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:10px 12px;font-weight:600}.generi-button:hover{color:#a855f7}.generi-menu{z-index:1000;opacity:0;visibility:hidden;background:#171724;border:1px solid #343449;border-radius:12px;grid-template-columns:repeat(2,minmax(130px,1fr));gap:5px;width:310px;padding:12px;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:100%;left:0;transform:translateY(8px);box-shadow:0 12px 35px #00000073}.generi-dropdown:hover .generi-menu,.generi-dropdown:focus-within .generi-menu{opacity:1;visibility:visible;transform:translateY(0)}.generi-item{color:#e5e5e5;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:10px;font-size:13px;transition:background .2s,color .2s}.generi-item:hover,.generi-item:focus-visible{color:#c084fc;background:#292943}.navbar nav,.generi-dropdown{align-items:center;display:flex}.generi-button{justify-content:center;align-items:center;margin:0;line-height:normal;display:flex}.anime-pagination{justify-content:center;align-items:center;gap:20px;margin:35px 0 20px;display:flex}.catalogo .anime-pagination button{color:#fff;cursor:pointer;background:#d40000;border:1px solid #ff3030;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .2s}.catalogo .anime-pagination button:hover:not(:disabled){background:#ff2020;transform:translateY(-2px);box-shadow:0 5px 20px #ff00004d}.catalogo .anime-pagination button:disabled{color:#777;cursor:not-allowed;background:#171717;border-color:#333}.anime-pagination span{color:#fff;font-size:15px;font-weight:600}.catalogo-filtri{flex-wrap:wrap;align-items:center;gap:15px;margin:25px 0 30px;display:flex}.catalogo-filtri select{appearance:none;color:#fff;cursor:pointer;background-color:#151515;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff3030' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;border:1px solid #383838;border-radius:10px;outline:none;padding:13px 45px 13px 18px;font-size:14px;font-weight:600;transition:all .25s}.catalogo-filtri select:hover{background-color:#202020;border-color:#e50914}.catalogo-filtri select:focus{border-color:#ff3030;box-shadow:0 0 0 3px #e5091426}.catalogo-filtri select option{color:#fff;background-color:#151515}@media (width<=600px){.catalogo-filtri select{width:100%}}.site-footer{color:#fff;background:#101014;border-top:2px solid #e50914;margin-top:60px;padding:55px 6% 0}.footer-container{justify-content:space-between;gap:60px;max-width:1300px;margin:0 auto;padding-bottom:45px;display:flex}.footer-about{max-width:420px}.footer-about h2{letter-spacing:1px;margin-bottom:18px;font-size:26px;font-weight:800}.footer-about h2 span{color:#e50914}.footer-about p{color:#9999a5;font-size:14px;line-height:1.9}.footer-links{gap:90px;display:flex}.footer-links>div{flex-direction:column;gap:13px;display:flex}.footer-links h3{color:#fff;margin-bottom:10px;font-size:16px;font-weight:700}.footer-links a,.footer-links span{color:#9999a5;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#ff3030}.footer-bottom{border-top:1px solid #292932;justify-content:space-between;align-items:center;gap:15px;max-width:1300px;margin:0 auto;padding:22px 0;display:flex}.footer-bottom p{color:#777782;font-size:12px}@media (width<=768px){.site-footer{padding:40px 5% 0}.footer-container{flex-direction:column;gap:35px}.footer-links{flex-wrap:wrap;gap:50px}.footer-bottom{text-align:center;flex-direction:column}}.site-footer{text-align:center;color:#bdbdc4;background-color:#202023;background-image:radial-gradient(circle at 10% 20%,#0000 9px,#343438 10px,#0000 12px),radial-gradient(circle at 80% 70%,#0000 13px,#303034 14px,#0000 16px);background-size:210px 110px;border-top:none;margin-top:40px;padding:25px 15px 18px}.site-footer p{margin:0}.footer-copyright{color:#e50914;font-size:13px;margin-bottom:10px!important}.footer-disclaimer{color:#bdbdc4;font-size:11px;line-height:1.5;margin-bottom:8px!important}.footer-credits{color:#e50914;font-size:13px}.footer-credits span{color:#ff3030;font-size:16px}.navbar .generi-button{color:#fff;background:0 0;border-color:#0000}.navbar .generi-button:hover,.navbar .generi-dropdown:hover .generi-button,.navbar .generi-button:focus-visible{color:#ff3030!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.navbar .generi-menu{background:#151515;border:1px solid #333}.navbar .generi-menu .generi-item{color:#fff;background:0 0;border-color:#0000}.navbar .generi-menu .generi-item:hover,.navbar .generi-menu .generi-item:focus-visible,.navbar .generi-menu .generi-item:active{color:#fff!important;box-shadow:none!important;background:#d40000!important;border-color:#0000!important}.hero{background:#101014;border-radius:12px;width:100%;min-height:420px;padding:0;position:relative;overflow:hidden}.banner-slide{width:100%;height:420px;position:relative;overflow:hidden}.banner-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.banner-slide:after{content:"";pointer-events:none;background:linear-gradient(90deg,#000000f2 0%,#000000bf 35%,#00000026 100%);position:absolute;inset:0}.banner-content{z-index:2;text-align:left;color:#fff;max-width:550px;position:absolute;bottom:12%;left:6%}.banner-label{color:#fff;background:#d40000;border-radius:4px;margin-bottom:14px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.banner-content h2{color:#fff;margin:0 0 12px;font-size:clamp(28px,4vw,48px);line-height:1.15}.banner-content p{color:#f5c542;margin-bottom:20px;font-size:17px}.banner-content button{color:#fff;cursor:pointer;background:#d40000;border:none;border-radius:6px;padding:12px 24px;font-size:15px;font-weight:600;transition:background .2s}.banner-content button:hover{background:#ff3030}@media (width<=600px){.hero,.banner-slide{height:350px;min-height:350px}.banner-content{bottom:8%;left:5%;right:5%}.banner-slide:after{background:linear-gradient(#0000001a,#000000f2)}}.banner-fade{opacity:0;will-change:opacity;transition:opacity 1.2s ease-in-out}.banner-fade.active{opacity:1}.banner-content{animation:.8s ease-out bannerTextIn}@keyframes bannerTextIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
