@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap');
:root{--crimson:#9D102B;--crimson2:#c31d3c;--graphite:#17191D;--graphite2:#0d1014;--ivory:#F5F1E8;--ivory2:#fffaf1;--muted:#a9adb3;--line:rgba(255,255,255,.16);--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 8%,rgba(157,16,43,.22),transparent 28%),radial-gradient(circle at 85% 20%,rgba(245,241,232,.08),transparent 24%),linear-gradient(145deg,#080b0f,#17191d 54%,#0b0d11);color:var(--ivory);font:15px/1.6 Inter,Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit;text-decoration:none}.container{width:min(1450px,96%);margin:auto}.site-shell{padding:18px;min-height:100vh}.glass{border:1px solid rgba(255,255,255,.24);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.32);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.ivory-glass{background:linear-gradient(135deg,rgba(255,250,241,.92),rgba(245,241,232,.73));color:var(--graphite)}.light-glass{background:linear-gradient(135deg,rgba(255,250,241,.82),rgba(245,241,232,.35));color:var(--graphite)}.dark-glass{background:linear-gradient(145deg,rgba(26,30,35,.92),rgba(11,14,18,.72));color:var(--ivory)}
.topbar{position:sticky;top:12px;z-index:60;border-radius:22px;margin-bottom:12px}.nav-wrap{height:84px;display:flex;align-items:center;gap:24px;padding:0 24px}.brand{display:flex;align-items:center;gap:13px;min-width:300px}.brand-logo{width:58px;height:58px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-name{font:800 27px Montserrat;letter-spacing:2px}.brand-name b{color:var(--graphite)}.brand-name strong{color:var(--crimson)}.brand-copy small{font-size:8px;letter-spacing:1.6px;margin-top:7px;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:24px;flex:1;justify-content:center;font-weight:700;font-size:13px}.main-nav a{padding:31px 0 26px;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--crimson);border-color:var(--crimson)}.nav-actions{display:flex;gap:10px}.icon-btn,.login-btn{height:42px;display:grid;place-items:center;border-radius:10px}.icon-btn{width:42px;border:1px solid #c9c0b4;background:rgba(255,255,255,.25);font-size:22px}.login-btn{padding:0 20px;background:linear-gradient(#c71e3e,#920a25);color:white;border:1px solid #7f091e;box-shadow:inset 0 1px 0 #ea6f86,0 5px 14px rgba(157,16,43,.28)}.nav-toggle{display:none}
.hero{position:relative;min-height:530px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 84% 42%,rgba(157,16,43,.22),transparent 28%),radial-gradient(circle at 38% 22%,rgba(245,241,232,.06),transparent 22%),linear-gradient(115deg,rgba(6,9,13,.92),rgba(20,25,31,.84));border:1px solid rgba(255,255,255,.15)}.hero:after{content:"";position:absolute;right:-90px;top:20px;width:550px;height:550px;border-radius:50%;border:1px solid rgba(157,16,43,.28);box-shadow:0 0 0 70px rgba(157,16,43,.04),0 0 0 140px rgba(157,16,43,.025)}.hero-network{position:absolute;inset:0;background-image:radial-gradient(circle at 42% 26%,rgba(245,241,232,.75) 0 2px,transparent 3px),radial-gradient(circle at 50% 43%,rgba(157,16,43,.95) 0 3px,transparent 4px),radial-gradient(circle at 37% 62%,rgba(245,241,232,.7) 0 2px,transparent 3px),linear-gradient(23deg,transparent 49.7%,rgba(245,241,232,.08) 50%,transparent 50.3%),linear-gradient(155deg,transparent 49.7%,rgba(157,16,43,.08) 50%,transparent 50.3%);opacity:.72}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;padding:62px 46px}.eyebrow{font:700 11px Montserrat;letter-spacing:2px;color:#d85a71}.hero h1{font:700 clamp(42px,4.8vw,68px)/1.05 Montserrat;margin:16px 0 24px;letter-spacing:-2px}.hero h1 span{color:var(--crimson2)}.hero-copy>p{font-size:17px;color:#d4d6d9;max-width:570px}.hero-actions{display:flex;gap:14px;margin-top:28px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 22px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:13px;cursor:pointer}.primary-btn{background:linear-gradient(#c91f40,#900b25);color:white;border:1px solid #79071c;box-shadow:inset 0 1px 0 #ef7188,0 7px 18px rgba(157,16,43,.34)}.secondary-btn{border:1px solid rgba(255,255,255,.62);background:rgba(18,22,27,.5);color:white}.full{width:100%}
.search-stats{border-radius:22px;padding:22px}.search-box{display:flex;gap:12px;align-items:center;background:rgba(255,250,241,.78);border:1px solid rgba(255,255,255,.75);border-radius:14px;padding:10px 12px;box-shadow:inset 0 1px 0 white}.search-icon{font-size:25px}.search-box input{flex:1;border:0;background:transparent;padding:13px 6px;outline:0;font-size:14px;color:var(--graphite)}.search-box button{border:1px solid #79071c;background:linear-gradient(#c91f40,#920a25);color:white;border-radius:10px;padding:14px 28px;font-weight:800;text-transform:uppercase}.popular{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 4px 20px;border-bottom:1px solid rgba(23,25,29,.18);font-size:12px}.popular a{padding:5px 10px;border:1px solid rgba(23,25,29,.18);border-radius:999px;background:rgba(255,255,255,.3)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px}.stats-row>div{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;padding:2px 15px;border-right:1px solid rgba(23,25,29,.18)}.stats-row>div:last-child{border:0}.stat-icon{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,250,241,.58);border:1px solid rgba(23,25,29,.16);color:var(--crimson);font-size:22px}.stats-row b{font:700 24px Montserrat}.stats-row small{font-size:10px;color:#555}
.category-strip{position:relative;z-index:5;margin-top:-28px;border-radius:20px;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.category-card{padding:20px 18px 18px;border-radius:15px;border:1px solid rgba(23,25,29,.12);background:linear-gradient(145deg,rgba(255,250,241,.7),rgba(240,233,222,.56));transition:.2s;min-height:225px}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.cat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#30353b,#15181c);color:white;border:1px solid #4c5157;font-size:21px;box-shadow:0 7px 13px rgba(0,0,0,.18)}.accent-card .cat-icon{background:linear-gradient(#c71f3f,#8f0a24);border-color:#76061c}.category-card h3{font:700 17px Montserrat;margin:16px 0 7px}.category-card p{font-size:12px;color:#383b3f;min-height:82px}.category-card b{font-size:12px;color:var(--crimson)}
.lower-grid{display:grid;grid-template-columns:1.55fr 1fr .62fr;gap:14px;margin-top:14px}.featured-panel,.latest-panel,.tools-panel{border-radius:18px;padding:18px;min-height:260px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h2{font:700 14px Montserrat;text-transform:uppercase;letter-spacing:.7px;margin:0}.panel-head>a{font-size:11px;color:var(--crimson2);font-weight:800;text-transform:uppercase}.feature-story{display:grid;grid-template-columns:260px 1fr;gap:18px}.feature-art{height:170px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 30% 30%,rgba(157,16,43,.42),transparent 30%),linear-gradient(135deg,#282d33,#0d1014);display:grid;place-items:center;align-content:center;color:#ddd}.feature-art span{font-size:11px;letter-spacing:4px}.feature-art b{font:800 30px Montserrat;color:white}.article-meta{font-size:10px;letter-spacing:1px;color:#df6179;font-weight:700}.feature-story h3{font:700 18px Montserrat;margin:6px 0}.feature-story p{font-size:12px;color:#c9ccd0}.text-link{color:#ec7086;font-weight:700;font-size:12px}.updates-list{display:grid}.update-item{display:grid;grid-template-columns:42px 1fr 18px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(23,25,29,.13)}.update-item:last-child{border:0}.update-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(#c41d3d,#8f0a24);color:white}.update-item small{display:block;font-size:9px;color:#777}.update-item b{font-size:12px;display:block}.update-item i{font-style:normal;font-size:24px}.tools-panel p{font-size:12px;color:#c9ccd0}.tools-panel h2{font:700 20px Montserrat;margin:8px 0}.tool-chips{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.tool-chips span{border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:9px 6px;text-align:center;font-size:10px;background:rgba(255,255,255,.05)}
.footer{border-radius:16px;margin-top:14px}.footer-row{min-height:58px;padding:10px 24px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:20px;font-size:11px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:34px;height:34px}.footer-row p{text-align:center;margin:0}.footer-links{display:flex;justify-content:flex-end;gap:18px}
.page-hero,.article-hero{margin-top:12px;border-radius:20px;padding:56px 0;background:linear-gradient(135deg,rgba(255,250,241,.92),rgba(245,241,232,.75));color:var(--graphite);border:1px solid rgba(255,255,255,.35)}.page-hero h1,.article-hero h1{font:700 46px Montserrat;margin:8px 0}.section{padding:34px 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-card{padding:22px;border-radius:16px;background:linear-gradient(145deg,rgba(255,250,241,.88),rgba(245,241,232,.72));color:var(--graphite);border:1px solid rgba(255,255,255,.48);box-shadow:var(--shadow)}.article-card h3{font:700 18px Montserrat}.article-card p{font-size:13px;color:#555}.article-card>a{color:var(--crimson);font-weight:700}.content-body{background:rgba(255,250,241,.94);color:var(--graphite);padding:40px;border-radius:18px}.lead{font-size:18px;color:#555}
/* admin */
.admin-login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(157,16,43,.35),transparent 35%),#0d1014}.login-shell{width:min(430px,92%);padding:34px;border-radius:22px;background:linear-gradient(145deg,rgba(255,250,241,.93),rgba(245,241,232,.78));color:var(--graphite)}.login-brand{text-align:center}.login-brand .brand-mark{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--crimson);color:white}.admin-form label,.admin-panel label{display:block;font-weight:700;font-size:12px;margin:12px 0}.admin-form input,.admin-panel input,.admin-panel textarea,.admin-panel select{width:100%;padding:12px;border:1px solid #c8c0b4;border-radius:9px;background:#fffaf1;outline:0}.back-link{display:block;text-align:center;margin-top:15px;color:#666}.alert,.success{padding:11px;border-radius:9px;margin:12px 0}.alert{background:#f3cbd3;color:#6b0b1e}.success{background:#dcebdc;color:#245d2d}.admin-body{background:#e9e4da;color:var(--graphite)}.admin-nav{position:fixed;inset:0 auto 0 0;width:230px;background:#17191d;color:white;padding:20px 14px;display:flex;flex-direction:column}.admin-logo{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #34373c}.admin-logo .brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--crimson)}.admin-nav nav{display:grid;gap:5px;margin-top:20px}.admin-nav nav a,.logout{padding:10px 12px;border-radius:8px;color:#cfd1d4}.admin-nav nav a:hover{background:#25292e}.logout{margin-top:auto;background:#2b171b}.admin-main{margin-left:230px;padding:28px}.admin-top{display:flex;justify-content:space-between;align-items:center}.admin-top h1{font:700 32px Montserrat;margin:3px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat-card,.admin-panel{background:rgba(255,250,241,.88);border:1px solid white;border-radius:15px;box-shadow:0 12px 25px #0001}.stat-card{padding:20px}.stat-card b{display:block;font:800 34px Montserrat;color:var(--crimson)}.admin-panel{padding:20px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between}.admin-panel table{width:100%;border-collapse:collapse}.admin-panel th,.admin-panel td{padding:11px;border-bottom:1px solid #d6cec1;text-align:left;font-size:12px}.status{padding:4px 8px;border-radius:999px}.published{background:#dcebdc;color:#245d2d}.draft{background:#e6e2dc}.editor-layout{display:grid;grid-template-columns:1fr 300px;gap:16px}.check{display:flex!important;gap:8px;align-items:center;font-weight:500!important}.check input{width:auto!important}.body-editor{min-height:360px;font-family:ui-monospace,Consolas,monospace}
@media(max-width:1180px){.main-nav{gap:14px;font-size:12px}.brand{min-width:245px}.brand-copy small{display:none}.category-strip{grid-template-columns:repeat(3,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.tools-panel{grid-column:1/-1}.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}}
@media(max-width:820px){.site-shell{padding:8px}.topbar{top:6px}.nav-wrap{height:72px;padding:0 14px}.brand{min-width:0}.brand-logo{width:46px;height:46px}.brand-name{font-size:21px}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:rgba(245,241,232,.96);padding:16px;flex-direction:column;align-items:stretch;border-radius:16px;box-shadow:var(--shadow)}.nav-open .main-nav{display:flex}.main-nav a{padding:8px;color:var(--graphite);border:0}.nav-toggle{display:block;margin-left:auto;border:0;background:transparent;font-size:24px}.nav-actions{display:none}.hero-grid{padding:42px 24px}.stats-row{grid-template-columns:1fr 1fr;gap:14px}.stats-row>div{border:0}.category-strip{margin-top:12px;grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr}.feature-story{grid-template-columns:1fr}.footer-row{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}.article-grid{grid-template-columns:1fr 1fr}.admin-nav{position:relative;width:100%;height:auto}.admin-main{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr}}
@media(max-width:520px){.brand-copy small{display:none}.hero h1{font-size:42px}.search-box{flex-wrap:wrap}.search-box button{width:100%}.popular{display:none}.stats-row{grid-template-columns:1fr}.category-strip,.article-grid,.stats-grid{grid-template-columns:1fr}.category-card{min-height:auto}.lower-grid{display:block}.latest-panel,.tools-panel{margin-top:12px}.admin-main{padding:16px}}


/* ============================================================
   CRIMZONE v2.6 BRAND + RESPONSIVE FUNCTIONAL PATCH
   ============================================================ */

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  overflow-x:hidden;
}

/* ---------- Official homepage/menu logo ---------- */
.brand-v26{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  width:clamp(220px,25vw,345px);
  height:68px;
  min-width:0;
  overflow:hidden;
}

.brand-menu-logo{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:left center;
}

/* ---------- Better desktop header fit ---------- */
.nav-wrap{
  gap:18px;
}

.main-nav{
  min-width:0;
  justify-content:center;
}

.nav-actions{
  flex:0 0 auto;
}

.nav-toggle{
  width:44px;
  height:44px;
  padding:10px;
  border:0;
  border-radius:10px;
  background:rgba(23,25,29,.08);
  cursor:pointer;
}

.nav-toggle span{
  display:block;
  width:100%;
  height:2px;
  margin:5px 0;
  border-radius:10px;
  background:#17191D;
  transition:.18s ease;
}

.nav-open .nav-toggle span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.nav-open .nav-toggle span:nth-child(2){
  opacity:0;
}

.nav-open .nav-toggle span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

/* ---------- Dynamic content empty states ---------- */
.empty-state{
  padding:24px;
  border-radius:14px;
  border:1px dashed rgba(23,25,29,.18);
  color:#555;
}

.empty-state h3{
  margin:0 0 6px;
}

.empty-state p{
  margin:0;
}

.dark-empty{
  border-color:rgba(255,255,255,.14);
  color:#aeb4bb;
}

/* ---------- Official login page ---------- */
.cz-login-page{
  --cz-red:#9D102B;
  --cz-red-bright:#df0d35;
  --cz-graphite:#17191D;
  --cz-ivory:#F5F1E8;

  margin:0;
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:42px 18px 70px;
  position:relative;
  overflow-x:hidden;
  color:#f5f6f7;
  background:
    radial-gradient(circle at 13% 12%,rgba(157,16,43,.56),rgba(157,16,43,.12) 26%,transparent 47%),
    radial-gradient(circle at 82% 67%,rgba(157,16,43,.10),transparent 31%),
    linear-gradient(128deg,#07090c 0%,#0c1014 48%,#080b0f 100%);
}

.cz-login-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:48px 48px;
}

.cz-login-watermark{
  position:fixed;
  z-index:0;
  right:-4vw;
  top:50%;
  width:min(45vw,680px);
  height:min(65vw,760px);
  transform:translateY(-48%);
  opacity:.035;
  pointer-events:none;
  user-select:none;
}

.cz-login-watermark span,
.cz-login-watermark b{
  position:absolute;
  font:900 clamp(240px,35vw,620px)/.8 Arial,sans-serif;
}

.cz-login-watermark span{
  color:#9D102B;
  left:0;
  top:0;
}

.cz-login-watermark b{
  color:#30363d;
  right:0;
  bottom:0;
}

.cz-login-card{
  width:min(660px,94vw);
  position:relative;
  z-index:2;
  padding:44px 54px 34px;
  border-radius:26px;
  border:1px solid rgba(211,221,231,.28);
  background:linear-gradient(145deg,rgba(30,34,40,.89),rgba(8,11,15,.87));
  box-shadow:
    0 38px 95px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.15),
    0 0 32px rgba(157,16,43,.08);
  backdrop-filter:blur(28px) saturate(120%);
  -webkit-backdrop-filter:blur(28px) saturate(120%);
}

.cz-login-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  padding:1px;
  background:linear-gradient(135deg,rgba(255,53,88,.55),rgba(255,255,255,.22) 18%,transparent 40%,transparent 75%,rgba(255,37,75,.62));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}

.cz-login-brand{
  text-align:center;
  margin-bottom:25px;
}

.cz-admin-official-logo{
  display:block;
  width:min(470px,94%);
  height:auto;
  max-height:170px;
  object-fit:contain;
  margin:0 auto 14px;
}

.cz-login-brand h1{
  margin:0;
  color:#aeb5bd;
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:5px;
}

.cz-login-accent{
  display:block;
  width:70px;
  height:3px;
  margin:19px auto 0;
  border-radius:99px;
  background:linear-gradient(90deg,#9D102B,#ef0d3a);
  box-shadow:0 0 18px rgba(239,13,58,.42);
}

.cz-login-alert{
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid rgba(255,90,116,.28);
  border-radius:10px;
  background:rgba(157,16,43,.17);
  color:#ffc8d1;
  font-size:13px;
}

.cz-login-form{
  display:grid;
}

.cz-login-form>label{
  margin:0 0 8px;
  color:#f0f2f4;
  font-size:14px;
  font-weight:600;
}

.cz-input-wrap{
  height:62px;
  display:flex;
  align-items:center;
  position:relative;
  margin-bottom:20px;
  border:1px solid rgba(211,220,229,.24);
  border-radius:11px;
  background:linear-gradient(135deg,rgba(44,50,57,.74),rgba(24,28,33,.61));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:border-color .18s ease, box-shadow .18s ease;
}

.cz-input-wrap:focus-within{
  border-color:rgba(226,34,70,.72);
  box-shadow:0 0 0 3px rgba(157,16,43,.13),0 0 23px rgba(157,16,43,.09);
}

.cz-input-icon{
  width:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  color:#f1f3f5;
}

.cz-input-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cz-input-wrap input{
  width:100%;
  min-width:0;
  height:100%;
  padding:0 14px 0 0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font:400 15px/1.2 Inter,Arial,sans-serif;
}

.cz-input-wrap input::placeholder{
  color:#939aa2;
  opacity:1;
}

.cz-password-toggle{
  width:55px;
  height:100%;
  flex:0 0 55px;
  border:0;
  background:transparent;
  color:#c4c9cf;
  cursor:pointer;
  font-size:20px;
}

.cz-password-toggle .eye-closed{
  display:none;
}

.cz-password-toggle.is-showing .eye-open{
  display:none;
}

.cz-password-toggle.is-showing .eye-closed{
  display:inline;
}

.cz-signin-btn{
  width:100%;
  min-height:62px;
  margin-top:5px;
  border:1px solid #ff2148;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  color:white;
  background:linear-gradient(180deg,#df0a33,#ae001f);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 13px 30px rgba(157,16,43,.35),
    0 0 25px rgba(214,10,48,.15);
  cursor:pointer;
  font:700 16px/1 Inter,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:3px;
  transition:.16s ease;
}

.cz-signin-btn:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

.cz-signin-btn:active{
  transform:translateY(1px);
}

.cz-login-back{
  width:max-content;
  max-width:100%;
  margin:25px auto 0;
  display:block;
  color:#9da4ac;
  font-size:14px;
}

.cz-login-back:hover{
  color:white;
}

.cz-login-footer{
  margin-top:35px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  color:#777f88;
  font-size:9px;
  font-weight:600;
  letter-spacing:3.5px;
}

.cz-login-footer i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d20a30;
}

.cz-login-copyright{
  position:fixed;
  z-index:2;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  margin:0;
  color:#777f87;
  font-size:11px;
  white-space:nowrap;
}

/* ---------- Admin sidebar ---------- */
.admin-cz-badge{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(145deg,#b41433,#75091d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 14px rgba(0,0,0,.28);
  color:#fff;
  font:800 12px Montserrat,Arial,sans-serif;
  letter-spacing:1px;
}

/* ---------- Tablet ---------- */
@media(max-width:1120px){
  .brand-v26{
    width:260px;
  }

  .main-nav{
    gap:13px;
  }

  .main-nav a{
    font-size:11px;
  }
}

@media(max-width:940px){
  .nav-wrap{
    height:72px;
  }

  .brand-v26{
    width:min(300px,60vw);
    height:56px;
  }

  .nav-toggle{
    display:block;
    order:3;
  }

  .nav-actions{
    margin-left:auto;
  }

  .main-nav{
    display:none;
    position:absolute;
    top:72px;
    left:4%;
    right:4%;
    z-index:100;
    padding:14px;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:16px;
    background:rgba(245,241,232,.97);
    box-shadow:0 20px 42px rgba(0,0,0,.18);
    backdrop-filter:blur(20px);
  }

  .nav-open .main-nav{
    display:flex;
  }

  .main-nav a{
    width:100%;
    padding:11px 13px;
    border-radius:9px;
    border-bottom:0!important;
    font-size:13px;
  }

  .main-nav a:hover,
  .main-nav a.active{
    background:rgba(157,16,43,.08);
  }
}

/* ---------- Mobile ---------- */
@media(max-width:620px){
  .container{
    width:min(94%,1180px);
  }

  .nav-wrap{
    gap:10px;
  }

  .brand-v26{
    width:min(235px,58vw);
    height:50px;
  }

  .nav-actions .login-btn{
    display:none;
  }

  .nav-actions .icon-btn{
    width:40px;
    height:40px;
  }

  .hero{
    padding-top:42px;
  }

  .hero h1{
    font-size:clamp(38px,11vw,54px);
  }

  .search-box{
    flex-wrap:wrap;
  }

  .search-box .search-icon{
    display:none;
  }

  .search-box input{
    width:100%;
    min-height:46px;
  }

  .search-box button{
    width:100%;
  }

  .popular{
    gap:6px;
  }

  .stats-row{
    grid-template-columns:1fr 1fr!important;
  }

  .category-strip{
    grid-template-columns:1fr!important;
  }

  .lower-grid{
    grid-template-columns:1fr!important;
  }

  .cz-login-page{
    padding:18px 10px 62px;
  }

  .cz-login-watermark{
    display:none;
  }

  .cz-login-card{
    width:100%;
    padding:30px 20px 27px;
    border-radius:20px;
  }

  .cz-admin-official-logo{
    width:min(380px,98%);
    max-height:135px;
    margin-bottom:12px;
  }

  .cz-login-brand h1{
    font-size:11px;
    letter-spacing:3px;
  }

  .cz-input-wrap{
    height:58px;
    margin-bottom:17px;
  }

  .cz-input-icon{
    width:50px;
    flex-basis:50px;
  }

  .cz-signin-btn{
    min-height:58px;
  }

  .cz-login-footer{
    gap:9px;
    font-size:8px;
    letter-spacing:2px;
  }

  .cz-login-copyright{
    bottom:12px;
    font-size:9px;
  }
}

@media(max-width:390px){
  .brand-v26{
    width:205px;
  }

  .nav-actions{
    display:none;
  }

  .cz-login-card{
    padding-left:16px;
    padding-right:16px;
  }
}