@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#ffb570;--primary-rgb:255, 181, 112;--bg:#050505;--surface:#120d06;--surface-hover:#1a140b;--text:#fff;--text-dim:#fff9;--border:#ffffff14;--error:#ff4a4a;--success:#4aff9b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.page-container{max-width:1800px;margin:0 auto;padding:0 4% 100px}.movie-row{margin-bottom:50px;transition:z-index .3s;position:relative}.movie-row:hover{z-index:50}.row-header{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.row-title{letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.6rem;font-weight:800;display:flex}.row-title:before{content:"";background:var(--primary);border-radius:2px;width:4px;height:24px}.row-content{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:15px;padding:10px 20px 20px;display:flex;overflow-x:auto}.row-content::-webkit-scrollbar{display:none}.saku-card{aspect-ratio:2/3;cursor:pointer;transform-origin:50%;background:var(--surface);scroll-snap-align:start;will-change:transform;border:1px solid #ffffff0d;border-radius:20px;flex:0 0 210px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.saku-card:first-child{transform-origin:0}.saku-card:last-child{transform-origin:100%}.saku-card:hover{z-index:1000;box-shadow:0 15px 35px #00000080, 0 0 15px rgba(var(--primary-rgb), .1);border-color:rgba(var(--primary-rgb), .4);transform:scale(1.05)}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.saku-card:hover .card-img{transform:scale(1)}.card-overlay{opacity:0;background:linear-gradient(#0000 0%,#0003 40%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:20px;transition:all .3s;display:flex;position:absolute;inset:0;transform:translateY(10px)}.saku-card:hover .card-overlay{opacity:1;transform:translateY(0)}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:1rem;font-weight:700;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text-dim);justify-content:space-between;font-size:.8rem;display:flex}.top-card{flex:0 0 210px;position:relative}.top-number{background:var(--primary);color:#000;z-index:2000;pointer-events:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;font-weight:900;transition:all .3s;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 8px 16px #0006}.top-card:hover .top-number{box-shadow:0 12px 24px rgba(var(--primary-rgb), .3);transform:translateY(-5px)scale(1.1)}.top-card .saku-card{flex:1;width:100%;margin-left:0}.detail-tabs{border-bottom:1px solid var(--border);gap:40px;margin-top:40px;margin-bottom:30px;display:flex}.tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding-bottom:15px;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";background:var(--primary);border-radius:2px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.nav-link{color:var(--text-dim);cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s}.nav-link:hover,.nav-link.active{color:var(--primary)}.profile-badge-hover:hover{transform:translateY(-2px);border-color:rgba(var(--primary-rgb), .3)!important;background:#ffffff1a!important}.btn-primary{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:15px;align-items:center;gap:10px;padding:12px 30px;font-weight:800;transition:all .3s;display:flex}.btn-primary:hover{box-shadow:0 10px 20px rgba(var(--primary-rgb), .3);transform:translateY(-3px)}.btn-ghost{color:#fff;border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:15px;align-items:center;gap:10px;padding:12px 30px;font-weight:800;transition:all .3s;display:flex}.btn-ghost:hover{background:#ffffff1a}.simple-footer{border-top:1px solid var(--border);flex-direction:column;gap:40px;padding:80px 0 40px;display:flex}.footer-top{justify-content:space-between;align-items:flex-start;display:flex}.footer-brand{flex-direction:column;gap:15px;max-width:400px;display:flex}.footer-logo{color:var(--primary);align-items:center;gap:10px;font-size:1.8rem;font-weight:900;display:flex}.footer-text{color:var(--text-dim);font-size:.95rem;line-height:1.6}.footer-links{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.footer-column{flex-direction:column;gap:12px;display:flex}.footer-column h4{margin-bottom:5px;font-size:1.1rem;font-weight:800}.footer-column a{color:var(--text-dim);text-decoration:none;transition:all .3s}.footer-socials{gap:20px;display:flex}.social-icon{color:#fff;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-icon:hover{background:var(--primary);color:#000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5000;background:#000000e6;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.detail-container{background:var(--bg);width:100%;max-width:1300px;animation:.4s forwards fadeIn;position:relative;overflow:hidden;box-shadow:0 0 100px #000c}.detail-close{border:1px solid var(--border);color:#fff;cursor:pointer;z-index:10;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:30px;right:30px}.detail-close:hover{background:var(--primary);color:#000}.tag-badge{color:var(--primary);letter-spacing:1px;background:#ffb5701a;padding:6px 15px;font-size:.75rem;font-weight:800}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:.4s forwards fadeIn}