:root{
--navy:#0c1a35;
--gold:#f5a623;
--muted:#94a3b8;
--paper:#f4f1eb;
}

body{font-family:'DM Sans',sans-serif;background:var(--paper);}

/* ticker */
.ticker-wrap{
  background:var(--gold);
  overflow:hidden;
  display:flex;
  align-items:center;
  height:34px;
}

.ticker-track{
  position:relative;
  flex:1;
  overflow:hidden;
}

.ticker-inner{
  display:flex;
  width:max-content;
  animation:tickerScroll 40s linear infinite;
}

@keyframes tickerScroll{
  0%{ transform:translateX(100%); }
  100%{ transform:translateX(-100%); }
}

.t-item{
  white-space:nowrap;
  padding:6px 20px;
  font-size:12px;
  font-weight:600;
  color:var(--navy);
}

/* hero grid */
.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}
@media(max-width:768px){
.hero-grid{grid-template-columns:1fr;}
}

.hero-right{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

/* STAT CARD */
.stat-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:16px;
  transition:all .2s ease;
}

/* HOVER EFFECT */
.stat-card:hover{
  border-color:rgba(245,166,35,.4);
  transform:translateY(-2px);
}

/* BIG NUMBER */
.stat-num{
  font-family:'Playfair Display',serif;
  font-size:26px;
  font-weight:700;
  color:#f5a623;
  line-height:1;
}

/* LABEL */
.stat-lbl{
  font-size:11px;
  color:#94a3b8;
  margin-top:6px;
}

/* TRENDING FULL WIDTH */
.stat-card.wide{
  grid-column:1 / -1;
  display:flex;
}

/* TREND LABEL */
.trending-label{
  font-size:10px;
  font-weight:700;
  color:#f5a623;
  text-transform:uppercase;
  margin-bottom:8px;
}

/* TAGS */
.trend-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

/* TAG STYLE */
.trend-tag{
  font-size:11px;
  color:#94a3b8;
  border:1px solid rgba(255,255,255,.12);
  padding:4px 10px;
  border-radius:4px;
  cursor:pointer;
  transition:all .2s;
}

/* HOVER */
.trend-tag:hover{
  border-color:#f5a623;
  color:#f5a623;
}

/* HOT TAG */
.trend-tag.hot{
  border-color:#f5a623;
  color:#f5a623;
}

/* LEFT HERO */
.hero-left{
  max-width:520px;
}

/* KICKER */
.hero-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}

/* PILL */
.kicker-pill{
  background:rgba(245,166,35,.12);
  border:1px solid rgba(245,166,35,.35);
  color:#f5a623;
  font-size:10px;
  font-weight:700;
  padding:4px 12px;
  border-radius:20px;
  text-transform:uppercase;
  letter-spacing:.6px;
}

/* ISSUE */
.kicker-issue{
  color:#64748b;
  font-size:11px;
  font-family:'DM Mono', monospace;
}

/* HEADLINE */
.hero-headline{
  font-family:'Playfair Display', serif;
  font-size:36px;
  font-weight:700;
  color:#fff;
  line-height:1.15;
  margin-bottom:14px;
}

/* HIGHLIGHT */
.hero-headline em{
  color:#f5a623;
  font-style:italic;
}

/* GOLD LINE */
.hero-headline .rule{
  display:block;
  width:50px;
  height:3px;
  background:#f5a623;
  margin-top:10px;
  border-radius:2px;
}

/* DESCRIPTION */
.hero-desc{
  font-size:13px;
  color:#94a3b8;
  line-height:1.7;
  margin-bottom:20px;
}

/* SEARCH BOX */
.hero-search{
  display:flex;
  border:1px solid rgba(255,255,255,.15);
  border-radius:7px;
  overflow:hidden;
  max-width:420px;
  margin-bottom:18px;
  background:rgba(255,255,255,.05);
}

.hero-search input{
  flex:1;
  background:transparent;
  border:none;
  padding:10px 14px;
  color:#e2e8f0;
  font-size:13px;
  outline:none;
}

.hero-search input::placeholder{
  color:#475569;
}

.hero-search button{
  background:#f5a623;
  color:#0c1a35;
  border:none;
  padding:0 18px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

.hero-search button:hover{
  background:#e8940f;
}

/* TRUST ROW */
.hero-trust{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

/* EACH ITEM */
.trust-i{
  display:flex;
  align-items:center;
  gap:5px;
  color:#64748b;
  font-size:11.5px;
}

.trust-i strong{
  color:#94a3b8;
}

/* VERTICAL LINE */
.trust-vbar{
  width:1px;
  height:12px;
  background:#1e3460;
}

/* SECTION BAR */
.section-bar{
  background:#f8f7f4;
  border-top:1px solid #e2ddd5;
  border-bottom:1px solid #e2ddd5;
  padding:10px 20px;
  display:flex;
  align-items:center;
  gap:12px;
}

/* TITLE */
.sec-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#2d3748;
}

/* LINE */
.sec-line{
  flex:1;
  height:1px;
  background:#e2ddd5;
}

/* DATE */
.sec-date{
  font-size:11px;
  color:#718096;
  font-family:'DM Mono', monospace;
}

/* CATEGORY STRIP */
.cat-strip{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:14px 0;
  border-bottom:1px solid #e2ddd5;
}

/* COMMON TAB */
.cp{
  padding:6px 14px;
  border-radius:4px;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  border:1.5px solid transparent;
  text-decoration:none;
  transition:all .15s;
}

/* ALL BUTTON */
.cp-all{
  background:#0c1a35;
  color:#fff;
  border-color:#0c1a35;
}

/* DEFAULT CATEGORY */
.cp-default{
  background:#ffffff;
  color:#2d3748;
  border-color:#e2ddd5;
}

/* HOVER */
.cp-default:hover{
  border-color:#f5a623;
  color:#f5a623;
}

.cp-gst{background:#fff4ef;color:#c2410c;border-color:#fcd5c0;}
.cp-it{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.cp-ins{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe;}
.cp-nclt{background:#f0f9ff;color:#0369a1;border-color:#bae6fd;}
.cp-sebi{background:#ecfdf5;color:#065f46;border-color:#a7f3d0;}
.cp-co{background:#fff1f2;color:#9f1239;border-color:#fecdd3;}
.cp-rbi{background:#fff4ef;color:#0ea5e9;border-color:#0ea5e9;}
.cp-pro{background:#fff4ef;color:#f59e0b;border-color:#f59e0b;}
.cp-law{background:#fff4ef;color:#10b981;border-color:#10b981;}
.cp-inlaw{background:#fff4ef;color:#ef4444;border-color:#ef4444;}
.cp-nclat{background:#fff4ef;color:#8b5cf6;border-color:#8b5cf6;}
.cp-cod{background:#fff4ef;color:#ec4899;border-color:#ec4899;}

/* NAV LINKS */
.nav-link{
  color:#94a3b8;
  padding:4px 6px;
  border-radius:5px;
  display:flex;
  align-items:center;
  transition:all .2s;
}

/* HOVER */
.nav-link:hover{
  color:#FF8C00;
  background:rgba(255,255,255,.06);
}

/* ACTIVE */
.nav-link.active{
  color:#FF8C00;
  background:rgba(255,140,0,.12);
}

/* DROPDOWN */
.dropdown-menu{
  position:absolute;
  top:100%;
  left:0;
  width:200px;
  background:#ffffff;
  border-radius:6px;
  box-shadow:0 8px 20px rgba(0,0,0,.1);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:all .2s;
  z-index:50;
}

/* SHOW ON HOVER */
.group:hover .dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* DROPDOWN ITEM */
.dropdown-item{
  display:block;
  padding:10px 14px;
  font-size:13px;
  color:#1f2937;
  transition:all .15s;
}

/* DROPDOWN HOVER */
.dropdown-item:hover{
  background:#f3f4f6;
  color:#FF8C00;
}

/* ACTIVE CHILD */
.dropdown-item.active{
  background:#fff7ed;
  color:#FF8C00;
  font-weight:600;
}

figure.table {
    width: 100%;
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

td {
    border: 1px solid #ccc;
    padding: 8px;
}
[x-cloak] {
    display: none !important;
}

/* FOOTER GRID */
.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;
    gap:30px;
}

/* MOBILE */
@media(max-width:992px){
    .footer-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px){
    .footer-grid{
        grid-template-columns:1fr;
    }
}

/* TITLE */
.footer-title{
    color:#fff;
    font-size:13px;
    font-weight:700;
    margin-bottom:12px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

/* LINKS */
.footer-link{
    display:block;
    font-size:13px;
    margin-bottom:8px;
    color:#94a3b8;
    text-decoration:none;
    transition:all .2s;
}

.footer-link:hover{
    color:#f5a623;
}
/* GRID */
.main-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:30px;
}

@media(max-width:992px){
    .main-grid{grid-template-columns:1fr;}
}

/* TABS */
.cat-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:20px;
}

.tab{
    padding:6px 12px;
    font-size:12px;
    border-radius:6px;
    border:1px solid #ddd;
    text-decoration:none;
    color:#333;
}

.tab.active{
    background:#0c1a35;
    color:#fff;
}

.tab-gst{background:#fff4ef;color:#c2410c;border-color:#fcd5c0;}
.tab-it{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.tab-ins{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe;}
.tab-nclt{background:#f0f9ff;color:#0369a1;border-color:#bae6fd;}
.tab-sebi{background:#ecfdf5;color:#065f46;border-color:#a7f3d0;}
.tab-co{background:#fff1f2;color:#9f1239;border-color:#fecdd3;}

/* SECTION */
.section-title{
    font-size:11px;
    letter-spacing:1px;
    color:#666;
    margin-bottom:10px;
}

/* FEATURED */
.featured-card{
    background:#fff;
    border-left:4px solid #f5a623;
    padding:20px;
    border-radius:8px;
    margin-bottom:20px;
}

.featured-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
}

.featured-desc{
    font-size:13px;
    color:#666;
}

.read-more{
    color:#2563eb;
    font-size:12px;
}

/* LIST */
.list-card{
    display:flex;
    gap:15px;
    align-items:flex-start;
    padding:15px;
    background:#fff;
    border-radius:8px;
    margin-bottom:10px;
}

.list-number{
    font-size:18px;
    color:#ccc;
}

.list-title{
    font-weight:600;
}

.list-desc{
    font-size:13px;
    color:#666;
}

.read-link{
    margin-left:auto;
    font-size:12px;
}

/* SIDEBAR */
.sidebar{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.side-card{
    background:#fff;
    padding:15px;
    border-radius:8px;
}

.side-card.dark{
    background:#0c1a35;
    color:white;
}

.side-title{
    font-weight:700;
    margin-bottom:10px;
}

/* DEADLINES */
.deadline-item{
    display:flex;
    gap:10px;
    margin-bottom:10px;
}

.date{
    font-weight:bold;
}

.input{
    width:100%;
    padding:8px;
    margin-bottom:10px;
}

.btn{
    width:100%;
    background:#f5a623;
    padding:10px;
}