/* ND21 SAFE BRAND THEME START
   Palette diambil dari logo/favicon ND21:
   Navy  #061237 / #08193B
   Teal  #0EC5C7 / #12BFBF
   Lime  #C1EE56 / #C3F059
   Slate #273F5B
*/
:root{
  --brand-navy:#061237;
  --brand-navy-2:#08193B;
  --brand-navy-3:#0B2544;
  --brand-teal:#0EC5C7;
  --brand-teal-2:#12BFBF;
  --brand-teal-soft:#93DED8;
  --brand-lime:#C1EE56;
  --brand-lime-2:#C3F059;
  --brand-slate:#273F5B;

  --bg:#040B18;
  --panel:#08172B;
  --panel2:#0C2038;
  --line:#1C3B52;
  --text:#F5FBFC;
  --muted:#9DB2C3;
  --red:var(--brand-teal);
  --cyan:var(--brand-teal);
  --gold:var(--brand-lime);

  --nd-violet:var(--brand-teal);
  --nd-violet-dark:var(--brand-navy);
  --nd-pink:var(--brand-teal);
  --nd-amber:var(--brand-lime);
  --nd-green:var(--brand-lime);
  --nd-ink:#040B18;
  --nd-paper:#071426;
  --nd-border:#1C3B52;

  --radius:16px;
  --shadow:0 22px 60px rgba(0,8,24,.42);
  --brand-glow:0 0 0 1px rgba(14,197,199,.18),0 18px 55px rgba(0,18,55,.42);
}

/* Global */
html{background:var(--bg)}
body,
.public-body,
.admin-body{
  background:
    radial-gradient(circle at 82% -8%,rgba(14,197,199,.16),transparent 30%),
    radial-gradient(circle at 8% 20%,rgba(193,238,86,.055),transparent 25%),
    linear-gradient(180deg,#061237 0,#040B18 42%,#030812 100%);
  color:var(--text);
}
::selection{background:var(--brand-teal);color:var(--brand-navy)}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid var(--brand-lime);
  outline-offset:2px;
}

/* Header */
.site-header.nd-topbar,
.admin-top{
  background:linear-gradient(112deg,rgba(6,18,55,.98) 0%,rgba(8,25,59,.97) 62%,rgba(10,57,76,.96) 100%);
  border-bottom:1px solid rgba(14,197,199,.34);
  box-shadow:0 8px 26px rgba(0,5,20,.28);
  backdrop-filter:blur(18px);
}
.nd-brand .brand-mark,
.brand-mark{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,var(--brand-navy) 12%,var(--brand-teal) 72%,var(--brand-teal-soft));
  color:#fff;
  border:1px solid rgba(193,238,86,.72);
  box-shadow:0 8px 24px rgba(14,197,199,.18);
}
.nd-brand .brand-mark:after,
.brand-mark:after{
  content:"";
  position:absolute;
  right:-8px;
  bottom:-9px;
  width:24px;
  height:24px;
  background:var(--brand-lime);
  transform:rotate(45deg);
  opacity:.92;
}
.nd-brand strong{color:#fff;letter-spacing:-.35px}
.nd-main-nav a{color:#EAF8FA}
.nd-main-nav a:hover,
.nd-main-nav .admin-link{
  background:rgba(14,197,199,.13);
  color:var(--brand-lime);
}
.nd-topbar .nav-toggle{
  color:#fff;
  background:rgba(14,197,199,.11);
  border-color:rgba(147,222,216,.35);
}

/* Search */
.nd-search,
.global-search{
  background:rgba(248,253,253,.97);
  border:1px solid rgba(147,222,216,.75);
  box-shadow:0 8px 24px rgba(0,0,0,.13);
}
.nd-search:focus-within,
.global-search:focus-within{
  border-color:var(--brand-teal);
  box-shadow:0 0 0 3px rgba(14,197,199,.16),0 10px 28px rgba(0,0,0,.18);
}
.nd-search input,
.global-search input{
  color:#071426;
  background:transparent;
}
.nd-search input::placeholder,
.global-search input::placeholder{color:#637589}
.nd-search button,
.global-search button{
  color:var(--brand-navy);
  background:linear-gradient(180deg,var(--brand-lime),#AEE943);
  border-left:1px solid rgba(6,18,55,.12);
}
.search-suggest{
  background:#071426;
  border-color:#1B4559;
  box-shadow:0 24px 70px rgba(0,5,20,.52);
}
.search-suggest a{color:#F2FAFB}
.search-suggest a:hover{background:#0D2940}
.search-suggest small{color:#9CB4C5}

/* Category navigation */
.nd-category-bar{
  background:linear-gradient(90deg,#071426,#0B2840 52%,#082236);
  color:#EAF8FA;
  border-bottom:1px solid rgba(193,238,86,.48);
  box-shadow:0 5px 18px rgba(0,5,20,.22);
}
.nd-category-inner a{
  position:relative;
  color:#EAF8FA;
}
.nd-category-inner a:after{
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  bottom:3px;
  height:2px;
  border-radius:2px;
  background:var(--brand-lime);
  transform:scaleX(0);
  transition:transform .2s ease;
}
.nd-category-inner a:hover{
  background:rgba(14,197,199,.12);
  color:var(--brand-lime);
}
.nd-category-inner a:hover:after{transform:scaleX(1)}

/* Featured */
.nd-featured-section{
  background:linear-gradient(180deg,#030A16,#061225);
  border-bottom:1px solid #17344A;
}
.nd-featured-head h1{color:#F6FCFD}
.nd-kicker,
.eyebrow{color:var(--brand-lime)}
.nd-featured-head>a{
  color:var(--brand-navy);
  background:linear-gradient(135deg,var(--brand-lime),#AEE943);
  border-radius:7px;
}
.nd-featured-poster{
  background:#071426;
  border-color:#173C51;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.nd-featured-poster:hover{
  transform:translateY(-4px);
  border-color:rgba(14,197,199,.82);
  box-shadow:0 15px 34px rgba(0,0,0,.4),0 0 0 1px rgba(14,197,199,.15);
}
.nd-featured-rating{color:var(--brand-lime)}
.nd-featured-badge{background:var(--brand-teal);color:var(--brand-navy)}
.nd-featured-title{color:#F4FAFC}
.nd-featured-card small{color:#8FA8BA}

/* Continue / promo / announcement */
.nd-continue-bar{
  background:#0A1A2D;
  color:var(--brand-lime);
  border-bottom-color:#1A3A50;
}
.nd-continue-bar:hover{background:#0D2238}
.nd-promo-wrap,
.nd-announcement-wrap{
  background:#06101F;
}
.nd-promo-banner{
  border:1px solid rgba(14,197,199,.4);
  border-radius:12px;
  background:
    linear-gradient(105deg,rgba(6,18,55,.98),rgba(10,52,73,.98) 56%,rgba(14,197,199,.85));
  color:#fff;
  box-shadow:0 12px 30px rgba(0,5,20,.25);
}
.nd-promo-banner span{
  color:var(--brand-lime);
  border-color:rgba(193,238,86,.6);
}
.nd-announcement{
  background:rgba(14,197,199,.085);
  border-color:rgba(14,197,199,.28);
  color:#CBECEF;
  border-radius:10px;
}
.nd-announcement strong{color:var(--brand-lime)}

/* Tabs */
.nd-home-tabs{
  background:#071426;
  color:#CBE7EA;
  border-color:#173B50;
}
.nd-home-tabs a{
  border-right-color:#173B50;
}
.nd-home-tabs a.active{
  background:linear-gradient(180deg,var(--brand-teal),#0AAEB1);
  color:#04101D;
}
.nd-home-tabs a:hover{
  background:#0C263D;
  color:var(--brand-lime);
}

/* Catalog sections */
.nd-catalog-section,
.nd-section-soft,
.public-body .page-shell{
  background:
    linear-gradient(180deg,rgba(9,27,47,.98),rgba(5,15,29,.98));
  color:var(--text);
}
.nd-section-soft{
  background:
    linear-gradient(180deg,rgba(6,22,39,.99),rgba(4,13,25,.99));
}
.nd-section-head span,
.nd-section-head>a{color:var(--brand-teal)}
.nd-section-head h2{color:#F4FBFC}
.nd-catalog-section .media-card,
.public-body .page-shell .media-card{color:#F4FAFC}
.nd-catalog-section .media-title,
.public-body .page-shell .media-title{
  color:#EDF8FA;
}
.nd-catalog-section .media-card small,
.public-body .page-shell .media-card small,
.nd-catalog-section .media-card-meta{
  color:#91A9BA;
}
.nd-catalog-section .poster{
  border:1px solid #173A4F;
  border-radius:9px;
  background:#071426;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.nd-catalog-section .poster:hover{
  transform:translateY(-5px);
  border-color:rgba(14,197,199,.8);
  box-shadow:0 18px 36px rgba(0,0,0,.4),0 0 0 1px rgba(14,197,199,.14);
}
.nd-catalog-section .poster .quality{
  background:var(--brand-teal);
  color:var(--brand-navy);
}
.nd-catalog-section .poster .rating{
  background:rgba(4,11,24,.92);
  color:var(--brand-lime);
  border:1px solid rgba(193,238,86,.25);
}
.poster .play{
  background:var(--brand-lime);
  color:var(--brand-navy);
  box-shadow:0 8px 26px rgba(193,238,86,.22);
}
.nd-catalog-section .media-card-genres span{
  border-color:#21445A;
  color:#B6CBD6;
  background:#0A1B2F;
}
.media-card-meta span+span:before{color:#476579}

/* Generic page typography */
.public-body .page-head h1,
.public-body .page-shell h1,
.public-body .page-shell h2,
.public-body .page-shell h3{color:#F5FBFC}
.public-body .page-head .muted,
.public-body .page-shell .muted,
.legal-copy p{color:#AABCCA}
.legal-copy a{color:var(--brand-teal)}
.legal-copy details{border-color:#1C3B52}
.legal-copy summary{color:#F1FAFB}

/* Filters and forms */
.public-body .filters,
.filters,
.auth-card,
.settings-card,
.admin-panel,
.stat-card{
  background:linear-gradient(180deg,#0A1B2F,#071426);
  border:1px solid #1D4055;
  box-shadow:var(--brand-glow);
}
.public-body .filters label,
.filters label,
.form label{color:#B8CBD5}
.public-body .filters input,
.public-body .filters select,
.filters input,
.filters select,
.form input,
.form select,
.form textarea{
  background:#061222;
  color:#F5FBFC;
  border:1px solid #24495D;
}
.public-body .filters input:focus,
.public-body .filters select:focus,
.form input:focus,
.form select:focus,
.form textarea:focus{
  border-color:var(--brand-teal);
  box-shadow:0 0 0 3px rgba(14,197,199,.12);
  outline:0;
}
.form input::placeholder,
.form textarea::placeholder{color:#6F899B}

/* Profile */
.profile-grid{gap:18px}
.settings-card{
  color:#F5FBFC;
  border-radius:18px;
}
.settings-card h2{
  color:#F5FBFC;
  margin-top:0;
}
.list-item{
  color:#EAF6F8;
  background:#091A2D;
  border-color:#1D4055;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.list-item:hover{
  transform:translateY(-2px);
  border-color:rgba(14,197,199,.6);
  background:#0C2439;
}
.list-item small{color:#8FA8BA}
.progress{background:#153147}
.progress i{background:linear-gradient(90deg,var(--brand-teal),var(--brand-lime))}

/* Buttons */
.btn{
  border-radius:10px;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  background:linear-gradient(135deg,var(--brand-teal),#20D1C8);
  color:#031222;
  box-shadow:0 10px 24px rgba(14,197,199,.22);
}
.btn-primary:hover{
  filter:brightness(1.05);
  box-shadow:0 12px 28px rgba(14,197,199,.3);
}
.btn-secondary{
  background:var(--brand-lime);
  color:var(--brand-navy);
}
.btn-ghost{
  background:rgba(14,197,199,.07);
  border-color:#28546A;
  color:#DFF5F6;
}
.btn-ghost:hover{
  background:rgba(14,197,199,.14);
  border-color:var(--brand-teal);
}
.btn-cyan{
  background:var(--brand-lime);
  color:var(--brand-navy);
}

/* Alerts */
.notice{
  background:rgba(14,197,199,.08);
  border-color:rgba(14,197,199,.28);
  color:#C7EFF0;
}
.alert{
  background:#301319;
  border-color:#7E2935;
  color:#FFD7DC;
}
.flash{
  background:#0B332F;
  border-color:#1B6B60;
  color:#D8FFF8;
}

/* Pagination */
.pagination a,
.pagination span{
  background:#08182B;
  border-color:#1D4055;
  color:#DCEEEF;
}
.pagination a:hover{
  border-color:var(--brand-teal);
  color:var(--brand-lime);
}

/* Watch page */
.nd-watch-page{background:#030A16;color:#F4FAFC}
.nd-watch-stage{background:#020711}
.nd-cinema-player{
  border:1px solid #14364A;
  box-shadow:0 18px 46px rgba(0,0,0,.45);
}
.nd-player-strip{
  background:#071426;
  border-top-color:#1A4155;
}
.nd-server-btn{
  background:#0C263D;
  color:#C9DBE3;
  border:1px solid #1D4055;
  border-radius:6px;
}
.nd-server-btn.active{
  background:var(--brand-teal);
  color:var(--brand-navy);
  border-color:var(--brand-teal);
}
.nd-server-btn:hover{background:#123149}
.nd-player-tools,
.nd-player-tools button{color:#AFC3CD}
.nd-related-panel{
  background:#071426;
  border:1px solid #173A4F;
}
.nd-related-item{color:#EAF6F8}
.nd-related-item small{color:#8FA7B8}
.nd-related-item:hover b{color:var(--brand-lime)}
.nd-watch-info-area{
  background:linear-gradient(180deg,#071426,#040B18);
  color:#EAF6F8;
}
.nd-info-card{
  background:#091A2D;
  border:1px solid #1B4055;
  border-radius:10px;
}
.nd-watch-kicker{color:var(--brand-teal)}
.nd-title-card h1,
.nd-box-title{color:#F5FBFC}
.nd-tag-row span{
  background:#0C2B3F;
  color:var(--brand-teal-soft);
  border:1px solid #1A4A5C;
  border-radius:999px;
}
.nd-action-btn{
  background:#18374C;
  color:#E9F7F8;
  border-radius:7px;
}
.nd-action-btn.primary{
  background:var(--brand-teal);
  color:var(--brand-navy);
}
.nd-rating-summary{
  border-right-color:#1E4257;
}
.nd-rating-summary>strong,
.nd-stars{color:var(--brand-lime)}
.nd-rating-summary small,
.nd-synopsis>span{color:#8FA8BA}
.nd-synopsis p{color:#C2D3DB}
.nd-episode-controls label{color:#9FB4C0}
.nd-episode-controls select{
  background:#061222;
  color:#F4FAFC;
  border-color:#24495D;
}
.nd-recommend-item{color:#EAF6F8}
.nd-recommend-item small{color:#8DA6B7}
.nd-recommend-item:hover b{color:var(--brand-teal)}
.nd-rec-poster{
  background:#061222;
  border:1px solid #173A4F;
  border-radius:7px;
}
.nd-rec-poster i{
  background:rgba(4,11,24,.9);
  color:var(--brand-lime);
}
.nd-film-data dl div{border-bottom-color:#1B4055}
.nd-film-data dt{color:#7F9AAC}
.nd-film-data dd{color:#C8D9E0}
.nd-popular-item{color:#EAF6F8}
.nd-popular-item small{color:#849EAF}
.nd-player-big-play{
  background:linear-gradient(135deg,var(--brand-teal),#20D1C8);
  color:#031222;
  box-shadow:0 12px 34px rgba(14,197,199,.36);
}
.nd-player-seek,
.nd-player-volume{accent-color:var(--brand-teal)}

/* Footer */
.site-footer{
  background:linear-gradient(180deg,#040B18,#020711);
  border-top:1px solid #17384C;
}
.footer-grid{
  grid-template-columns:1.6fr 1fr 1fr;
}
.footer-grid h3{color:#F1F9FA}
.footer-grid p,
.footer-grid small,
.footer-bottom{color:#8EA7B8}
.footer-grid a{color:#C5D8E0}
.footer-grid a:hover{color:var(--brand-lime)}
.footer-bottom{
  justify-content:flex-start;
  border-top-color:#17384C;
}

/* Admin */
.admin-body{background:#040B18}
.admin-nav{
  background:#071426;
  border-bottom-color:#173B50;
}
.admin-nav a{color:#D3E6EA}
.admin-nav a:hover{
  background:#0E2B42;
  color:var(--brand-lime);
}
.stat-card strong{color:var(--brand-lime)}
.data-table th{color:#B6CED8}
.data-table td{color:#DCEAEC}
.data-table th,
.data-table td{border-bottom-color:#1A3A4F}

/* Maintenance */
.maintenance{
  background:
    radial-gradient(circle at 50% 20%,rgba(14,197,199,.18),transparent 28%),
    var(--brand-navy);
  color:#fff;
}

/* Responsive refinements */
@media(max-width:900px){
  .nd-main-nav{
    background:rgba(6,18,55,.98);
    border:1px solid #1C4055;
  }
}
@media(max-width:760px){
  .public-body .page-shell{padding-inline:14px}
  .settings-card{padding:20px}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .nd-category-inner a{padding-inline:9px}
  .nd-catalog-section{padding-inline:10px}
}

/* ND21 SAFE BRAND THEME END */

/* ND21 OFFICIAL LOGO V4 START */
.nd-brand-logo-link,
.nd-footer-brand-logo-link,
.nd-admin-brand-logo-link{
  gap:0;
  text-decoration:none;
}
.nd-brand-logo-surface{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:5px 9px;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(14,197,199,.58);
  border-radius:11px;
  box-shadow:
    0 8px 24px rgba(0,7,24,.26),
    0 0 0 1px rgba(193,238,86,.08) inset;
}
.nd-brand-logo{
  display:block;
  width:auto;
  height:32px;
  max-width:178px;
  object-fit:contain;
}
.site-header.nd-topbar .nd-brand-logo-surface{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.site-header.nd-topbar .nd-brand-logo-link:hover .nd-brand-logo-surface{
  transform:translateY(-1px);
  border-color:var(--brand-lime);
  box-shadow:
    0 10px 28px rgba(0,7,24,.32),
    0 0 0 2px rgba(193,238,86,.11);
}
.nd-admin-brand-logo{
  height:28px;
  max-width:156px;
}
.nd-admin-logo-surface{
  padding:4px 8px;
  border-radius:9px;
}
.nd-admin-brand-caption{
  margin-left:8px;
}
.nd-admin-brand-caption small{
  color:#9DB2C3;
}
.nd-footer-logo-surface{
  padding:7px 11px;
}
.nd-footer-brand-logo{
  display:block;
  width:auto;
  height:38px;
  max-width:215px;
  object-fit:contain;
}
.nd-maintenance-logo-surface{
  margin:0 auto 20px;
  padding:8px 13px;
}
.nd-maintenance-logo{
  display:block;
  width:min(300px,72vw);
  height:auto;
}

@media(max-width:900px){
  .nd-brand-logo{height:30px;max-width:164px}
  .nd-brand-logo-surface{padding:5px 8px;border-radius:10px}
}
@media(max-width:560px){
  .nd-brand-logo{height:27px;max-width:148px}
  .nd-brand-logo-surface{padding:4px 7px;border-radius:9px}
  .nd-footer-brand-logo{height:34px;max-width:190px}
}
/* ND21 OFFICIAL LOGO V4 END */