*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}html{font-size:62.5%}body{background:linear-gradient(135deg,#0a0a10,#1a0a2e);background:linear-gradient(135deg,var(--color-background-900) 0,#1a0a2e 100%);color:#f0f0f0;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh;overflow-y:auto;padding:2.4rem}.box,.details-overview,.nav-bar,.rating,.summary{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ffffff1a;border:var(--glass-border);box-shadow:0 8px 32px #0000005c}.rating{border:#0a0a10;box-shadow:0 4px 15px #0003;margin-left:1rem}.summary{background-color:#1e1e28b3;border-radius:1rem;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem;padding:2rem 3rem}header{margin:1rem}.summary h2{color:#00f7ff;color:var(--color-accent);font-size:1.8rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}p{margin:1rem}.summary div{gap:1rem;justify-content:space-between}.summary div,.summary p{align-items:center;display:flex}.summary p{flex-direction:column;font-size:1.4rem;gap:.5rem}.trailer-popup{background:#000000e6;border-radius:10px;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.trailer-container{margin:0 auto}.summary span:first-child{font-size:2rem}.summary span:last-child{font-weight:600}.nav-bar{align-items:center;background:#6e00ff33;border-radius:1.2rem;display:grid;grid-template-columns:1fr 1fr 1fr;height:7.2rem;padding:0 3.2rem;transition:all .3s ease}.nav-bar:hover{box-shadow:0 0 15px #6e00ff80}.logo{align-items:center;display:flex;gap:1rem}.logo span{color:#00f7ff;color:var(--color-accent);font-size:3.2rem}.logo h1{background:linear-gradient(90deg,#a370ff,#00f7ff);background:linear-gradient(to right,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.4rem;font-weight:700;text-shadow:0 0 10px #00f7ff4d}.search{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:1rem;color:#fff;font-size:1.8rem;justify-self:center;padding:1.1rem 2rem;transition:all .3s;width:40rem}.search:focus{background:#ffffff26;box-shadow:0 0 15px #6e00ff80;outline:none;transform:translateY(-2px)}.main{display:flex;gap:2rem;height:calc(100vh - 14.4rem);justify-content:center;margin-top:2.4rem}.box{background:#14141ecc;background:var(--color-background-500);border-radius:1.2rem;margin-bottom:3rem;max-width:48rem;overflow:auto;position:relative;transition:transform .3s;width:48rem}.box:hover{transform:translateY(-5px)}.list{list-style:none;overflow-y:auto;padding:0;scrollbar-color:#6e00ff #0000;scrollbar-color:var(--color-primary) #0000;scrollbar-width:thin}.list::-webkit-scrollbar{width:6px}.list::-webkit-scrollbar-thumb{background-color:#6e00ff;background-color:var(--color-primary);border-radius:3px}.list li{grid-column-gap:2.4rem;align-items:center;border-bottom:1px solid #ffffff0d;column-gap:2.4rem;display:grid;font-size:1.6rem;grid-template-columns:5rem 1fr;grid-template-rows:auto auto;padding:1.6rem 3.2rem;position:relative;transition:all .2s}.list.list-movies li:hover{background:#6e00ff1a;transform:scale(1.01)}.list img{border-radius:.5rem;box-shadow:0 4px 8px #0003;grid-row:1/-1;width:100%}.list h3{color:#fff;font-size:1.8rem;margin-bottom:.4rem}.btn-back,.btn-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#f0f0f0;color:var(--color-text);cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;height:3rem;justify-content:center;position:absolute;right:1rem;top:.4rem;transition:all .3s;width:3rem;z-index:999}.btn-back{background:#ffffffe6;color:#0a0a10;color:var(--color-background-900);left:1rem;right:auto}.btn-back:hover,.btn-toggle:hover{background:#6e00ff;background:var(--color-primary);color:#fff;transform:scale(1.1)}.btn-delete{background:#ff3a3a;background:var(--color-red);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:2.2rem;position:absolute;right:2.4rem;transition:all .3s;width:2.2rem}.btn-delete:hover{background:#ff1e1e;background:var(--color-red-dark);transform:scale(1.1)}.btn-add{background:linear-gradient(90deg,#6e00ff,#a370ff);background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s}.btn-add:hover{box-shadow:0 5px 15px #6e00ff66;transform:translateY(-2px)}.details,.details header{display:flex;flex-direction:column}.details header{align-items:center;gap:2rem;margin-bottom:2rem}.details-overview{background:#1e1e28b3;background:var(--color-background-100);border-radius:1rem;margin-top:5rem;padding:2rem;position:relative;width:100%;z-index:1}.details-overview h2{color:#fff;font-size:2.4rem;margin-bottom:.8rem}.loader{color:#00f7ff;color:var(--color-accent);font-weight:600;margin:4.8rem}.error,.loader{font-size:2rem;text-align:center}.error{color:#ff3a3a;color:var(--color-red);padding:4.8rem}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loader{animation:pulse 1.5s ease-in-out infinite}@media (max-width:768px){.nav-bar{display:flex;flex-direction:column;height:auto;padding:1.2rem;text-align:center}.search{font-size:1.6rem;max-width:100%;width:100%}.logo h1{font-size:2rem}.main{align-items:center;flex-direction:column;height:auto}.box{margin-bottom:1.6rem;width:100%}.list{font-size:1.4rem;padding:1.2rem}}@media (max-width:480px){.nav-bar{flex-direction:column;padding:1rem}.logo span{font-size:2.4rem}.logo h1{font-size:1.8rem}.search{font-size:1.4rem;padding:.8rem 1.6rem}.box{padding:1.2rem;width:100%}.details img{max-width:100%}.summary h2{font-size:1.6rem}.btn-add,.summary p{font-size:1.2rem}.btn-add{padding:.8rem 1.6rem}}@media (max-width:1024px){.container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.trailer-player-container{padding-top:56.25%;position:relative;width:100%}.react-player-wrapper{height:120%;left:0;position:absolute;top:0;width:100%}.close-trailer-button{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px;z-index:10}:root{--color-primary:#6e00ff;--color-primary-light:#a370ff;--color-accent:#00f7ff;--color-text:#f0f0f0;--color-text-dark:#c2c2c2;--color-background-100:#1e1e28b3;--color-background-500:#14141ecc;--color-background-900:#0a0a10;--color-red:#ff3a3a;--color-red-dark:#ff1e1e;--glass-blur:blur(12px);--glass-border:1px solid #ffffff1a}body,html{height:100%;margin:0;padding:0}#root,body,html{display:flex;flex-direction:column}#root{min-height:100vh}.footer{background:--color-background-100;box-shadow:0 -2px 10px #7fee1e33;color:--color-text;font-family:Arial,sans-serif;margin-top:auto;padding:20px 0;text-align:center;width:100%}.footer-container{align-items:center;display:flex;flex-direction:column;gap:12px}.footer-info{font-size:15px}.footer-info p{align-items:center;display:flex;gap:8px;margin:5px 0}.icon{color:#61dafb}.footer-links{display:flex;font-size:16px;gap:20px}.footer-links a{align-items:center;color:#61dafb;display:flex;font-weight:700;gap:8px;text-decoration:none;transition:transform .3s ease,color .3s ease}.footer-links a:hover{color:#fff;transform:scale(1.1)}.social-icon{font-size:20px}
/*# sourceMappingURL=main.0f7693b7.css.map*/