/* ==========================================================
   BCS JOB SOLUTION — FINAL PREMIUM GLASS WEBSITE
   ========================================================== */

:root{
  --premium-navy:#0b2f70;
  --premium-blue:#155bd7;
  --premium-blue2:#2f72e8;
  --premium-purple:#5b67d8;
  --premium-gold:#ffd63f;
  --premium-card:rgba(255,255,255,.88);
  --premium-line:rgba(95,132,200,.22);
  --premium-shadow:0 16px 42px rgba(42,78,145,.11);
}

body{
  background:
    radial-gradient(circle at 10% 0%,rgba(53,112,220,.07),transparent 28%),
    radial-gradient(circle at 90% 18%,rgba(108,132,218,.06),transparent 28%),
    #f3f6fc;
}

/* HEADER / BRAND */
.premium-header{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px) saturate(135%);
  border-bottom:1px solid rgba(92,124,186,.16);
  box-shadow:0 6px 24px rgba(35,70,132,.05);
}

.premium-brand{
  gap:9px;
}

.brand-logo-image{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(26,58,120,.15);
}

.brand-copy strong{
  font-size:17px;
  font-weight:900;
  color:#0d1b35;
}

.brand-copy small{
  display:block;
  margin-top:4px;
  color:#1755d6;
  font-size:9px;
  font-weight:800;
  letter-spacing:2px;
}

.premium-get-app{
  background:linear-gradient(135deg,#2677ff,#0649c7);
  box-shadow:0 10px 25px rgba(25,84,205,.22);
}

/* HERO */
.premium-hero{
  position:relative;
  overflow:hidden;
  padding:70px 0 78px;
  background:
    radial-gradient(circle at 75% 18%,rgba(99,150,255,.26),transparent 34%),
    radial-gradient(circle at 92% 92%,rgba(255,218,83,.15),transparent 25%),
    linear-gradient(118deg,#0a2c67 0%,#12458f 47%,#1f61cf 100%);
}

.premium-hero:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.10;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:38px 38px;
  pointer-events:none;
}

.premium-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:50px;
}

.premium-kicker,
.premium-section-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  color:#1954bd;
  background:#eaf2ff;
  font-family:Inter,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
}

.premium-hero .premium-kicker{
  color:#e6eeff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
}

.premium-hero h1{
  margin:13px 0 17px;
  font-size:clamp(42px,6vw,76px);
  line-height:1.05;
  letter-spacing:-1.8px;
}

.premium-hero h1 span{
  display:block;
  margin-top:5px;
  background:linear-gradient(90deg,#ffd34e,#ff8d4c,#fff1a7);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.premium-hero p{
  max-width:670px;
  margin:0;
  color:#d9e6ff;
  font-size:18px;
  line-height:1.75;
}

.premium-primary-btn{
  background:linear-gradient(135deg,#2677ff,#0647c6);
}

.premium-glass-btn{
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:none;
  backdrop-filter:blur(12px);
}

.hero-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.hero-trust-row span{
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  color:#cbdcff;
  background:rgba(255,255,255,.07);
  font-size:11px;
}

.premium-hero-logo-wrap{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
}

.hero-logo-glow{
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(255,200,61,.25),rgba(63,116,255,.20) 45%,transparent 70%);
  filter:blur(14px);
}

.hero-logo-glass{
  position:relative;
  width:min(410px,90%);
  padding:24px;
  border:1px solid rgba(255,255,255,.21);
  border-radius:38px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
  box-shadow:
    0 30px 70px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(16px);
}

.hero-logo-glass img{
  width:100%;
  border-radius:24px;
}

/* GLOBAL PREMIUM SECTION */
.premium-home-section{
  position:relative;
  padding:48px 0;
}

.alt-section{
  background:
    linear-gradient(180deg,rgba(236,242,252,.82),rgba(247,249,253,.90));
  border-top:1px solid rgba(111,142,199,.10);
  border-bottom:1px solid rgba(111,142,199,.10);
}

.premium-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.premium-section-head h2{
  margin:7px 0 0;
  color:#101f3e;
  font-size:29px;
  line-height:1.2;
}

.premium-section-head p{
  margin:5px 0 0;
  color:#6d7890;
  font-size:13px;
}

.compact-head{
  margin-bottom:14px;
}

.compact-head h2{
  font-size:24px;
}

.premium-view-all{
  flex:0 0 auto;
  padding:9px 13px;
  border:1px solid rgba(42,100,210,.14);
  border-radius:11px;
  background:#fff;
  color:#1757c8;
  font-size:12px;
  font-weight:900;
  box-shadow:0 7px 18px rgba(29,64,130,.05);
}

.glass-card{
  border:1px solid rgba(133,157,205,.20);
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,251,255,.74));
  box-shadow:var(--premium-shadow);
  backdrop-filter:blur(16px);
}

/* HORIZONTAL AUTO RAIL */
.premium-rail{
  display:flex;
  gap:15px;
  overflow-x:auto;
  padding:4px 4px 16px;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:#b7c7e8 transparent;
}

.premium-rail::-webkit-scrollbar{
  height:7px;
}

.premium-rail::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#c1cdea;
}

.premium-rail>*{
  flex:0 0 clamp(255px,25vw,300px);
  scroll-snap-align:start;
}

.rail-controls{
  display:flex;
  gap:7px;
}

.rail-arrow{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,126,185,.20);
  border-radius:11px;
  background:#fff;
  color:#1c57c2;
  cursor:pointer;
  font-size:22px;
  box-shadow:0 8px 18px rgba(30,61,120,.06);
}

/* RECENT POST */
.recent-post-card{
  overflow:hidden;
  min-height:305px;
  border-radius:20px;
  color:inherit;
}

.recent-post-thumb{
  height:145px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eaf1ff,#fff4d0);
  font-size:38px;
}

.recent-post-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.recent-post-content{
  padding:15px;
}

.recent-kind{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  color:#1754be;
  background:#eaf2ff;
  font-size:10px;
  font-weight:900;
}

.recent-job .recent-kind{
  color:#0d7d49;
  background:#eaf9f1;
}

.recent-notice .recent-kind{
  color:#a65304;
  background:#fff4df;
}

.recent-post-content h3{
  margin:8px 0 5px;
  font-size:16px;
  line-height:1.42;
}

.recent-post-content p{
  margin:0 0 8px;
  color:#768197;
  font-size:11px;
}

.recent-post-content small{
  color:#8190a8;
  font-size:10px;
}

/* CATEGORY CARDS */
.premium-category-card{
  overflow:hidden;
  min-height:355px;
  display:flex;
  flex-direction:column;
  border-radius:21px;
}

.premium-category-image{
  height:175px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef3ff,#fff7dd);
  font-size:42px;
}

.premium-category-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.premium-category-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:15px;
}

.premium-card-label,
.premium-card-badge,
.free-card-badge{
  align-self:flex-start;
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
}

.premium-card-label{
  color:#6640bc;
  background:#f0ebff;
}

.premium-card-badge{
  color:#985a00;
  background:#fff0cd;
}

.free-card-badge{
  color:#0e8446;
  background:#e7f8ef;
}

.premium-category-body h3{
  margin:9px 0 8px;
  color:#12213f;
  font-size:17px;
  line-height:1.38;
}

.premium-stat-row{
  display:flex;
  flex-wrap:wrap;
  gap:5px 10px;
  margin-bottom:13px;
  color:#748098;
  font-size:10px;
}

.premium-card-action{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:auto;
  padding:11px 12px;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(90deg,#2678ff,#064cca);
  font-size:12px;
  font-weight:900;
  box-shadow:0 9px 20px rgba(33,91,207,.15);
}

.syllabus-action{
  background:linear-gradient(90deg,#7c3aed,#2f68e8);
}

/* LECTURES */
.lecture-premium-rail>*{
  flex-basis:310px;
}

.premium-lecture-card{
  overflow:hidden;
  min-height:420px;
  display:flex;
  flex-direction:column;
  border-radius:21px;
}

.premium-lecture-thumb{
  position:relative;
  height:175px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#edf3ff,#fff5d1);
  font-size:40px;
}

.premium-lecture-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.floating-premium,
.floating-free{
  position:absolute;
  top:10px;
  left:10px;
  padding:5px 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  backdrop-filter:blur(8px);
}

.floating-premium{
  color:#744400;
  background:rgba(255,235,174,.91);
}

.floating-free{
  color:#0d7e46;
  background:rgba(230,250,239,.94);
}

.premium-lecture-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:15px;
}

.premium-lecture-body h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.42;
}

.lecture-path{
  display:flex;
  flex-wrap:wrap;
  gap:4px 8px;
  color:#78839a;
  font-size:10px;
}

.premium-rating{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:10px;
  color:#778198;
  font-size:10px;
}

.premium-rating strong{
  color:#e8a300;
}

.premium-coins{
  align-self:flex-start;
  margin-top:9px;
  padding:5px 8px;
  border-radius:999px;
  color:#815800;
  background:#fff3c9;
  font-size:10px;
  font-weight:900;
}

/* FEATURE CARDS */
.compact-feature-rail>*{
  flex-basis:265px;
}

.premium-feature-card{
  position:relative;
  min-height:235px;
  display:flex;
  flex-direction:column;
  padding:18px;
  border-radius:20px;
  color:inherit;
}

.premium-feature-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:16px;
  background:
    linear-gradient(135deg,#eaf1ff,#fff1c7);
  font-size:28px;
  box-shadow:inset 0 0 0 1px rgba(95,123,180,.08);
}

.premium-feature-card h3{
  margin:0 0 6px;
  font-size:17px;
}

.premium-feature-card p{
  flex:1;
  margin:0 0 13px;
  color:#758199;
  font-size:12px;
  line-height:1.55;
}

.app-only-pill{
  position:absolute;
  top:17px;
  right:17px;
  padding:4px 7px;
  border-radius:999px;
  color:#724400;
  background:#fff0bd;
  font-size:8px;
  font-weight:950;
  letter-spacing:.5px;
}

/* JOB CIRCULAR */
.compact-job-rail>*{
  flex-basis:320px;
}

.premium-job-category-card{
  min-height:105px;
  display:grid;
  grid-template-columns:60px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:14px;
  border-radius:17px;
  color:inherit;
}

.premium-job-icon{
  width:58px;
  height:58px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#eef4ff;
  font-size:25px;
}

.premium-job-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.premium-job-copy strong,
.premium-job-copy span{
  display:block;
}

.premium-job-copy strong{
  font-size:14px;
}

.premium-job-copy span{
  margin-top:4px;
  color:#7a859c;
  font-size:10px;
}

.premium-job-category-card>b{
  color:#1f5dca;
  font-size:19px;
}

.job-ad-note{
  margin-top:10px;
  color:#7e8799;
  font-size:10px;
}

/* DUAL PANELS */
.premium-dual-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.premium-leaderboard-panel,
.premium-account-panel,
.premium-updates-panel{
  padding:18px;
  border:1px solid rgba(125,151,205,.20);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(247,250,255,.76));
  box-shadow:var(--premium-shadow);
  backdrop-filter:blur(18px);
}

.premium-leaderboard-panel{
  background:
    radial-gradient(circle at 0 0,rgba(255,202,67,.16),transparent 27%),
    linear-gradient(145deg,rgba(255,255,255,.93),rgba(245,248,255,.80));
}

.final-rank-list{
  display:grid;
  gap:8px;
}

.final-rank-row{
  display:grid;
  grid-template-columns:38px 44px minmax(0,1fr) 78px;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(142,160,201,.20);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  color:inherit;
}

.final-rank-row.rank-1{
  background:linear-gradient(90deg,#fff7d9,#fff);
  border-color:#f1d47b;
}

.final-rank-number{
  text-align:center;
  color:#2257c7;
  font-weight:950;
}

.final-rank-avatar{
  width:40px;
  height:40px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  background:#eef3ff;
}

.final-rank-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.final-rank-user,
.final-rank-score{
  min-width:0;
}

.final-rank-user strong,
.final-rank-user small,
.final-rank-score strong,
.final-rank-score small{
  display:block;
}

.final-rank-user strong{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:12px;
}

.final-rank-user small{
  margin-top:2px;
  color:#7e889d;
  font-size:8px;
}

.final-rank-score{
  text-align:right;
}

.final-rank-score strong{
  color:#1755c7;
  font-size:14px;
}

.final-rank-score small{
  color:#8b94a7;
  font-size:7px;
  letter-spacing:.4px;
}

.premium-account-list,
.premium-update-list{
  display:grid;
  gap:8px;
}

.premium-account-item,
.premium-update-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px solid rgba(139,158,199,.18);
  border-radius:14px;
  background:rgba(255,255,255,.80);
  color:inherit;
}

.account-icon,
.update-dot{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,#ecf2ff,#fff3cc);
  font-size:20px;
}

.premium-account-item strong,
.premium-account-item small,
.update-copy strong,
.update-copy small{
  display:block;
}

.premium-account-item strong,
.update-copy strong{
  font-size:12px;
  line-height:1.35;
}

.premium-account-item small,
.update-copy small{
  margin-top:3px;
  color:#7c879b;
  font-size:9px;
}

.notice-panel{
  background:
    radial-gradient(circle at 100% 0,rgba(255,196,70,.11),transparent 26%),
    linear-gradient(145deg,rgba(255,255,255,.93),rgba(249,250,255,.79));
}

.job-dot{
  background:#e9f4ff;
}

.notice-dot{
  background:#fff3d9;
}

/* ADSENSE */
.premium-ad-slot{
  width:min(1180px,calc(100% - 32px));
  min-height:100px;
  margin:8px auto 12px;
  position:relative;
  display:grid;
  place-items:center;
  padding:16px;
  border:1px solid rgba(136,154,194,.18);
  border-radius:18px;
  background:rgba(255,255,255,.58);
}

.premium-ad-placeholder{
  border-style:dashed;
  color:#8792a7;
}

.premium-ad-placeholder>div{
  text-align:center;
}

.premium-ad-placeholder strong,
.premium-ad-placeholder small{
  display:block;
}

.premium-ad-placeholder strong{
  font-size:11px;
}

.premium-ad-placeholder small{
  margin-top:3px;
  font-size:8px;
}

.ad-label{
  position:absolute;
  top:6px;
  left:10px;
  color:#9ba4b6;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.8px;
}

/* FINAL CTA */
.final-app-cta-section{
  padding:42px 0 65px;
}

.final-app-cta{
  display:grid;
  grid-template-columns:105px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:23px;
  border-radius:24px;
  background:
    radial-gradient(circle at 0 0,rgba(255,207,72,.14),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,245,255,.83));
}

.final-app-cta img{
  width:100px;
  height:100px;
  object-fit:cover;
  border-radius:22px;
  box-shadow:0 13px 28px rgba(31,62,120,.14);
}

.final-app-cta h2{
  margin:7px 0 4px;
  font-size:26px;
}

.final-app-cta p{
  margin:0;
  color:#6e7990;
  line-height:1.55;
  font-size:12px;
}

.premium-empty{
  padding:24px 16px;
  border:1px dashed #cbd7ec;
  border-radius:16px;
  background:rgba(255,255,255,.67);
  color:#728098;
  text-align:center;
}

/* FOOTER */
.premium-footer{
  position:relative;
  overflow:hidden;
  margin-top:0;
  background:
    radial-gradient(circle at 10% 0,rgba(67,116,219,.24),transparent 30%),
    linear-gradient(135deg,#09275a,#0b3b82);
}

.premium-footer-grid{
  display:grid;
  grid-template-columns:1.45fr .7fr .75fr .9fr;
  gap:28px;
}

.premium-footer-brand{
  display:flex;
  align-items:flex-start;
  gap:13px;
}

.premium-footer-brand img{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 15px 30px rgba(0,0,0,.20);
}

.premium-footer-brand h3{
  margin:2px 0 6px;
  color:#fff;
  font-size:20px;
}

.premium-footer-brand p,
.premium-footer-app p{
  margin:0;
  color:#afc4e9;
  font-size:12px;
  line-height:1.6;
}

.premium-footer h4{
  color:#fff;
}

.premium-footer a{
  color:#c7d8f5;
  font-size:12px;
}

/* Hover */
@media(hover:hover){
  .glass-card,
  .premium-account-item,
  .premium-update-item,
  .final-rank-row{
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease;
  }

  .glass-card:hover{
    transform:translateY(-4px);
    border-color:rgba(73,119,214,.30);
    box-shadow:0 23px 48px rgba(25,58,120,.16);
  }

  .premium-account-item:hover,
  .premium-update-item:hover,
  .final-rank-row:hover{
    transform:translateX(3px);
    border-color:rgba(73,119,214,.26);
  }
}

/* RESPONSIVE */
@media(max-width:1040px){
  .premium-hero-grid{
    grid-template-columns:1fr .8fr;
  }

  .premium-hero-logo-wrap{
    min-height:330px;
  }

  .premium-dual-grid{
    grid-template-columns:1fr;
  }

  .premium-footer-grid{
    grid-template-columns:1.2fr 1fr 1fr;
  }

  .premium-footer-app{
    grid-column:1/-1;
  }
}

@media(max-width:760px){
  .premium-hero{
    padding:48px 0 58px;
  }

  .premium-hero-grid{
    grid-template-columns:1fr;
  }

  .premium-hero-logo-wrap{
    display:none;
  }

  .premium-hero h1{
    font-size:44px;
  }

  .premium-hero p{
    font-size:16px;
  }

  .premium-home-section{
    padding:37px 0;
  }

  .premium-section-head{
    align-items:flex-start;
  }

  .premium-section-head h2{
    font-size:25px;
  }

  .premium-view-all{
    padding:8px 10px;
  }

  .premium-rail>*{
    flex-basis:82vw;
    max-width:315px;
  }

  .compact-feature-rail>*{
    flex-basis:78vw;
  }

  .premium-dual-grid{
    gap:14px;
  }

  .final-app-cta{
    grid-template-columns:72px minmax(0,1fr);
  }

  .final-app-cta img{
    width:70px;
    height:70px;
  }

  .final-app-cta .btn{
    grid-column:1/-1;
    width:100%;
  }

  .premium-footer-grid{
    grid-template-columns:1fr 1fr;
  }

  .premium-footer-brand,
  .premium-footer-app{
    grid-column:1/-1;
  }
}

@media(max-width:500px){
  .premium-hero h1{
    font-size:38px;
  }

  .premium-section-head{
    gap:8px;
  }

  .premium-section-head h2{
    font-size:22px;
  }

  .premium-section-head p{
    font-size:11px;
  }

  .rail-controls{
    display:none;
  }

  .premium-rail>*{
    flex-basis:86vw;
  }

  .premium-leaderboard-panel,
  .premium-account-panel,
  .premium-updates-panel{
    padding:13px;
    border-radius:18px;
  }

  .final-rank-row{
    grid-template-columns:32px 38px minmax(0,1fr) 65px;
    padding:8px;
  }

  .final-rank-avatar{
    width:36px;
    height:36px;
  }

  .premium-footer-grid{
    grid-template-columns:1fr;
  }

  .premium-footer-brand,
  .premium-footer-app{
    grid-column:auto;
  }
}


/* ==========================================================
   HERO FEATURE PANEL — REFERENCE STYLE
   ========================================================== */

.premium-hero-feature-wrap{
  position:relative;
  min-height:390px;
  display:grid;
  place-items:center;
}

.hero-feature-glass{
  width:min(420px,92%);
  padding:24px;
  display:grid;
  gap:13px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:30px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.16),
      rgba(255,255,255,.07)
    );
  box-shadow:
    0 28px 60px rgba(9,39,92,.24),
    inset 0 1px 0 rgba(255,255,255,.20);
  backdrop-filter:blur(18px);
}

.hero-feature-row{
  min-height:72px;
  display:flex;
  align-items:center;
  padding:0 22px;
  border-radius:15px;
  font-family:Inter,"Hind Siliguri",sans-serif;
  font-size:21px;
  font-weight:900;
  letter-spacing:-.2px;
  box-shadow:0 10px 24px rgba(5,31,78,.10);
  transition:transform .18s ease, box-shadow .18s ease;
}

.hero-feature-row:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(5,31,78,.17);
}

.hero-feature-white{
  color:#0f4eb7;
  background:rgba(255,255,255,.97);
}

.hero-feature-red{
  color:#fff;
  background:linear-gradient(135deg,#ef4149,#ef3643);
}

.hero-feature-blue{
  color:#fff;
  background:linear-gradient(135deg,#214c87,#174477);
}

.hero-feature-yellow{
  color:#15244a;
  background:linear-gradient(135deg,#ffd53e,#ffd239);
}

/* Lighten all premium glass cards to match the older blue/white theme */
.glass-card,
.premium-leaderboard-panel,
.premium-account-panel,
.premium-updates-panel{
  border-color:rgba(104,139,203,.18);
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(247,250,255,.90)
    );
  box-shadow:0 15px 38px rgba(36,74,142,.09);
}

/* Cleaner blue primary actions */
.premium-card-action,
.premium-primary-btn,
.premium-get-app{
  background:linear-gradient(90deg,#1f6df0,#0852c8);
}

@media(max-width:760px){
  .premium-hero-feature-wrap{
    min-height:auto;
    margin-top:24px;
  }

  .hero-feature-glass{
    width:100%;
    padding:16px;
    border-radius:23px;
  }

  .hero-feature-row{
    min-height:58px;
    padding:0 17px;
    font-size:17px;
  }
}


/* ==========================================================
   FINAL ADSENSE LAYOUT — NO ID / NO FILL = NO GAP
   ========================================================== */

.bcs-ad-wrap{
  width:100%;
  max-width:1180px;
  margin:18px auto;
  padding:8px 0;
  position:relative;
  overflow:hidden;
  background:transparent;
  border:0;
  min-height:0;
}

.bcs-ad-label{
  display:block;
  margin-bottom:4px;
  color:#9aa5b8;
  font-size:8px;
  line-height:1;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.bcs-responsive-ad{
  width:100%;
  min-height:0;
}

/* Google commonly marks a no-fill unit with data-ad-status="unfilled". */
.bcs-ad-wrap:has(.adsbygoogle[data-ad-status="unfilled"]){
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  min-height:0 !important;
}

/* JS also applies this class for browsers / timing cases. */
.bcs-ad-wrap.bcs-ad-unfilled,
.bcs-ad-wrap.bcs-ad-collapsed{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  min-height:0 !important;
}

/* Ad inserted between grid cards should span the full grid width. */
.content-grid-ad-break{
  grid-column:1 / -1;
  width:100%;
}

.content-grid-ad-break:empty{
  display:none;
}

/* Remove obsolete development placeholder blocks if an old cached
   template ever emits them. */
.premium-ad-placeholder{
  display:none !important;
}

/* Wider layout for desktop / ultrawide while keeping comfortable reading. */
@media(min-width:1700px){
  .premium-rail>*{
    flex-basis:285px;
  }

  .recent-post-rail>*{
    flex-basis:300px;
  }

  .lecture-premium-rail>*{
    flex-basis:315px;
  }
}

@media(max-width:760px){
  .bcs-ad-wrap{
    margin:13px auto;
    padding:4px 0;
  }
}


/* ==========================================================
   FINAL COMPACT SPACING
   ========================================================== */

/* Major homepage sections: reduce excessive blank vertical space. */
.premium-home-section{
  padding:30px 0 !important;
}

.alt-section{
  padding-top:30px !important;
  padding-bottom:30px !important;
}

.premium-section-head{
  margin-bottom:14px !important;
}

.compact-head{
  margin-bottom:11px !important;
}

.premium-rail{
  padding-bottom:9px !important;
}

.premium-ad-slot,
.bcs-ad-wrap{
  margin-top:8px !important;
  margin-bottom:8px !important;
}

/* If no ad HTML exists, the surrounding layout gets no artificial break. */
.content-grid-ad-break:empty{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.final-app-cta-section{
  padding:28px 0 40px !important;
}

@media(min-width:1200px){
  .premium-home-section{
    padding:27px 0 !important;
  }

  .premium-section-head h2{
    font-size:26px;
  }
}

@media(max-width:760px){
  .premium-home-section{
    padding:24px 0 !important;
  }

  .premium-section-head{
    margin-bottom:11px !important;
  }
}

/* ==========================================================
   LEGAL / INFO PAGES
   ========================================================== */

.legal-hero{
  padding:38px 0;
  background:
    radial-gradient(circle at 85% 18%,rgba(78,139,255,.18),transparent 28%),
    linear-gradient(120deg,#0a2c67,#1b5bc4);
  color:#fff;
}

.legal-hero h1{
  margin:8px 0 6px;
  color:#fff;
  font-size:clamp(31px,4vw,48px);
}

.legal-hero p{
  margin:0;
  max-width:760px;
  color:rgba(255,255,255,.86);
}

.legal-page{
  padding:34px 0 48px;
}

.legal-card{
  max-width:1050px;
  margin:0 auto;
  padding:28px;
  border:1px solid rgba(105,137,199,.18);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 42px rgba(35,70,135,.08);
}

.legal-card h2{
  margin:26px 0 9px;
  color:#122447;
  font-size:22px;
}

.legal-card h2:first-child{
  margin-top:0;
}

.legal-card h3{
  margin:18px 0 7px;
  color:#1b4f9e;
  font-size:17px;
}

.legal-card p,
.legal-card li{
  color:#4e5d75;
  line-height:1.72;
  font-size:14px;
}

.legal-card ul{
  padding-left:22px;
}

.legal-note{
  margin:16px 0;
  padding:13px 15px;
  border-left:4px solid #2368d8;
  border-radius:10px;
  background:#eef5ff;
  color:#36516f;
}

.legal-warning{
  margin:16px 0;
  padding:13px 15px;
  border-left:4px solid #e4a31a;
  border-radius:10px;
  background:#fff7df;
  color:#694d0c;
}

.legal-contact-box{
  margin-top:18px;
  padding:17px;
  border-radius:15px;
  background:linear-gradient(135deg,#edf4ff,#f8fbff);
}

.legal-contact-box strong,
.legal-contact-box a{
  display:block;
}

.legal-contact-box a{
  margin-top:5px;
  color:#1558c7;
  font-weight:800;
}

/* ==========================================================
   COPY / SCREENSHOT DETERRENCE
   Note: browsers cannot fully block OS-level screenshots.
   ========================================================== */

body.bcs-copy-protected,
body.bcs-copy-protected *:not(input):not(textarea):not(select){
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

body.bcs-copy-protected img{
  -webkit-user-drag:none;
  user-drag:none;
}

.bcs-content-watermark{
  position:fixed;
  right:14px;
  bottom:12px;
  z-index:9997;
  pointer-events:none;
  opacity:.14;
  padding:5px 8px;
  border-radius:8px;
  color:#173d80;
  background:rgba(255,255,255,.72);
  font:700 10px/1.2 Inter,sans-serif;
  letter-spacing:.2px;
}

#bcsScreenshotShield{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(5,22,50,.96);
  color:#fff;
  text-align:center;
  font:800 18px/1.45 Inter,sans-serif;
}

#bcsScreenshotShield.active{
  display:flex;
}

@media print{
  body *{
    visibility:hidden !important;
  }

  body:before{
    content:"Printing/copying is restricted by BCS Job Solution.";
    visibility:visible !important;
    position:fixed;
    inset:0;
    display:grid;
    place-items:center;
    color:#111;
    font-size:22px;
  }
}

@media(max-width:700px){
  .legal-card{
    padding:20px 16px;
    border-radius:17px;
  }

  .legal-page{
    padding-top:22px;
  }

  .bcs-content-watermark{
    right:8px;
    bottom:8px;
    font-size:8px;
  }
}


/* Footer has an additional Legal & Support column. */
.premium-footer-grid{
  grid-template-columns:1.35fr .65fr .72fr .78fr .86fr !important;
}

@media(max-width:1150px){
  .premium-footer-grid{
    grid-template-columns:1.2fr 1fr 1fr !important;
  }

  .premium-footer-app{
    grid-column:auto !important;
  }
}

@media(max-width:760px){
  .premium-footer-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .premium-footer-brand{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:500px){
  .premium-footer-grid{
    grid-template-columns:1fr !important;
  }

  .premium-footer-brand{
    grid-column:auto !important;
  }
}

/* ==========================================================
   v5 — FIREFOX / TRACKING-PROTECTION SAFE ADSENSE COLLAPSE
   Ad space stays at zero until Google confirms data-ad-status="filled".
   This removes Advertisement text + blank gaps when Firefox ETP,
   an ad blocker, network failure, or no-fill prevents an ad from loading.
   ========================================================== */
.bcs-ad-wrap[data-bcs-ad-wrap]{
  display:block !important;
  width:100% !important;
  max-width:1180px !important;
  height:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  transition:none !important;
}

.bcs-ad-wrap[data-bcs-ad-wrap] .bcs-ad-label{
  display:none !important;
}

/* Only a confirmed filled AdSense unit is allowed to occupy space. */
.bcs-ad-wrap[data-bcs-ad-wrap].bcs-ad-filled{
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  margin:8px auto !important;
  padding:4px 0 !important;
  opacity:1 !important;
  overflow:visible !important;
  pointer-events:auto !important;
}

.bcs-ad-wrap[data-bcs-ad-wrap].bcs-ad-filled .bcs-ad-label{
  display:block !important;
  margin-bottom:4px !important;
}

.bcs-ad-wrap[data-bcs-ad-wrap].bcs-ad-unfilled,
.bcs-ad-wrap[data-bcs-ad-wrap].bcs-ad-collapsed,
.bcs-ad-wrap[data-bcs-ad-wrap]:has(.adsbygoogle[data-ad-status="unfilled"]){
  height:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}