body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:url(/assets/anime-background-B5JCjGMi.jpg) no-repeat center center fixed;background-size:cover;color:#fff;overflow-y:scroll;overflow-x:hidden;margin:0;padding:0}.mainpage-container{display:flex;flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:20px;width:100%;box-sizing:border-box}.container{margin-top:80px;background:#000c;padding:50px;border-radius:14px;max-width:1000px;width:90%;box-shadow:0 0 25px #0009;justify-content:center;align-items:center;text-align:center}h1{text-align:center;font-size:2.8rem;margin-bottom:35px;color:#1e88e5}form{display:flex;flex-direction:column;gap:24px}input[type=text]{padding:16px;font-size:18px;border:1px solid #90caf9;border-radius:8px;outline:none;transition:border-color .3s}.button-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:10px 0}.main-btn{background-color:#1e88e5;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.05rem;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;box-shadow:0 3px 6px #0003}.main-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000040;background-color:#1565c0}.categories-label{font-weight:700;color:#1e88e5;font-size:1rem;margin-bottom:8px;text-align:center;display:block}.category-btn{padding:6px 12px;border:1px solid #90caf9;border-radius:6px;cursor:pointer;background-color:#bbdefb;transition:transform .15s ease,background-color .15s ease;text-align:center}.category-btn:hover{background-color:#90caf9;transform:translateY(-2px)}.category-btn.selected{background-color:#1e88e5;color:#fff}.submit-btn{padding:14px;font-size:18px;background:#1e88e5;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.submit-btn:hover{background-color:#1565c0;transform:translateY(-2px)}.results{margin-top:40px;text-align:center}.results ul{list-style-type:none;padding-left:0}.anime-item{padding:12px 15px;margin-bottom:15px;background:#f4f6f8;border-radius:10px;border-left:4px solid #1e88e5;color:#000}.results li strong{font-size:1.1rem}.streaming{margin-top:5px;font-size:.9rem;color:#555}.no-recs{text-align:center;margin-top:20px;font-style:italic;color:#ddd}.show-more-btn{display:block;margin:20px auto 40px;padding:14px 28px;font-size:1.1rem;font-weight:700;background-color:#1e88e5;color:#fff;border:2px solid #fff;border-radius:10px;cursor:pointer;text-align:center;box-shadow:0 4px 8px #0000004d;transition:background-color .2s ease,transform .2s ease}.streaming-link{color:#1e90ff;text-decoration:none;font-weight:500}.streaming-link:hover{text-decoration:underline}.page-container{max-width:800px;width:90%;background-color:#000000e6;padding:30px 40px;border-radius:12px;box-shadow:0 8px 16px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:left;color:#fff}.page-vertical-center{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:20px;box-sizing:border-box}.page-container h3{color:#42a5f5;margin-top:10px;margin-bottom:5px}.page-container p{font-size:1.1rem;color:#fff;margin-bottom:20px;margin-top:5px}.page-container a{color:#42a5f5;text-decoration:underline}.page-container a:hover{color:#1e88e5;text-decoration:none}.page-title{font-size:2.5rem;font-weight:700;color:#42a5f5;text-align:center;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;width:75%;gap:20px}.form-label{font-size:1.2rem;margin-bottom:5px}.form-textarea{padding:16px;font-size:18px;border:1px solid #90caf9;border-radius:8px;outline:none;transition:border-color .3s}.form-status{text-align:center;font-size:1.1rem;margin-top:15px}.contact-container{max-width:900px;width:90%;padding:50px 30px;margin:0 auto;background-color:#000c;border-radius:15px;box-shadow:0 10px 20px #0006;display:flex;flex-direction:column;align-items:center}.contact-container .form-textarea{min-height:180px;resize:vertical;margin-bottom:20px}.contact-description{text-align:center}.categories-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media (max-width: 1200px){.container,.contact-container{padding:45px 35px;width:92%}}@media (max-width: 1024px){.container,.contact-container{padding:40px 30px;width:90%}.categories-container{gap:6px}}@media (max-width: 768px){.container,.contact-container{padding:30px 20px;width:95%;margin:80px auto}h1{font-size:2.2rem}.main-btn,.submit-btn,.show-more-btn{width:100%;padding:12px;font-size:1rem}.categories-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center}.category-btn{width:100%;max-width:140px}}@media (max-width: 480px){.container,.contact-container{padding:20px 15px;width:95%}h1{font-size:1.8rem}.categories-container{grid-template-columns:repeat(2,1fr)}.category-btn{max-width:160px}}body{margin:0;padding:0;width:100%}.navbar{background:#000000e6;display:flex;justify-content:space-between;width:100vw;align-items:center;padding:15px 40px;height:70px;box-shadow:0 4px 8px #00000040;box-sizing:border-box;position:sticky;top:0;left:0;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar-left .brand{display:flex;align-items:center;font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;transition:color .3s ease}.navbar-left .brand:hover{color:#1e88e5}.navbar-left .logo{height:50px;width:50px;margin-right:12px;border-radius:8px;object-fit:cover}.navbar-left .brand-name{font-size:1.6rem}.navbar-links{display:flex;gap:30px;align-items:center}.navbar-links .nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;position:relative;transition:color .3s ease,transform .2s ease}.navbar-links .nav-link:after{content:"";position:absolute;width:0;height:3px;bottom:-6px;left:0;background-color:#1e88e5;transition:width .3s ease}.navbar-links .nav-link:hover:after{width:100%}.navbar-links .nav-link:hover{color:#1e88e5;transform:translateY(-2px)}@media (max-width: 1024px){.navbar{padding:0 30px}.navbar-left .brand-name{font-size:1.5rem}.navbar-links .nav-link{font-size:1rem;gap:20px}}@media (max-width: 768px){.navbar{flex-direction:column;height:auto;padding:10px 15px}.navbar-left{margin-bottom:10px}.navbar-links{flex-direction:column;gap:15px;width:100%;align-items:center}.navbar-links .nav-link{font-size:1rem}}@media (max-width: 480px){.navbar-left .brand-name{font-size:1.3rem}.navbar-links .nav-link{font-size:.95rem}}