@import"https://fonts.googleapis.com/css2?family=Shantell+Sans:wght@300;400;500&display=swap";.header{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#333;color:#fff}.logo-v{width:80px;height:80px;border-radius:50%;box-shadow:0 2px 4px #0003}.logoDiv{font-size:24px}.container{display:flex;align-items:center;z-index:999}.nav-left{margin-right:10px}.nav-right{margin-left:auto}.menu-toggle{position:relative;width:40px;height:40px;font-size:large;font-weight:700;background-color:transparent;border:none;cursor:pointer;color:coral}.menu-icon{position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:#fff;transform:translate(-50%,-50%);transition:transform .3s ease}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:100%;height:100%;background-color:#fff;transition:transform .3s ease}.menu-icon:before{transform:translateY(-6px)}.menu-icon:after{transform:translateY(6px)}.open .menu-icon{transform:translate(-50%,-50%) rotate(45deg)}.open .menu-icon:before{transform:translateY(0) rotate(45deg)}.open .menu-icon:after{transform:translateY(0) rotate(-45deg)}.navBar{display:flex;width:22%;height:100%;list-style:none;margin:0 60px 0 0;padding:0;justify-content:space-between;align-items:center;gap:.5rem}.navBar.open{position:fixed;top:0;left:0;right:0;bottom:0;width:200px;background-color:#000000b3;z-index:999;flex-direction:column;justify-content:center;padding:20px;transition:opacity .3s ease}.navBar a{color:#fff;text-decoration:none;padding:10px;margin-bottom:10px;border-radius:5px;transition:background-color .3s ease}.navBar a:active,.navBar a:focus{color:coral}.navBar a:hover{background-color:#ffffff1a}.active{font-weight:700;color:coral}.overlay-open{overflow:hidden}.line{width:20px;height:2px;background-color:#b6b7b8;margin-left:-10px;margin-right:-10px}@media screen and (max-width: 768px){.navBar{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:999;flex-direction:column;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.navBar.open{opacity:1;pointer-events:auto}.navBar a{font-size:18px;margin:10px}.container{display:flex;align-items:center;position:fixed;top:20px;left:20px;z-index:999}.header{padding:10px}.logoDiv{font-size:18px}}#home{padding:20px}.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.cards li{width:240px;height:220px;list-style:none;margin-right:10px}.cards a{display:inline-block;padding:10px;background-color:transparent;color:#f1f1f1;font-weight:700;text-decoration:none;transition:background-color .3s ease}.anime-card{position:relative;width:220px;height:320px;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.anime-card a{display:block;padding:10px;color:coral;text-decoration:none}.card a{display:block;width:100%;height:100%;text-decoration:none;color:#fff}.cards a:hover{background-color:#ffffff1a}.upcoming-anime{margin-top:40px}.upcoming-anime h2{font-size:24px;margin-bottom:20px}.anime-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:10px}.anime-card:hover{transform:translateY(-5px)}.anime-card:before{content:"";top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease}.anime-card:hover:before{opacity:1}.anime-image{position:relative;width:100%;height:200px}.anime-image img{width:100%;height:100%;object-fit:cover}.anime-card h3{margin-top:10px;font-size:18px;color:coral}.anime-card a:hover{text-decoration:underline}.card{width:400px;height:250px;perspective:1000px;transform-style:preserve-3d;box-shadow:0 5px 20px #0000001a;transition:transform .5s}.card:hover{transform:rotateY(-10deg)}.card-content{position:relative;width:100%;height:100%;background-color:#333;color:coral;display:flex;justify-content:center;align-items:center;transform-origin:center;backface-visibility:hidden;transition:transform .5s}.card-content span{font-size:24px}.card:hover .card-content{transform:rotateY(10deg)}.card-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;opacity:0;transition:opacity .3s}.card:hover .card-content:before{opacity:.1}@media screen and (max-width: 768px){.anime-card{width:45%;height:296px}.anime-card h3{font-size:12px}.anime-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px}.cards{flex-direction:column;align-items:center}.cards li{margin-right:0;margin-bottom:10px}.card{width:100%}.card-content,.card-content span{font-size:18px}.card-content:before{opacity:.1}}@media screen and (max-width: 480px){.anime-card{width:45%;height:190px}.anime-card h3{font-size:10px}.anime-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px}.card-content,.card-content span{font-size:16px}}@media screen and (max-width: 320px){.anime-card{width:45%;height:170px}.anime-card h3{font-size:8px}.anime-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px}.card-content,.card-content span{font-size:14px}}.all-animes{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding-top:20px}.anime-card2{display:flex;flex-direction:column;justify-content:space-between;width:320px;height:500px;background-color:#ffffff1a;border-radius:10px;box-shadow:0 0 20px #0003;transition:transform .3s;overflow:hidden}.anime-card:hover{transform:translateY(-10px)}.animeImage{width:100%;height:320px;object-fit:fill;border-top-left-radius:10px;border-top-right-radius:10px}.anime-content{justify-content:space-evenly;padding:20px}.anime-title{display:flex;align-items:center;justify-content:space-between;padding:0 20px}.anime-title h2{font-size:18px;color:coral}.anime-reserved{padding-left:5px;font-size:14px;color:#0ff}.anime-description p{font-size:14px;color:#282626;margin-bottom:10px}.anime-cancel-btn,.anime-reserve-btn{padding:8px 16px;background-color:#1383ff;border-radius:4px;border:none;color:#fff;cursor:pointer;font-size:14px;transition:background-color .3s}.anime-cancel-btn:hover,.anime-reserve-btn:hover{background-color:#0a68c5}.pagination-buttons{display:flex;height:50px;width:100%;justify-content:center;gap:10px;margin-top:20px}.pagination-buttons button{padding:8px 16px;background-color:#1383ff;border-radius:4px;border:none;color:#f5e2e2;cursor:pointer;font-size:14px;transition:background-color .3s}.pagination-buttons button:hover{background-color:#0a68c5}.prev-button:disabled,.next-button:disabled{background-color:#b6b7b8;cursor:not-allowed}.prev-button:disabled:hover,.next-button:disabled:hover{background-color:#b6b7b8}@media screen and (max-width: 768px){.all-animes{justify-content:flex-start;padding-left:20px}.anime-card2{width:45%;height:auto;margin-bottom:20px}.animeImage{height:200px;border-radius:10px 10px 0 0}.anime-content{padding:10px}.anime-title{padding:0 10px}.anime-title h2{font-size:16px}.anime-description p{font-size:12px}}@media screen and (max-width: 480px){.all-animes{padding-left:10px;padding-right:10px}.anime-card2{height:auto;margin-bottom:20px}.animeImage{height:150px;border-radius:10px 10px 0 0}.anime-content{padding:10px}.anime-title h2{font-size:14px}.anime-description p{font-size:12px;margin-bottom:5px}.anime-cancel-btn,.anime-reserve-btn{font-size:12px;padding:6px 12px}.pagination-buttons{height:auto;flex-wrap:wrap;margin-top:10px}.pagination-buttons button{padding:6px 12px;font-size:12px}}.genre-list{background-color:#222;padding:20px}h1{color:#fff;text-align:center;margin-bottom:20px}.menu{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0;margin-top:20px}.menu-item{margin:10px}.menu-link{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;font-size:16px;padding:15px 25px;border-radius:6px;background-color:coral;transition:transform .3s,box-shadow .3s;box-shadow:0 3px 6px #00000029}.menu-link:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000029}.menu-link:focus{outline:none;box-shadow:0 0 0 3px coral}@media screen and (max-width: 768px){.genre-list{padding:10px}h1{font-size:24px}.menu-link{font-size:14px;padding:10px 20px}}@media screen and (max-width: 480px){.genre-list{padding:10px}h1{font-size:20px;margin-bottom:10px}.menu-link{font-size:12px;padding:8px 16px}}.card-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;list-style:none}.card{width:300px;height:auto;border-radius:10px;background-color:#f2f2f2;box-shadow:0 2px 4px #0003;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.card-link{display:block;text-decoration:none;color:#333;padding:20px}.card-image{width:100%;height:auto;border-radius:10px 10px 0 0}.card-title{margin-top:10px;font-size:18px;font-weight:700;color:coral}.details-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f7f7f7}.details-container{max-width:800px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0003}.details-header{text-align:center}.details-title{font-size:24px;font-weight:700;color:#333}.details-content{display:flex;gap:20px;margin-top:20px}.details-image img{width:300px;height:auto;border-radius:6px}.details-info{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.details-synopsis{margin-bottom:20px}.details-synopsis h2{font-size:20px;font-weight:700;color:#333}.details-synopsis p{color:#666}.details-actions{display:flex;justify-content:space-between;align-items:center}.details-link a{text-decoration:none;color:#1383ff}.details-reservation{display:flex;align-items:center}.details-cancel-btn,.details-reserve-btn{padding:10px 16px;background-color:#1383ff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.details-cancel-btn:hover,.details-reserve-btn:hover{background-color:#0e70d7}.details-reserved{margin-left:10px;font-size:16px;color:#1383ff}@media screen and (max-width: 768px){.details-content{display:flex;flex-direction:column;gap:20px;margin-top:20px}.details-image img{display:block;width:90%;margin:auto;border-radius:6px}.details-info{display:flex;flex-direction:column;justify-content:space-between}.details-actions{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center}.details-container{margin:auto;max-width:100%;padding:10px}.details-title{font-size:20px}.details-synopsis h2{font-size:18px}.details-synopsis p{font-size:14px}.details-link a{display:block;margin-top:10px}.details-reservation{margin-top:10px}.details-cancel-btn,.details-reserve-btn{padding:8px 12px;font-size:14px}}@media screen and (max-width: 480px){.details-page{padding:20px}.details-container{margin:auto;max-width:100%;padding:10px}.details-title{font-size:18px}.details-synopsis h2{font-size:16px}.details-synopsis p{font-size:14px}.details-actions{flex-direction:column;gap:10px}.details-cancel-btn,.details-reserve-btn{padding:8px 12px;font-size:14px}.details-reserved{font-size:14px}}.anime-details-page{display:flex;flex-direction:column;align-items:center;padding:20px}.anime-details-page h1{font-size:28px;margin-bottom:20px}.anime-details-page .anime-image{width:300px;height:400px;margin-bottom:20px}.anime-details-page .details{width:600px;background-color:#f5f5f5;padding:20px;margin-top:20px;border-radius:4px}.anime-details-page .details h2{font-size:20px;margin-bottom:10px}.anime-details-page .details p{margin-bottom:5px}.anime-details-page .details ul{list-style-type:none;padding-left:0;margin-top:10px}.anime-details-page .details ul li{margin-bottom:5px}.anime-details-page .loading-message{font-size:20px;margin-top:20px}.anime-details-page .error-message{color:red;margin-top:20px}.anime-details-page .details table{width:100%;border-collapse:collapse;margin-bottom:10px}.anime-details-page .details table th,.anime-details-page .details table td{padding:8px;border-bottom:1px solid #ddd}.anime-details-page .details table th{text-align:left}@media screen and (max-width: 768px){.anime-details-page .anime-image{width:100%;height:auto;margin-bottom:20px}.anime-details-page .details{width:100%;border-radius:0}}@media screen and (max-width: 480px){.anime-details-page .anime-image{width:100%;height:auto;margin-bottom:20px}.anime-details-page .details{width:100%;border-radius:0;padding:10px}.anime-details-page h1{font-size:24px;margin-bottom:10px}.anime-details-page .details h2{font-size:18px;margin-bottom:8px}.anime-details-page .details p{font-size:14px;margin-bottom:4px}.anime-details-page .details ul li{margin-bottom:4px}.anime-details-page .loading-message{font-size:18px;margin-top:10px}.anime-details-page .error-message{margin-top:10px}}.anime-search-page{display:flex;flex-direction:column;align-items:center;padding:20px}.anime-search-page h2{font-size:24px;margin-bottom:20px}.anime-search-page input[type=text]{width:300px;padding:8px;font-size:16px;border-radius:4px;border:1px solid #ccc;margin-right:10px}.anime-search-page button{padding:8px 16px;font-size:16px;border-radius:4px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.anime-search-page button:hover{background-color:#0056b3}.anime-search-page .search-results{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center}.anime-search-page .search-results li{list-style:none;width:200px;background-color:#f5f5f5;border-radius:4px;margin:10px;padding:10px;text-align:center;box-shadow:0 2px 4px #0003;transition:transform .3s ease-in-out}.anime-search-page .search-results li:hover{transform:scale(1.05)}.anime-search-page .search-results li h3{font-size:18px;margin-top:10px}.anime-search-page .search-results li img{width:150px;height:200px;object-fit:cover;margin:10px auto;border-radius:4px}#myprofile{display:flex;flex-direction:column;align-items:center;padding:20px}#myprofile-animes{max-width:600px;background-color:#f5f5f5;padding:20px;margin-top:20px;border-radius:4px}#myprofile-animes h2{font-size:24px;margin-bottom:20px}#myprofile-animes p{font-size:16px;margin-top:10px}#myprofile-animes table{width:100%}#myprofile-animes table td{padding:10px}#myprofile-animes table td:first-child{width:70%}#myprofile-animes .anime-cancel-btn{padding:8px 16px;font-size:14px;border-radius:4px;background-color:#dc3545;color:#fff;border:none;cursor:pointer}#myprofile-animes .anime-cancel-btn:hover{background-color:#c82333}#myprofile-animes a{text-decoration:none;color:#007bff}#myprofile-animes a:hover{text-decoration:underline}@media (max-width: 768px){#myprofile-animes{max-width:100%}#myprofile-animes table td:first-child{width:50%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}.header{width:100vw;height:100px;display:flex;justify-content:space-between;align-items:center}a{text-decoration:none;font-size:18px;color:#00254e}.devider{background-color:#eaeaea;width:96%;height:1.5px;margin:auto}.loading{font-size:70px;margin:13% 30% 0 40%;font-family:Shantell Sans,cursive;color:#87ceeb}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}