@import url(https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;700&display=swap);:root{--color-bg-start:#1c1c1c;--color-bg-end:#2e2e2e;--color-bg:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);--color-accent:#6592f2;--color-accent2:#9abffc;--color-text:#f0f0f0;--color-card:#ffffff0a;--color-card-border:#ffffff1a;--color-rating-green:#9eff9e;--color-rating-red:#ff9e9e;--border-radius:10px;--transition-speed:0.3s;--max-width:900px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1c1c1c,#2e2e2e);background:var(--color-bg);color:#f0f0f0;color:var(--color-text);font-family:Vollkorn,serif;margin:0;padding:0}a{color:#6592f2;color:var(--color-accent);text-decoration:none}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3{margin:0;padding:0}header{animation:fade-in .3s ease-in-out;animation:fade-in var(--transition-speed) ease-in-out;background:#2a2a2a;box-shadow:0 2px 8px #0000004d;margin-bottom:20px;padding:20px 0;text-align:center}header .logo img{margin-bottom:8px;width:70px}header h1{color:#f0f0f0;color:var(--color-text);font-size:2em;font-weight:400;margin-bottom:5px}header nav{margin-top:5px}header nav button{align-items:center;background-color:#1c1c1c;border:2px solid #9abffc;border:2px solid var(--color-accent2);border-radius:20px;color:#f0f0f0;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:Vollkorn,serif;justify-content:center;margin:0 5px;padding:8px 16px;transition:background .3s,box-shadow .3s;transition:background var(--transition-speed),box-shadow var(--transition-speed)}header nav button:hover{background-color:#9abffc;background-color:var(--color-accent2);box-shadow:0 0 6px #9abffc;box-shadow:0 0 6px var(--color-accent2)}.container{animation:fade-in .3s ease-in-out;animation:fade-in var(--transition-speed) ease-in-out;margin:0 auto;max-width:900px;max-width:var(--max-width);padding:20px}.search-page input{background-color:#ffffff0a;border:1px solid #6592f2;border:1px solid var(--color-accent);border-radius:20px;outline:none;padding:10px;width:300px}.search-page button,.search-page input{color:#f0f0f0;color:var(--color-text);font-family:Vollkorn,serif}.search-page button{background-color:#1c1c1c;border:2px solid #9abffc;border:2px solid var(--color-accent2);border-radius:20px;cursor:pointer;margin-left:10px;padding:10px 20px;transition:background .3s,box-shadow .3s;transition:background var(--transition-speed),box-shadow var(--transition-speed)}.search-page button:hover{background-color:#9abffc;background-color:var(--color-accent2);box-shadow:0 0 6px #9abffc;box-shadow:0 0 6px var(--color-accent2)}.film-list{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.film-card{animation:fade-in .3s ease-in-out;animation:fade-in var(--transition-speed) ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;background:var(--color-card);border:1px solid #ffffff1a;border:1px solid var(--color-card-border);border-radius:10px;border-radius:var(--border-radius);cursor:pointer;padding:10px;position:relative;text-align:center;transition:transform .2s,box-shadow .3s;transition:transform .2s,box-shadow var(--transition-speed);width:130px}.film-card:hover{box-shadow:0 0 8px #9abffc;box-shadow:0 0 8px var(--color-accent2);transform:scale(1.03)}.film-card img{border-radius:8px;object-fit:cover;width:100%}.film-card p{color:#f0f0f0;color:var(--color-text);font-size:.9em;margin-top:5px}.rating-badge{background-color:#00000080;border-radius:4px;color:#9eff9e;color:var(--color-rating-green);font-size:12px;font-weight:700;padding:1px 2px;position:absolute;right:10px;top:10px}.detail-page button{background-color:#1c1c1c;border:2px solid #9abffc;border:2px solid var(--color-accent2);border-radius:20px;color:#f0f0f0;color:var(--color-text);cursor:pointer;font-family:Vollkorn,serif;margin-bottom:20px;padding:8px 16px;transition:background .3s,box-shadow .3s;transition:background var(--transition-speed),box-shadow var(--transition-speed)}.detail-page button:hover{background-color:#9abffc;background-color:var(--color-accent2);box-shadow:0 0 6px #9abffc;box-shadow:0 0 6px var(--color-accent2)}.film-detail{animation:fade-in .3s ease-in-out;animation:fade-in var(--transition-speed) ease-in-out;display:flex;gap:20px;margin-bottom:20px}.poster img{border-radius:10px;border-radius:var(--border-radius);object-fit:cover;width:240px}.details{flex:1 1}.details p{line-height:1.5;margin:5px 0}.player-section{animation:fade-in .3s ease-in-out;animation:fade-in var(--transition-speed) ease-in-out;margin-top:20px}.player{border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 10px #00000080;margin:0 auto 20px;max-width:1000px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.player iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.sources{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:10px}.player-label{color:#f0f0f0;color:var(--color-text);font-size:.9em;font-weight:600;margin:0;padding:0;text-align:center}.sources-row{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center}.sources button{background-color:#ffffff0a;border:1px solid #9abffc;border:1px solid var(--color-accent2);border-radius:20px;color:#f0f0f0;color:var(--color-text);cursor:pointer;font-family:Vollkorn,serif;font-size:.9em;padding:8px 16px;transition:background .3s,box-shadow .3s;transition:background var(--transition-speed),box-shadow var(--transition-speed)}.sources button:hover{background-color:#6592f2;background-color:var(--color-accent);box-shadow:0 0 6px #6592f2;box-shadow:0 0 6px var(--color-accent)}.sources button.selected{background-color:#9abffc;background-color:var(--color-accent2);border-color:#9abffc;border-color:var(--color-accent2);color:#000}.pagination{margin-top:20px;text-align:center}.pagination button{background-color:#6592f2;background-color:var(--color-accent);border:1px solid #6592f2;border:1px solid var(--color-accent);border-radius:10px;color:#f0f0f0;color:var(--color-text);cursor:pointer;font-family:Vollkorn,serif;margin:0 4px;padding:6px 12px;transition:background .3s,box-shadow .3s;transition:background var(--transition-speed),box-shadow var(--transition-speed)}.pagination button:hover{box-shadow:0 0 6px #9abffc;box-shadow:0 0 6px var(--color-accent2)}.pagination button.selected,.pagination button:hover{background-color:#9abffc;background-color:var(--color-accent2)}.pagination button.selected{border-color:#9abffc;border-color:var(--color-accent2)}.search-wrapper{display:inline-block;position:relative}.suggestions{background-color:#6592f2;background-color:var(--color-accent);border:1px solid #9abffc;border:1px solid var(--color-accent2);border-radius:10px;border-radius:var(--border-radius);left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0;position:absolute;top:40px;width:300px;z-index:100}.suggestions li{color:#f0f0f0;color:var(--color-text);cursor:pointer;font-family:Vollkorn,serif;padding:8px 10px;transition:background .3s;transition:background var(--transition-speed)}.suggestions li:hover{background-color:#9abffc;background-color:var(--color-accent2)}.filter-form{animation:fade-in .3s ease-in-out;animation:fade-in var(--transition-speed) ease-in-out;background-color:#6592f2;background-color:var(--color-accent);border-radius:10px;border-radius:var(--border-radius);margin-bottom:20px;padding:15px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.filter-row label{color:#f0f0f0;color:var(--color-text);display:flex;flex-direction:column;font-weight:600;min-width:120px}.filter-row input,.filter-row select{background-color:#ffffff0a;border:1px solid #9abffc;border:1px solid var(--color-accent2);border-radius:10px;border-radius:var(--border-radius);color:#f0f0f0;color:var(--color-text);margin-top:5px;outline:none;padding:8px}.filter-submit{background-color:#1c1c1c;background-color:var(--color-bg-start);border:2px solid #1c1c1c;border:2px solid var(--color-bg-start);border-radius:20px;color:#f0f0f0;color:var(--color-text);cursor:pointer;font-family:Vollkorn,serif;padding:10px 20px;transition:background .3s,box-shadow .3s;transition:background var(--transition-speed),box-shadow var(--transition-speed)}.filter-submit:hover{background-color:#9abffc;background-color:var(--color-accent2);box-shadow:0 0 6px #9abffc;box-shadow:0 0 6px var(--color-accent2)}@media (max-width:768px){.film-detail{align-items:center;flex-direction:column}.poster img{max-width:280px;width:100%}.film-card{width:110px}}@media (max-width:480px){.film-card{width:90px}header h1{font-size:1.5em}.search-page input{width:200px}}