*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#093a62,#031935);color:#a9bfa8;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}.App{width:100%;max-width:1920px;margin:0 auto;padding:0 1rem;position:relative}.navbar{background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.2rem;border-radius:16px;margin:1rem auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.navbar-brand{font-size:1.8rem;font-weight:700;background:linear-gradient(to right,#2daa9e,#89a8b2);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#a9bfa8;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.nav-links a:hover{background:#2daa9e1a;color:#2daa9e}.search-bar{margin:2rem auto;display:flex;gap:1rem;max-width:800px;padding:0 1rem}.search-bar input{flex:1;padding:1rem 1.5rem;font-size:1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:#2daa9e;background:#ffffff26}.search-bar button{padding:0 2rem;background:linear-gradient(to right,#2daa9e,#89a8b2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.search-bar button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2daa9e66}.main-content{position:relative;margin:2rem auto}.trending-content{width:100%}.trending-section{margin-bottom:3rem;position:relative}.trending-section h3{font-size:1.8rem;margin-bottom:1.5rem;color:#2daa9e;font-weight:600;padding:0 1rem}.content-grid{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem;-ms-overflow-style:none;scrollbar-width:none}.content-grid::-webkit-scrollbar{display:none}.movie-card,.show-card,.anime-card{flex:0 0 200px;background:#ffffff1a;border-radius:16px;overflow:hidden;transition:all .3s ease}.movie-card:hover,.show-card:hover,.anime-card:hover{transform:translateY(-8px);background:#ffffff26;box-shadow:0 4px 20px #0000004d}.movie-poster,.show-poster,.anime-poster{width:100%;aspect-ratio:2/3;object-fit:cover}.card-content{padding:1rem}.card-content h3{color:#fff;font-size:.9rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-content p{color:#94a3b8;font-size:.8rem;margin-bottom:.3rem}.card-content .description{color:#94a3b8;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.card-content .rating{color:#2daa9e;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.3rem}@media (max-width: 1024px){.main-content{flex-direction:column}}@media (max-width: 768px){.navbar{padding:1rem}.nav-links{width:100%;justify-content:center}.search-bar{flex-direction:column}.search-bar button{width:100%;padding:1rem}.movie-card,.show-card,.anime-card{flex:0 0 160px}}.details-page{padding:2rem;color:#fff;max-width:1400px;margin:0 auto;position:relative}.details-header{display:flex;gap:2rem;margin-bottom:2rem;align-items:flex-start;position:relative}.banner-image{position:absolute;top:0;left:0;width:100%;height:400px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:0;border-radius:12px;opacity:.3;z-index:0}.details-poster{width:300px;height:auto;max-height:450px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px #00000080;flex-shrink:0;position:relative;z-index:1}.details-info{flex:1;position:relative;z-index:1;background:#082135cc;padding:2rem;border-radius:12px}.anime-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;color:#94a3b8}.overview{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:800px}.character-list,.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.character-card{background:#ffffff1a;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.character-card img,.voice-actor img{width:100%;height:150px;object-fit:cover;border-radius:8px}.character-info,.va-info{flex:1}.native-name{display:block;font-size:.9rem;color:#94a3b8;margin-top:.3rem}@media (max-width: 768px){.details-header{flex-direction:column}.details-poster{width:100%;max-width:300px;margin:0 auto}.character-list,.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.banner-image{width:100%;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:2rem;border-radius:12px}.character-card img,.voice-actor img,.recommendation-card img{width:100%;height:auto;object-fit:contain;border-radius:8px}.character-list,.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1rem 0}.details-info{flex:1}.details-info h1{font-size:2.5rem;margin-bottom:1rem;color:#2daa9e}.overview{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.genre-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.genre-tag{background:#2daa9e4d;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.cast-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.cast-member{background:#ffffff1a;padding:1rem;border-radius:8px}.actor-name{font-weight:700;margin-bottom:.5rem}.character-name{font-size:.9rem;color:#aaa}.episodes{margin-top:2rem}.season{margin-bottom:2rem}.episode-list{display:flex;flex-direction:column;gap:.5rem}.episode{display:flex;align-items:center;gap:1rem;padding:.5rem;background:#ffffff0d;border-radius:8px;margin-bottom:.5rem}.episode img{width:80px;height:45px;object-fit:contain;border-radius:4px;margin-right:10px}.episode-number{min-width:40px;font-weight:700}.episode-title{flex:1}.episode-rating{min-width:80px;text-align:right;color:#2daa9e}@media (max-width: 768px){.details-header{flex-direction:column}.details-poster{width:100%;max-width:300px;margin:0 auto}}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.episode-rating-card{background:#ffffff1a;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.episode-rating-card:hover{transform:translateY(-4px);background:#ffffff26}.episode-number{font-size:.9rem;color:#94a3b8;margin-bottom:.5rem}.rating-value{font-size:1.5rem;font-weight:700;color:#2daa9e}.rating-value.awesome{color:#2daa9e}.rating-value.great{color:#4ade80}.rating-value.good{color:#facc15}.rating-value.regular{color:#fb923c}.rating-value.bad{color:#ef4444}