/* WOW TUBE Styles */
:root{
  --bg:#0b0b0e;
  --panel:#121218;
  --text:#e6e6ea;
  --muted:#b5b5c0;
  --red:#e50914;
  --yellow:#ffc107;
  --green:#22c55e;
  --imdb:#f5c518;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
}

/* Utilities */
.container{
  width:min(1200px,92%);
  margin-inline:auto;
}
.btn{
  appearance:none;border:0;cursor:pointer;text-decoration:none;
  padding:.85rem 1.25rem;border-radius:.6rem;font-weight:600;
  transition:.2s ease;display:inline-flex;align-items:center;gap:.5rem;
}
.btn-primary{background:var(--red);color:var(--white)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-outline{border:2px solid rgba(255,255,255,.35);color:var(--white);background:transparent}
.btn-outline:hover{border-color:var(--white)}
.btn-demand{background:transparent;color:var(--white);border:2px solid var(--red)}
.btn-demand:hover{background:var(--red)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);border-radius:0 0 14px 14px;overflow:hidden}
.site-header .container{display:flex;align-items:center;gap:1rem;min-height:64px}
.brand{font-weight:900;letter-spacing:.5px;font-size:1.25rem;display:flex;align-items:center;gap:.25rem;text-decoration:none}
.brand-white{color:var(--white)}
.brand-red{color:var(--red)}

.main-nav{margin-left:1rem}
.main-nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}
.main-nav a{color:var(--muted);text-decoration:none;font-weight:600;padding:.5rem .75rem;border-radius:.4rem;display:inline-block}
.main-nav a:hover,.main-nav a.active{color:var(--white);background:rgba(255,255,255,.08)}

.header-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}

.nav-toggle{display:none;margin-left:.25rem;background:transparent;border:0;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:.2s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hero Slider */
.hero-slider{position:relative;isolation:isolate}
.hero-slider .slides{position:relative;height:76vh;min-height:520px;overflow:hidden}
.slide{position:absolute;inset:0;background: center/cover no-repeat;opacity:0;transform:scale(1.02);transition:opacity .6s ease, transform .8s ease}
.slide::before{content:"";position:absolute;inset:0;background-image:var(--bg);background:var(--panel);opacity:.05}
.slide{background-image:var(--bg);background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
/* use CSS var from inline style */
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background:var(--panel)}
.slide{background-image:var(--bg)}
.slide{background:var(--panel)}
.slide{background-image:var(--bg)}
.slide{background:var(--panel)}
.slide{background-image:var(--bg)}
.slide{background:var(--panel)}
.slide{background:var(--panel)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background:var(--panel)}
.slide{background-image:var(--bg)}
.slide{background:var(--panel)}
.slide{background-image:var(--bg)}
.slide{background:var(--panel)}
.slide{background-image:var(--bg)}
.slide{background:var(--panel)}
.slide{background:var(--panel)}
.slide{background:var(--panel);background-image:var(--bg);background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
/* Correct background via CSS var */
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background: center/cover no-repeat var(--bg);background-image:var(--bg)}
.slide{background-image:var(--bg)}
.slide{background: center/cover no-repeat var(--bg)}
.slide{background-image:var(--bg)}
.slide{background: center/cover no-repeat var(--bg)}
.slide{background-image:var(--bg)}
.slide{background: center/cover no-repeat var(--bg)}
.slide{background-image:var(--bg)}
/* overwrite cleanly: */
.slide{background: center/cover no-repeat var(--bg)}
.slide{background-image: var(--bg)}
.slide{background-image: var(--bg)}
.slide{background: center/cover no-repeat}
.slide{background-image: var(--bg)}
.slide{background-image: var(--bg)}
.slide{background: center/cover no-repeat}
.slide{background-image: var(--bg)}
/* Final declaration */
.slide{background-image: var(--bg)}
.slide{background-image: var(--bg)}
.slide{background: center/cover no-repeat var(--bg)}
.slide{background-image: var(--bg)}
.slide{background-image: var(--bg)}
.slide{background-image: var(--bg)}
.slide{background: center/cover no-repeat var(--bg)}
.slide{background-image: var(--bg)}
.slide{background: center/cover no-repeat var(--bg)}
.slide{background-image: var(--bg)}
/* actual background from inline style */
.slide{background-image: var(--bg)}

/* visible state */
.slide.active{opacity:1;transform:none;background-image:var(--bg)}

/* overlay */
.scrim{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.6) 35%, rgba(0,0,0,.25) 60%, rgba(0,0,0,.0) 100%)}

/* text block */
.slide-content{position:relative;z-index:2;padding-block:4.5rem;display:grid;gap:1rem;max-width:760px}
.badges-row{display:flex;align-items:center;gap:.6rem;color:var(--muted)}
.stars span{color:var(--yellow);font-size:1rem}
.stars .dim{color:#555}
.badge{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.35rem;background:rgba(255,255,255,.08);color:var(--text)}
.badge.imdb{background:var(--imdb);color:#111}
.badge.rating{background:#27272f}
.badge.duration{background:#27272f}
.title{font-size:3rem;line-height:1.1;margin:0}
.subtitle{color:var(--muted);margin:0}
.meta{padding:0;margin:.5rem 0 0 0;list-style:none;color:var(--muted)}
.meta strong{color:var(--text)}
.ctas{display:flex;gap:.75rem;margin-top:.75rem}

/* big ghost trailer text */
.watch-trailer-ghost{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:2;border:0;background:transparent;color:rgba(255,255,255,.7);letter-spacing:.35rem;font-weight:700}
.watch-trailer-ghost{writing-mode:vertical-rl;text-orientation:mixed}

/* controls */
.control{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:var(--shadow)}
.control:hover{background:rgba(0,0,0,.8)}
.control.prev{left:12px}
.control.next{right:12px}

/* dots */
.dots{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:.5rem}
.dot{width:10px;height:10px;border-radius:10px;background:rgba(255,255,255,.4);border:0;cursor:pointer}
.dot.active{background:var(--red);width:22px}

/* Responsive */
@media (max-width: 992px){
  .title{font-size:2.25rem}
}
@media (max-width: 820px){
  .main-nav{position:fixed;inset:auto 0 0 0;top:64px;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);transform:translateY(100%);transition:.25s;}
  .main-nav.open{transform:translateY(0)}
  .main-nav ul{flex-direction:column;padding:1rem}
  .nav-toggle{display:block;margin-left:auto}
}
@media (max-width: 600px){
  .hero-slider .slides{min-height:460px}
  .ctas{flex-wrap:wrap}
  .watch-trailer-ghost{display:none}
}

/* Bottom Navigation (hidden by default, shown on mobile) */
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:0;justify-content:space-around;align-items:center;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);padding:6px env(safe-area-inset-right) calc(6px + env(safe-area-inset-bottom)) env(safe-area-inset-left);border-radius:14px 14px 0 0;overflow:hidden}
.bottom-nav .bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;padding:.4rem 0;gap:.25rem;font-weight:600;font-size:.7rem}
.bottom-nav .bn-item svg{width:22px;height:22px}
.bottom-nav .bn-item.active{color:var(--white)}
.bottom-nav .bn-item.active svg{color:var(--red)}

/* Mobile layout overrides */
@media (max-width: 820px){
  body{
    /* Extra space so content doesn't sit under .bottom-nav */
    padding-bottom: 100px; /* fallback */
    padding-bottom: calc(100px + env(safe-area-inset-bottom));
  }
  /* Extra padding for main sections on mobile */
  main,
  .movie_list-main,
  .watchlist-main,
  .rabta-main,
  .movie_play-main {
    padding-bottom: calc(1.25rem + 80px);
  }
  .main-nav{display:none !important}
  .header-actions{display:block;position:absolute;right:12px;top:50%;transform:translateY(-50%)}
  .nav-toggle{display:none}
  .site-header .container{justify-content:center;position:relative}
  .bottom-nav{display:flex}
  /* compact Demand button */
  .header-actions .btn-demand{padding:.35rem .6rem;font-size:.75rem;border-width:1.5px;border-radius:.5rem}
}

/* ==========================================
   Movie List Page (scoped: movie_list-*)
   ========================================== */
.movie_list-main{padding-block:1.25rem 2.5rem}
.movie_list-wrap{display:grid;gap:1rem}

/* toolbar */
.movie_list-toolbar{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:rgba(255,255,255,.04);padding:.75rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06)}
.movie_list-search{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.08);flex:1 1 260px}
.movie_list-search svg{width:18px;height:18px;color:#9aa}
.movie_list-search input{background:transparent;border:0;outline:0;color:var(--text);width:100%;font-size:.95rem}
.movie_list-filter select{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.5rem .75rem}

/* grid */
.movie_list-grid{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}
@media (max-width:1200px){.movie_list-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.movie_list-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.movie_list-grid{grid-template-columns:repeat(2,1fr)}}

/* card */
.movie_list-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.movie_list-thumb{aspect-ratio:16/9;background: center/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.06)}
.movie_list-meta{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center;padding:.6rem .7rem}
.movie_list-title{grid-column:1/-1;margin:0;font-size:1rem}
.movie_list-cat{font-size:.8rem;color:var(--muted)}
.movie_list-heart{justify-self:end;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ddd;border-radius:.5rem;padding:.25rem .45rem;cursor:pointer}
.movie_list-heart.active{background:var(--red);border-color:var(--red)}

.movie_list-loading{margin:1rem auto 0 auto;text-align:center;color:var(--muted)}

/* ==========================================
   Movie Play Page (scoped: movie_play-*)
   ========================================== */
.movie_play-main{padding-block:1.25rem 2.5rem}
.movie_play-wrap{display:grid;gap:1rem}
.movie_play-title{margin:0;font-size:1.75rem}

.movie_play-tools{display:grid;gap:.5rem;background:rgba(255,255,255,.04);padding:.75rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06)}
.movie_play-label{font-size:.9rem;color:var(--muted)}
.movie_play-input{width:100%;background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.5rem .75rem;resize:vertical}
.movie_play-actions{display:flex;justify-content:flex-end}
.movie_play-btn{background:var(--red);color:#fff}

.movie_play-player{background:#000;border-radius:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);position:relative}
.movie_play-player::before{content:"";display:block;padding-top:56.25%}
.movie_play-frame,.movie_play-player iframe{position:absolute;inset:0;width:100%;height:100%}
.movie_play-slot{position:absolute;inset:0}
.movie_play-controls .mp-progress{right:auto;background:#e50914;width:0;z-index:1;overflow:hidden}
.movie_play-controls .mp-progress::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg, rgba(255,255,255,.25) 0 8px, rgba(255,255,255,0) 8px 16px);animation:mp-stripes 1.2s linear infinite;opacity:.35}
@keyframes mp-stripes{from{background-position:0 0}to{background-position:32px 0}}
.movie_play-controls .mp-cursor-time{position:absolute;top:-18px;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;font-size:.75rem;line-height:1;border-radius:.35rem;padding:.15rem .3rem;pointer-events:none;z-index:3;white-space:nowrap}
.movie_play-controls{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:.4rem;padding:.5rem .6rem;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.8) 100%)}
.movie_play-controls .mp-row{display:flex;align-items:center;gap:.5rem;width:100%}
.movie_play-controls .mp-row-seek{gap:.6rem}
.movie_play-controls .mp-row-controls{justify-content:space-between}
.movie_play-controls .mp-left{display:flex;align-items:center;gap:.5rem}
.movie_play-controls .mp-right{display:flex;align-items:center;gap:.5rem}
.movie_play-controls .mp-spacer{flex:1}
.movie_play-controls .mp-btn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.3rem .55rem;cursor:pointer}
.movie_play-controls .mp-btn:hover{background:rgba(255,255,255,.2)}
.movie_play-controls .mp-speed{display:flex;align-items:center;gap:.35rem;color:#ddd;font-size:.85rem}
.movie_play-controls select{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.4rem;padding:.25rem .4rem}
.movie_play-controls .mp-time{min-width:64px;color:#ddd;font-variant-numeric:tabular-nums;text-align:center}
.movie_play-controls .mp-seekwrap{position:relative;flex:1;height:18px;display:flex;align-items:center}
.movie_play-controls .mp-track{position:absolute;left:0;right:0;height:4px;background:rgba(255,255,255,.18);border-radius:999px;top:50%;transform:translateY(-50%);z-index:0}
.movie_play-controls .mp-buffer,.movie_play-controls .mp-progress{position:absolute;left:0;height:6px;border-radius:999px;pointer-events:none;top:50%;transform:translateY(-50%)}
.movie_play-controls .mp-buffer{background:rgba(255,255,255,.08);z-index:0}
.movie_play-controls .mp-progress{background:var(--red);z-index:1}
.movie_play-controls .mp-cursor-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #e50914;z-index:3;box-shadow:0 0 0 2px rgba(0,0,0,.25)}
.movie_play-controls .mp-range{appearance:none;-webkit-appearance:none;height:18px;background:transparent;outline:none;flex:1;position:relative;z-index:2;cursor:pointer}
.movie_play-controls .mp-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}
.movie_play-controls .mp-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:0;height:0;background:transparent;border:0;box-shadow:none}
.movie_play-controls .mp-range::-moz-range-track{height:6px;background:transparent;border:0}
.movie_play-controls .mp-range::-moz-range-progress{background:transparent}
.movie_play-controls .mp-range::-moz-range-thumb{width:0;height:0;border:0;background:transparent}
.movie_play-controls .mp-range::-ms-track{height:6px;background:transparent;border-color:transparent;color:transparent}
.movie_play-controls .mp-range::-ms-fill-lower{background:transparent}
.movie_play-controls .mp-range::-ms-fill-upper{background:transparent}
.movie_play-controls .mp-range::-ms-thumb{width:0;height:0;border:0;background:transparent}

/* Volume slider specific visuals */
.movie_play-controls .mp-volume{--volp: 100%; height:18px}
.movie_play-controls .mp-volume::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg, var(--red) var(--volp), rgba(255,255,255,.2) var(--volp))}
.movie_play-controls .mp-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);margin-top:-3px;box-shadow:0 0 0 2px rgba(0,0,0,.15)}
.movie_play-controls .mp-volume::-moz-range-track{height:6px;background:rgba(255,255,255,.2);border-radius:999px}
.movie_play-controls .mp-volume::-moz-range-progress{height:6px;background:var(--red);border-radius:999px}
.movie_play-controls .mp-volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3)}
.movie_play-controls .mp-volume::-ms-track{height:6px;background:transparent;border-color:transparent;color:transparent}
.movie_play-controls .mp-volume::-ms-fill-lower{background:var(--red);border-radius:999px}
.movie_play-controls .mp-volume::-ms-fill-upper{background:rgba(255,255,255,.2);border-radius:999px}
.movie_play-controls .mp-volume::-ms-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3)}

.movie_play-player{--poster: none}
.movie_play-overlay{position:absolute;inset:0;z-index:1;background:transparent;transition:background .2s ease}
.movie_play-player.paused{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)), var(--poster);background-size:cover;background-position:center}

/* Mobile adjustments */
@media (max-width: 640px){
  .movie_play-controls{gap:.3rem;padding:.4rem .45rem}
  .movie_play-controls .mp-row-seek{gap:.4rem}
  .movie_play-controls .mp-btn{padding:.25rem .45rem}
  .movie_play-controls .mp-time{min-width:48px;font-size:.8rem}
  .movie_play-controls .mp-seekwrap{height:14px}
  .movie_play-controls .mp-buffer,.movie_play-controls .mp-progress{height:5px}
  .movie_play-controls .mp-track{height:3px}
  .movie_play-controls .mp-cursor-dot{width:10px;height:10px}
  .movie_play-controls .mp-range{height:14px}
  .movie_play-controls .mp-row-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
  .movie_play-controls .mp-left{gap:.4rem}
  .movie_play-controls .mp-right{gap:.4rem}
  .movie_play-controls .mp-volume{max-width:90px;height:14px}
  .movie_play-controls .mp-speed>span{display:none}
  .movie_play-controls select{font-size:.85rem;min-width:84px;padding:.2rem .35rem}
  /* Hide Quality (mobile) */
  .movie_play-controls label.mp-speed select#mp_quality{display:none}
  .movie_play-controls label.mp-speed span#mp_quality_note{display:none}
  /* Hide Speed select; show Speed button */
  #mp_speed{display:none}
  #mp_speed_btn{display:inline-block}
  /* Hide volume controls entirely on mobile */
  #mp_volwrap{display:none}
  /* Move fullscreen to top row on mobile */
  #mp_full{display:none}
  #mp_full_top{display:inline-block}
}

/* ==========================================
   Watchlist Page (scoped: watchlist-*)
   ========================================== */
.watchlist-main{padding-block:1.25rem 2.5rem}
.watchlist-wrap{display:grid;gap:1rem}

.watchlist-header{display:flex;align-items:center;justify-content:space-between}
.watchlist-title{margin:0}
.watchlist-clear{background:transparent;border:2px solid var(--red);color:#fff}
.watchlist-clear:hover{background:var(--red)}
.watchlist-empty{padding:1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;color:var(--muted)}
.watchlist-empty a{color:#fff}

.watchlist-grid{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}
@media (max-width:1200px){.watchlist-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.watchlist-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.watchlist-grid{grid-template-columns:repeat(2,1fr)}}

.watchlist-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.watchlist-thumb{aspect-ratio:16/9;background:center/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.06)}
.watchlist-meta{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center;padding:.6rem .7rem}
.watchlist-title-sm{grid-column:1/-1;margin:0;font-size:1rem}
.watchlist-cat{font-size:.8rem;color:var(--muted)}
.watchlist-heart{justify-self:end;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ddd;border-radius:.5rem;padding:.25rem .45rem;cursor:pointer}
.watchlist-heart.active{background:var(--red);border-color:var(--red)}

/* ==========================================
   Rabta Page (scoped: rabta-*)
   ========================================== */
.rabta-body{background:var(--bg);color:var(--text);min-height:100vh}
.rabta-main{padding:3rem 0}
.rabta-wrap{max-width:800px;margin:0 auto;padding:0 1rem}
.rabta-title{color:var(--white);font-size:2.25rem;margin:.25rem 0 1rem 0}
.rabta-slogan{color:var(--muted);font-size:1.05rem;margin:0 0 1.75rem 0}
.rabta-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem;display:grid;gap:1rem}
.rabta-group{display:grid;gap:.5rem}
.rabta-label{font-weight:600;color:#ddd}
.rabta-input{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.7rem .9rem;outline:0}
.rabta-input:focus{border-color:var(--red);box-shadow:0 0 0 2px rgba(229,9,20,.2)}
.rabta-textarea{min-height:120px;resize:vertical;line-height:1.4}
.rabta-submit{margin-top:.25rem}
.rabta-footer{margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.08)}
.rabta-links{display:flex;justify-content:center;align-items:center;gap:.5rem 1rem;flex-wrap:wrap}
.rabta-links a{color:var(--muted);text-decoration:none;padding:.25rem .5rem;border-radius:.4rem;transition:color .15s ease, background .15s ease}
.rabta-links a:hover{color:#fff;background:rgba(255,255,255,.06)}
.rabta-links .sep{color:rgba(255,255,255,.18)}
@media (max-width:640px){
  .rabta-title{font-size:1.75rem}
  .rabta-form{padding:1rem}
  .rabta-links{gap:.35rem .6rem}
}

/* ==========================================
   New Upload Page (scoped: new_upload-*)
   ========================================== */
.new_upload-body{background:var(--bg);color:var(--text);min-height:100vh}
.new_upload-main{padding:3rem 0}
.new_upload-wrap{max-width:800px;margin:0 auto;padding:0 1rem;display:grid;gap:1rem}
.new_upload-title{color:var(--white);font-size:2.25rem;margin:.25rem 0 .25rem 0}
.new_upload-lead{color:var(--muted);font-size:1.05rem;margin:0 0 .5rem 0}
.new_upload-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem;display:grid;gap:1rem}
.new_upload-group{display:grid;gap:.5rem}
.new_upload-label{font-weight:600;color:#ddd}
.new_upload-input,
.new_upload-select,
.new_upload-file,
.new_upload-textarea{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.7rem .9rem;outline:0}
.new_upload-input:focus,
.new_upload-select:focus,
.new_upload-file:focus,
.new_upload-textarea:focus{border-color:var(--red);box-shadow:0 0 0 2px rgba(229,9,20,.2)}
.new_upload-textarea{min-height:120px;resize:vertical;line-height:1.4}
.new_upload-actions{display:flex;justify-content:flex-end}
.new_upload-submit{background:var(--red);color:#fff}
.new_upload-result{margin-top:.25rem;color:#9aa6bd}

@media (max-width:640px){
  .new_upload-title{font-size:1.85rem}
  .new_upload-form{padding:1rem}
}

/* ==========================================
   About Page (scoped: about-*)
   ========================================== */
.about-body{background:var(--bg);color:var(--text);min-height:100vh}
.about-main{padding:3rem 0}
.about-wrap{max-width:900px;margin:0 auto;padding:0 1rem}
.about-title{color:var(--white);font-size:2.25rem;margin:.25rem 0 .5rem 0}
.about-lead{color:var(--muted);font-size:1.05rem;margin:0 0 1.5rem 0}
.about-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem 1.25rem 1rem;box-shadow:var(--shadow)}
.about-text{margin:.75rem 0;color:var(--text)}
.about-text strong{color:#fff}
.about-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem}
.about-list li{display:flex;align-items:flex-start;gap:.5rem;color:var(--text)}
.about-list li span{color:var(--green);font-weight:800}
@media (max-width:640px){
  .about-title{font-size:1.85rem}
}

/* ==========================================
   Privacy Policy Page (scoped: pp-*)
   ========================================== */
.pp-body{background:var(--bg);color:var(--text);min-height:100vh}
.pp-main{padding:3rem 0}
.pp-wrap{max-width:900px;margin:0 auto;padding:0 1rem}
.pp-title{color:var(--white);font-size:2.25rem;margin:.25rem 0 .5rem 0}
.pp-lead{color:var(--muted);font-size:1.05rem;margin:0 0 1.5rem 0}
.pp-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem 1.25rem 1rem;box-shadow:var(--shadow)}
.pp-section{margin:1rem 0}
.pp-subtitle{color:#fff;font-size:1.25rem;margin:.25rem 0 .4rem 0}
.pp-text{margin:.5rem 0;color:var(--text)}
.pp-link{color:var(--red);text-decoration:none}
.pp-link:hover{text-decoration:underline}
.pp-list{list-style:disc;margin:.25rem 0 .25rem 1.25rem;padding:0;color:var(--text)}
.pp-updated{color:var(--muted);font-size:.9rem}
@media (max-width:640px){
  .pp-title{font-size:1.85rem}
}

/* ==========================================
   Coming Soon Page (scoped: coming-*)
   ========================================== */
.coming-body{background:radial-gradient(1200px 600px at 10% -10%, rgba(229,9,20,.25), transparent), radial-gradient(1000px 500px at 110% 10%, rgba(255,255,255,.06), transparent), var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
.coming-main{padding:3rem 0}
.coming-wrap{max-width:1100px;margin:0 auto;position:relative;min-height:60vh}
.coming-hero{position:relative;text-align:center;display:grid;gap:1rem;place-items:center;padding:2rem 1rem}
.coming-badges{display:flex;gap:.5rem;justify-content:center}
.coming-badge{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#ddd;padding:.25rem .5rem;border-radius:.4rem;font-weight:600;font-size:.8rem}
.coming-title{margin:0;font-size:3rem;line-height:1.1;letter-spacing:.5px;position:relative}
.coming-title span{background:linear-gradient(90deg,#fff, #e50914);-webkit-background-clip:text;background-clip:text;color:transparent}
.coming-slogan{color:var(--muted);max-width:700px;margin:0 auto  .5rem}
.coming-btn{margin-top:.5rem}

/* Bouncing dots */
.coming-dots{display:inline-flex;gap:.35rem;margin:.25rem 0 .5rem}
.coming-dots span{width:8px;height:8px;border-radius:50%;background:#fff;display:inline-block;opacity:.9;animation:coming-bounce 1.4s ease-in-out infinite}
.coming-dots span:nth-child(2){animation-delay:.15s}
.coming-dots span:nth-child(3){animation-delay:.3s}
@keyframes coming-bounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}

/* Floating clouds */
.coming-clouds{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.coming-clouds .c{position:absolute;top:15%;width:160px;height:60px;background:rgba(255,255,255,.08);filter:blur(2px);border-radius:60px}
.coming-clouds .c::before,.coming-clouds .c::after{content:"";position:absolute;background:inherit;width:80px;height:80px;border-radius:50%}
.coming-clouds .c::before{left:18px;top:-24px}
.coming-clouds .c::after{right:18px;top:-18px}
.coming-clouds .c1{left:-180px;animation:coming-cloud 24s linear infinite}
.coming-clouds .c2{top:35%;left:-220px;transform:scale(1.1);animation:coming-cloud 28s linear infinite .6s}
.coming-clouds .c3{top:55%;left:-260px;transform:scale(.9);animation:coming-cloud 22s linear infinite .3s}
.coming-clouds .c4{top:72%;left:-200px;transform:scale(1.2);animation:coming-cloud 30s linear infinite .9s}
@keyframes coming-cloud{from{transform:translateX(0) scale(var(--s,1))}to{transform:translateX(140vw) scale(var(--s,1))}}

@media (max-width:640px){
  .coming-title{font-size:2.25rem}
}

/* ==========================================
   404 Page (scoped: nf404-*)
   ========================================== */
.nf404-body{background:radial-gradient(900px 420px at 10% -10%, rgba(229,9,20,.18), transparent), radial-gradient(700px 360px at 110% 0%, rgba(255,255,255,.05), transparent), var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
.nf404-main{padding:3rem 0}
.nf404-wrap{max-width:1000px;margin:0 auto;position:relative;min-height:60vh}
.nf404-hero{position:relative;text-align:center;display:grid;gap:.5rem;place-items:center;padding:2rem 1rem}
.nf404-badges{display:flex;gap:.5rem;justify-content:center}
.nf404-badge{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#ddd;padding:.25rem .5rem;border-radius:.4rem;font-weight:600;font-size:.8rem}
.nf404-code{margin:.25rem 0 0 0;font-size:5rem;line-height:1;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,#fff,#e50914);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 30px rgba(0,0,0,.35))}
.nf404-title{margin:0;font-size:1.6rem;color:#fff}
.nf404-text{color:var(--muted);max-width:720px;margin:.25rem auto .75rem}
.nf404-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.nf404-btn{min-width:140px}

/* floating orbs */
.nf404-orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.nf404-orbs .o{position:absolute;width:16px;height:16px;border-radius:50%;background:rgba(229,9,20,.65);box-shadow:0 0 0 6px rgba(229,9,20,.12), 0 0 22px rgba(229,9,20,.45)}
.nf404-orbs .o1{top:20%;left:-40px;animation:nf404-float 14s linear infinite}
.nf404-orbs .o2{top:50%;left:-60px;background:rgba(255,255,255,.6);box-shadow:0 0 0 6px rgba(255,255,255,.08), 0 0 22px rgba(255,255,255,.35);animation:nf404-float 18s linear infinite .3s}
.nf404-orbs .o3{top:75%;left:-80px;animation:nf404-float 16s linear infinite .6s}
@keyframes nf404-float{from{transform:translateX(0)}to{transform:translateX(140vw)}}

@media (max-width:640px){
  .nf404-code{font-size:3.5rem}
  .nf404-title{font-size:1.35rem}
}