@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--background:#06080f;--surface:#161b2db3;--surface-solid:#161b2d;--surface-hover:#232a44cc;--primary:#818cf8;--primary-hover:#6366f1;--primary-glow:#818cf859;--accent:#c084fc;--accent-glow:#c084fc40;--text-primary:#f1f5f9;--text-secondary:#7c86a2;--danger:#fb7185;--success:#34d399;--border:#94a3b814;--border-hover:#94a3b826;--radius:16px;--radius-sm:10px;--shadow-card:0 8px 32px #0006;--shadow-glow:0 0 60px #818cf814}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(600px 600px at 20% 20%,#6366f114 0%,#0000 70%),radial-gradient(500px 500px at 80% 80%,#c084fc0f 0%,#0000 70%),radial-gradient(400px 400px at 60% 30%,#38bdf80a 0%,#0000 70%);width:200%;height:200%;animation:25s ease-in-out infinite alternate bgDrift;position:fixed;top:-50%;left:-50%}@keyframes bgDrift{0%{transform:translate(0)rotate(0)}50%{transform:translate(-30px,20px)rotate(3deg)}to{transform:translate(20px,-15px)rotate(-2deg)}}a{color:inherit;text-decoration:none}.layout-wrapper{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.container{width:100%;max-width:1280px;margin:0 auto;padding:2rem 2.5rem}.ad-footer-mobile{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;margin-top:2rem;padding:3rem 0;display:flex}.side-ad{flex-shrink:0;height:max-content;padding:1rem;display:none;position:sticky;top:2rem}@media (min-width:1400px){.layout-wrapper{flex-direction:row}.side-ad{display:block}.ad-footer-mobile{display:none}}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:2rem;display:flex}.nav-menu{border-bottom:1px solid var(--border);gap:1rem;margin-top:-1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);background:#161b2d66;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.nav-link:hover{color:var(--text-primary);background:#232a44cc;border-color:#818cf859;transform:translateY(-2px)}.nav-link.active{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;border-color:#0000;box-shadow:0 4px 15px #818cf840}.logo{letter-spacing:-.5px;background:linear-gradient(135deg, #f8fafc 0%, var(--primary) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:900;animation:6s ease-in-out infinite logoShimmer;position:relative}.logo:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;width:0;height:2px;transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4px;left:0}.logo:hover:after{width:100%}@keyframes logoShimmer{0%,to{background-position:0%}50%{background-position:100%}}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow), inset 0 1px 0 #ffffff1a}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow), 0 0 40px #818cf826, inset 0 1px 0 #ffffff26;transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem;display:grid}.movie-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;height:100%;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.movie-card:before{content:"";border-radius:var(--radius);-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(135deg,#818cf833,#0000 40% 60%,#c084fc26);padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.movie-card:hover{box-shadow:var(--shadow-card), var(--shadow-glow);border-color:var(--border-hover);transform:translateY(-8px)}.movie-card:hover:before{opacity:1}.movie-image-wrapper{background:linear-gradient(135deg, var(--surface-solid), #232a4480);width:100%;padding-top:150%;position:relative;overflow:hidden}.movie-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s;position:absolute;top:0;left:0}.movie-card:hover .movie-image{filter:brightness(1.05);transform:scale(1.08)}.movie-image-wrapper:after{content:"";background:linear-gradient(to top, var(--surface-solid) 0%, transparent 100%);pointer-events:none;opacity:.6;height:40%;position:absolute;bottom:0;left:0;right:0}.movie-content{flex-direction:column;flex-grow:1;padding:1.25rem 1.5rem 1.5rem;display:flex}.movie-title{letter-spacing:-.2px;flex-grow:1;margin-bottom:1rem;font-size:1.15rem;font-weight:700;line-height:1.4}.btn-download{width:100%;padding:.7rem 1.25rem;font-size:.9rem}.form-container{background:var(--surface);-webkit-backdrop-filter:blur(24px);max-width:520px;box-shadow:var(--shadow-card), var(--shadow-glow);border:1px solid var(--border);border-radius:20px;margin:2rem auto;padding:2.5rem 3rem;animation:.5s cubic-bezier(.22,1,.36,1) formSlideIn;position:relative;overflow:hidden}.form-container:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent), var(--primary));background-size:200% 100%;height:3px;animation:4s infinite gradientSlide;position:absolute;top:0;left:0;right:0}@keyframes formSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gradientSlide{0%,to{background-position:0%}50%{background-position:100%}}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);background:#06080f99;padding:.85rem 1.15rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s cubic-bezier(.22,1,.36,1)}.form-input::placeholder{color:var(--text-secondary);opacity:.5}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow), 0 0 20px #818cf814;background:#06080fcc;outline:none}.form-input[type=file]{padding:.6rem}.form-input[type=file]::file-selector-button{background:linear-gradient(135deg, var(--surface-hover), var(--surface-solid));border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;margin-right:1rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}.form-input[type=file]::file-selector-button:hover{background:var(--border-hover);border-color:var(--primary)}.error-message{color:var(--danger);border-radius:var(--radius-sm);background:#fb718514;border:1px solid #fb718526;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;animation:.4s messageShake}@keyframes messageShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.success-message{color:var(--success);border-radius:var(--radius-sm);background:#34d39914;border:1px solid #34d39926;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s formSlideIn}.loading{min-height:50vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.no-movies{text-align:center;color:var(--text-secondary);padding:6rem 2rem;font-size:1.1rem}.no-movies h2{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem}.search-wrapper{max-width:700px;margin:0 auto 3rem;position:relative}.search-icon{color:var(--primary);opacity:.8;pointer-events:none;font-size:1.4rem;transition:all .3s;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.search-input{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:100%;color:var(--text-primary);background:#0f172a80;border:2px solid #818cf840;border-radius:20px;padding:1.4rem 1.4rem 1.4rem 4rem;font-family:Inter,sans-serif;font-size:1.15rem;transition:all .4s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 32px #0000004d}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-input:focus{border-color:var(--primary);background:#0f172ad9;outline:none;transform:translateY(-3px);box-shadow:0 0 0 4px #818cf826,0 0 40px #818cf84d}.search-input:focus+.search-icon,.search-wrapper:focus-within .search-icon{color:var(--accent);opacity:1;transform:translateY(-50%)scale(1.1)}.page-title{letter-spacing:-1px;background:linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:900}.page-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.detail-container{flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;display:flex}.back-link{color:var(--primary);border-radius:var(--radius-sm);align-self:flex-start;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.back-link:hover{background:#818cf814;transform:translate(-4px)}.detail-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-card);flex-direction:row;animation:.5s cubic-bezier(.22,1,.36,1) formSlideIn;display:flex;overflow:hidden}.detail-poster{flex:0 0 350px;max-width:350px}.detail-poster img{object-fit:cover;width:100%;height:100%;display:block}.detail-info{flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex}.detail-title{letter-spacing:-1px;background:linear-gradient(135deg, var(--text-primary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:900;line-height:1.2}.detail-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.95rem;display:flex}.auth-icon{text-align:center;margin-bottom:1rem;font-size:3rem;animation:2s ease-in-out infinite authPulse}@keyframes authPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.auth-title{text-align:center;letter-spacing:-.3px;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}@media (max-width:768px){.container{padding:1.5rem}.form-container{margin:1rem;padding:2rem 1.5rem}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.detail-card{flex-direction:column}.detail-poster{flex:none;max-width:100%}.detail-info{padding:2rem}.detail-title{font-size:1.8rem}.page-title{font-size:1.75rem}}
