/* ===== RESET ===== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:"Noto Serif Devanagari","Mangal",serif;
  background:#f2f2f2;
  color:#111;
}

/* ===== HEADER ===== */
.site-header{
  background:#fff;
  border-bottom:3px solid #000;
  position:sticky;
  top:0;
  z-index:1000;
}


.header-inner{
  max-width:1200px;
  margin:auto;
  display:flex;
  align-items:center;
  padding:10px 15px;
}

.logo{
  height:72px;     /* पहले 60px था */
  margin-right:14px;
}


.brand-hi{
  font-size:36px;   /* पहले 30 था */
  font-weight:900;
}

.brand-hi span{
  color:#c62828;
}

.brand-en{
  font-size:18px;
  color:#0d47a1;         /* blue */
  font-weight:700;       /* bold */
}

/* ===== NAV ===== */
.nav-wrap{
  background:#0d47a1;
  position:fixed;
  top:82px;              /* header height ke hisab se */
  left:0;
  width:100%;
  z-index:999;
}



.nav{
  max-width:1200px;
  margin:auto;
  display:flex;
  justify-content:center;   /* ✅ CENTER MENU */
  gap:22px;
  padding:10px 15px;
}

.nav a{
  color:#fff;
  text-decoration:none;
  font-weight:600;
}

/* ===== PAGE ===== */
.page{
  max-width:1000px;
  margin:auto;
  padding:25px 15px;
  padding-top:160px;   /* header + blue menu space */
}


/* ===== NEWS GRID (HOME) ===== */
.news-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.news-item{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,0.08);
  transition:.3s;
  text-decoration:none;
  color:#000;
}

.news-item:hover{
  transform:translateY(-4px);
}

.news-item img{
  width:100%;
  height:240px;
  object-fit:cover;
}

.news-item h2{
  padding:12px;
  font-size:18px;
  font-weight:700;
}

/* ===== NEWSPAPER PAGE ===== */
.page.newspaper{
  max-width:1000px;
  background:#fff;
  padding:30px 40px;
  border:2px solid #000;
  box-shadow:0 12px 35px rgba(0,0,0,0.25);
}

/* Paper Header */
.paper-head{
  text-align:center;
  border-bottom:3px double #000;
  padding-bottom:12px;
  margin-bottom:20px;
}

.paper-name{
  font-size:46px;
  font-weight:900;
  color:#c62828;
}

.paper-strip{
  font-size:14px;
  font-weight:600;
}

.paper-datetime{
  font-size:14px;
  margin-top:6px;
}

/* Headline */
.newspaper-headline{
  font-size:32px;
  font-weight:900;
  color:#ff6f00;
  text-align:center;
  margin:20px 0;
}

/* News Image */
.news-photo{
  width:100%;
  max-height:420px;
  object-fit:cover;
  border:1px solid #aaa;
  margin:20px 0;
}

/* News Text */
.newspaper-text{
  font-size:17.5px;
  line-height:1.9;
  text-align:justify;
}

/* Desktop Columns */
@media(min-width:900px){
  .newspaper-text{
    column-count:3;
    column-gap:35px;
  }
}

/* ===== MOBILE ===== */
@media(max-width:768px){

  .header-inner{
    flex-direction:column;
    text-align:center;
  }

  .nav{
    justify-content:center;
    flex-wrap:wrap;
  }

  .news-grid{
    grid-template-columns:1fr;
  }

  .news-item img{
    height:200px;
  }

  .paper-name{
    font-size:32px;
  }

  .newspaper-headline{
    font-size:24px;
  }

  .newspaper-text{
    column-count:1;
    font-size:16px;
  }

}


@media(max-width:768px){

  .header-inner{
    flex-direction:column;
    text-align:center;
  }

  .brand-hi{
    font-size:28px;   /* mobile readable */
  }

  .brand-en{
    font-size:14px;
  }

  .nav{
    flex-wrap:wrap;
    gap:12px;
  }

}


/* ===== Contact Page Professional Style ===== */
.contact-container {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
  margin-top: 20px;
}

/* Contact & Developer Card */
.contact-card, .developer-card {
  flex: 1 1 350px;
  background: #ffffff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.contact-card:hover, .developer-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.contact-card h2, .developer-card h2 {
  color: #1a4fa3;
  margin-bottom: 15px;
  font-size: 22px;
}

.contact-card p, .developer-card p {
  font-size: 15px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 10px;
}

.contact-card a {
  color: #1a4fa3;
  text-decoration: none;
}

.contact-card a:hover {
  text-decoration: underline;
}

/* Buttons */
.contact-buttons {
  margin-top: 20px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.contact-buttons a {
  display: inline-block;
  padding: 10px 18px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s;
  text-decoration: none;
  color: #fff;
}

.call-btn {
  background: #1a4fa3;
}

.whatsapp-btn {
  background: #25D366;
}

.contact-buttons a:hover {
  opacity: 0.85;
  transform: scale(1.05);
}

/* Social Icons */
.social-links {
  margin-top: 20px;
}

.social-links a {
  display: inline-block;
  margin-right: 10px;
}

.social-links img {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  transition: transform 0.3s;
}

.social-links img:hover {
  transform: scale(1.1);
}

/* Developer Photo */
.developer-photo {
  width: 100%;
  max-width: 200px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 15px auto;
}

/* Mobile Responsive */
@media(max-width:768px){
  .contact-container {
    flex-direction: column;
    gap: 20px;
  }

  .contact-card, .developer-card {
    padding: 20px;
  }
}


/* ===== About Us Page ===== */
.about-title {
  text-align: center;
  margin-bottom: 30px;
}

.about-card {
  background: #ffffff;
  padding: 30px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  line-height: 1.8;
}

.about-card h2 {
  margin-top: 25px;
  margin-bottom: 10px;
  color: #1a4fa3;
  font-size: 22px;
}

.about-card p {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
}

.about-card ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

.about-card ul li {
  margin-bottom: 8px;
  font-size: 15.5px;
}

.about-footer {
  text-align: center;
  margin-top: 30px;
  font-size: 17px;
  font-weight: 600;
  color: #1a4fa3;
}

/* Mobile */
@media(max-width:768px){
  .about-card {
    padding: 20px;
  }

  .about-card h2 {
    font-size: 20px;
  }
}



/* ===== Privacy Policy Page ===== */
.privacy-title {
  text-align: center;
  margin-bottom: 30px;
}

.policy-card {
  background: #ffffff;
  padding: 32px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  line-height: 1.8;
}

.policy-card h2 {
  margin-top: 25px;
  margin-bottom: 10px;
  color: #1a4fa3;
  font-size: 22px;
}

.policy-card p {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
}

.policy-card ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

.policy-card ul li {
  margin-bottom: 8px;
  font-size: 15.5px;
}

.policy-footer {
  text-align: center;
  margin-top: 30px;
  font-size: 17px;
  font-weight: 600;
  color: #1a4fa3;
}

/* Mobile */
@media(max-width:768px){
  .policy-card {
    padding: 20px;
  }

  .policy-card h2 {
    font-size: 20px;
  }
}



/* ===== Terms & Conditions Page ===== */
.terms-title {
  text-align: center;
  margin-bottom: 30px;
}

.terms-card {
  background: #ffffff;
  padding: 32px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  line-height: 1.8;
}

.terms-card h2 {
  margin-top: 25px;
  margin-bottom: 10px;
  color: #1a4fa3;
  font-size: 22px;
}

.terms-card p {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
}

.terms-footer {
  text-align: center;
  margin-top: 30px;
  font-size: 17px;
  font-weight: 600;
  color: #1a4fa3;
}

/* Mobile */
@media(max-width:768px){
  .terms-card {
    padding: 20px;
  }

  .terms-card h2 {
    font-size: 20px;
  }
}


/* ===== GLOBAL ENHANCEMENTS ===== */
body{
  background:#f3f5f8;
  color:#222;
}

/* Smooth scroll only for content */
.page{
  animation: fadeIn 0.6s ease-in;
}

@keyframes fadeIn{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}

/* ===== HEADER & NAV FIXED ===== */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
}

.nav-wrap{
  position:sticky;
  top:96px;
  z-index:999;
}

/* ===== NEWS CARD LOOK ===== */
.news-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.news-item{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,0.08);
  transition:0.3s;
}

.news-item:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(0,0,0,0.12);
}

/* Full photo – no crop */
.news-item img{
  width:100%;
  height:240px;
  object-fit:contain;
  background:#000;
}

/* Headline style */
.news-item h2{
  font-size:18px;
  font-weight:700;
  padding:12px;
  line-height:1.4;
}

/* ===== SHARE & LIKE BAR ===== */
.news-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 12px;
  border-top:1px solid #eee;
}

.like-btn{
  cursor:pointer;
  font-weight:600;
  color:#d32f2f;
}

.like-btn span{
  margin-left:4px;
  color:#444;
}

.whatsapp-share{
  color:#25D366;
  font-weight:600;
  text-decoration:none;
}

/* ===== INNER NEWS PAGE ===== */
.news-full img{
  width:100%;
  max-height:420px;
  object-fit:contain;
  background:#000;
  border-radius:12px;
  margin-bottom:15px;
}

.news-full p{
  font-size:16.5px;
  line-height:1.8;
  color:#333;
}

/* ===== ABOUT / CONTACT / POLICY / TERMS ===== */
.about-card,
.contact-card,
.policy-card,
.terms-card{
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* ===== BUTTONS ===== */
.btn{
  display:inline-block;
  padding:10px 18px;
  border-radius:30px;
  font-weight:600;
  text-decoration:none;
}

.btn-blue{
  background:#1a4fa3;
  color:#fff;
}

.btn-green{
  background:#25D366;
  color:#fff;
}

/* ===== FOOTER (if exists) ===== */
.footer{
  background:#0f2f63;
  color:#fff;
  text-align:center;
  padding:15px;
  margin-top:40px;
  font-size:14px;
}

/* ===== MOBILE ===== */
@media(max-width:768px){

  .nav-wrap{
    top:84px;
  }

  .news-grid{
    grid-template-columns:1fr;
  }

  .news-item img{
    height:200px;
  }

  .news-full img{
    max-height:260px;
  }
}


@media(max-width:768px){

  .logo{
    height:64px;   /* mobile में fit */
  }

  .brand-en{
    font-size:15px;
    font-weight:700;
  }

}




.subscribe-btn{
  margin-left:auto;
  background:#d32f2f;
  color:#fff;
  padding:10px 22px;
  border-radius:30px;
  text-decoration:none;
  font-weight:800;
  font-size:15px;
  box-shadow:0 4px 12px rgba(0,0,0,0.3);
  transition:0.3s;
}

.subscribe-btn:hover{
  background:#b71c1c;
  transform:scale(1.05);
}



/* ===== LIVE NEWS ===== */
.live-page{
  text-align:center;
}

.live-title{
  font-size:32px;
  font-weight:900;
  color:#c62828;
  margin-bottom:15px;
}

.live-video-box{
  background:#000;
  padding:10px;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(0,0,0,0.4);
}

.live-video{
  width:100%;
  height:70vh;
  object-fit:cover;
  border-radius:10px;
}

.live-note{
  margin-top:10px;
  font-size:15px;
  font-weight:600;
  color:#555;
}

/* Mobile */
@media(max-width:768px){
  .live-video{
    height:240px;
  }

  .live-title{
    font-size:24px;
  }
}


/* ===== LIVE NEWS PROFESSIONAL LOOK ===== */

.live-page{
  max-width:1200px;
  margin:auto;
  padding:25px 15px;
  background:#f9f9f9;
}

.live-title{
  font-size:34px;
  font-weight:900;
  color:#c62828;
  text-align:center;
  margin-bottom:18px;
  letter-spacing:0.5px;
  position:relative;
}

.live-title::before{
  content:"🔴 LIVE";
  position:absolute;
  left:50%;
  top:-22px;
  transform:translateX(-50%);
  font-size:13px;
  font-weight:700;
  color:#fff;
  background:#c62828;
  padding:3px 10px;
  border-radius:20px;
}

/* Video Frame */
.live-video-box{
  background:#000;
  padding:12px;
  border-radius:16px;
  box-shadow:
    0 20px 40px rgba(0,0,0,0.45),
    inset 0 0 0 2px #d32f2f;
  max-width:1100px;
  margin:auto;
}

/* Video */
.live-video{
  width:100%;
  height:72vh;
  border-radius:12px;
  object-fit:cover;
  background:#000;
}

/* Footer note */
.live-note{
  margin-top:12px;
  text-align:center;
  font-size:14px;
  font-weight:600;
  color:#444;
  letter-spacing:0.4px;
}

/* ===== MOBILE PERFECT FIT ===== */
@media(max-width:768px){

  .live-title{
    font-size:24px;
  }

  .live-title::before{
    font-size:11px;
    top:-18px;
  }

  .live-video{
    height:240px;
  }

  .live-video-box{
    padding:8px;
    border-radius:12px;
  }

}



/* ===== LIVE VIDEO SIZE CONTROL ===== */

.live-video-box{
  max-width:900px;   /* पहले 1100px था – अब छोटा */
  margin:auto;
}

.live-video{
  width:100%;
  height:55vh;       /* पहले 72vh था – अब कम */
  object-fit:cover;
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .live-video{
    height:200px;    /* mobile पर और छोटा */
  }
}


/* ===== HOME PAGE WIDTH REFINEMENT ===== */
.page{
  max-width:950px;   /* पहले 1000/1100 था */
}

/* ===== NEWS CARD LOOK ===== */
.news-item{
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

/* ===== LIKE & SHARE PROFESSIONAL STYLE ===== */
.news-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 12px;
  background:#fafafa;
  border-top:1px solid #e0e0e0;
}

/* Like button */
.news-actions .like-btn{
  background:#fff;
  border:1px solid #d32f2f;
  color:#d32f2f;
  padding:5px 12px;
  border-radius:20px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:0.3s;
}

.news-actions .like-btn:hover{
  background:#d32f2f;
  color:#fff;
}

/* Share button */
.news-actions .whatsapp-share{
  background:#25D366;
  color:#fff;
  padding:6px 14px;
  border-radius:20px;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  transition:0.3s;
}

.news-actions .whatsapp-share:hover{
  background:#1ebe5d;
}

/* Mobile fine tune */
@media(max-width:768px){
  .page{
    max-width:100%;
    padding:15px 10px;
  }

  .news-actions{
    gap:8px;
  }
}


/* ===== BREAKING NEWS TEXT ANIMATION (SAME PLACE) ===== */

.breaking-bar{
  background:#c62828;
  overflow:hidden;
}

.breaking-text{
  white-space:nowrap;
  display:inline-block;
  padding:8px 0;
  font-size:16px;
  font-weight:800;
  color:#fff;

  /* ONLY TEXT MOVE */
  animation: breakingScroll 15s linear infinite;
}

/* Text moves inside bar, bar stays fixed */
@keyframes breakingScroll{
  0%{
    transform:translateX(100%);
  }
  100%{
    transform:translateX(-100%);
  }
}




/* ===== CONTACT PAGE PROFESSIONAL LOOK ===== */

.contact-container{
  display:flex;
  gap:30px;
  flex-wrap:wrap;
  justify-content:center;
}

/* Cards */
.contact-card,
.developer-card{
  background:#fff;
  padding:28px;
  border-radius:16px;
  width:100%;
  max-width:480px;
  box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

/* Headings */
.contact-card h2,
.developer-card h2{
  text-align:center;
  color:#1a4fa3;
  margin-bottom:18px;
}

/* Address box */
.contact-address{
  background:#f4f6fb;
  border-left:4px solid #1a4fa3;
  padding:14px 16px;
  border-radius:8px;
  margin:16px 0;
  font-size:15px;
  line-height:1.6;
}

/* Buttons center */
.contact-buttons{
  display:flex;
  gap:14px;
  justify-content:center;
  margin-top:20px;
}

.call-btn,
.whatsapp-btn{
  padding:10px 18px;
  border-radius:30px;
  font-weight:600;
  text-decoration:none;
  color:#fff;
}

.call-btn{ background:#1a4fa3; }
.whatsapp-btn{ background:#25d366; }

/* Social icons */
.social-links{
  text-align:center;
  margin-top:20px;
}

.social-links img{
  width:32px;
  margin:0 8px;
  transition:transform .3s;
}

.social-links img:hover{
  transform:scale(1.15);
}

/* Developer image blue header */
.dev-image-wrap{
  background:#1a4fa3;
  padding:18px 0;
  text-align:center;
  border-radius:14px 14px 0 0;
  margin:-28px -28px 18px -28px;
}

.developer-photo{
  width:120px;
  height:120px;
  border-radius:50%;
  border:4px solid #fff;
  object-fit:cover;
}

/* Skills chips */
.dev-skills{
  margin:15px 0;
}

.dev-skills span{
  display:inline-block;
  background:#eef2ff;
  color:#1a4fa3;
  padding:6px 14px;
  margin:6px 6px 0 0;
  border-radius:20px;
  font-size:13px;
  font-weight:600;
}

/* Mobile */
@media(max-width:768px){
  .contact-container{
    gap:22px;
  }
}

/* ===== VERIFIED BADGE ===== */
.verified-badge{
  display:inline-block;
  margin:6px 0 12px;
  padding:6px 14px;
  font-size:13px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(135deg,#1e88e5,#0d47a1);
  border-radius:30px;
  box-shadow:0 4px 12px rgba(0,0,0,0.25);
}



/* ===== OFFICIAL PARTNER RIBBON ===== */
.partner-ribbon{
  position:absolute;
  top:18px;
  left:-12px;
  background:linear-gradient(135deg,#ff6f00,#e65100);
  color:#fff;
  padding:8px 22px;
  font-size:13px;
  font-weight:800;
  transform:rotate(-10deg);
  box-shadow:0 6px 16px rgba(0,0,0,0.35);
  border-radius:4px;
  z-index:5;
}

/* Developer card position fix */
.developer-card{
  position:relative;
}



/* ===== TOP SEARCH BAR ===== */
.top-search{
  background:#ffffff;
  padding:6px 10px;
  border-bottom:1px solid #eee;
}

.top-search input{
  width:250%;
  padding:8px 14px;
  font-size:14px;
  border-radius:25px;
  border:1px solid #ddd;
  outline:none;
}

.top-search input:focus{
  border-color:#ff9800;
}

/* Yellow highlight */
.highlight{
  background:#ffeb3b;
  padding:0 3px;
  border-radius:3px;
}

/* ===== SEARCH BAR ===== */
.top-search{
  position:relative;
  background:#fff;
  padding:6px 10px;
  border-bottom:1px solid #eee;
}

.top-search input{
  width:210%;
  padding:8px 36px;
  font-size:14px;
  border-radius:25px;
  border:1px solid #ddd;
  outline:none;
}

.top-search input:focus{
  border-color:#ff9800;
}

.search-icon{
  position:absolute;
  left:22px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
  color:#888;
}

.clear-btn{
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  font-size:13px;
  cursor:pointer;
  display:none;
}

/* ===== AUTO SUGGESTION ===== */
#suggestions{
  position:absolute;
  width:100%;
  background:#fff;
  border-radius:10px;
  box-shadow:0 6px 12px rgba(0,0,0,0.12);
  margin-top:6px;
  display:none;
  z-index:999;
}

#suggestions div{
  padding:10px 14px;
  font-size:14px;
  cursor:pointer;
}

#suggestions div:hover{
  background:#fff3cd;
}

/* Highlight */
.highlight{
  background:#ffeb3b;
  padding:0 3px;
  border-radius:3px;
}


/* ===== FIXED PROFESSIONAL MENUBAR ===== */
.nav-wrap{
  position:fixed;
  top:95px; /* header + search box height */
  left:0;
  width:100%;
  z-index:100;
  background:linear-gradient(90deg,#0d47a1,#1565c0);
  box-shadow:0 2px 8px rgba(0,0,0,0.25);
}

.nav{
  display:flex;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
}

.nav::-webkit-scrollbar{
  display:none;
}

.nav a{
  flex:0 0 auto;
  padding:12px 16px;
  font-size:14px;
  font-weight:500;
  color:#e3f2fd;
  text-decoration:none;
  transition:all .25s ease;
  position:relative;
}

.nav a:hover{
  color:#fff;
  background:rgba(255,255,255,0.08);
}

.nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  background:#ffeb3b;
  transform:scaleX(0);
  transition:transform .25s ease;
}

.nav a:hover::after{
  transform:scaleX(1);
}

/* Page content spacing after fixed menu */
.page{
  padding-top:60px;
}


/* ===== Speaker Button ===== */
.tts-box{
  text-align:right;
  margin:10px 0;
}
#speakBtn{
  background:#0b4da2;
  color:#fff;
  border:none;
  width:36px;
  height:36px;
  border-radius:50%;
  font-size:16px;
  cursor:pointer;
}
#speakBtn:hover{
  background:#083b7a;
}


/* ===============================
   PREMIUM SUBSCRIBE BUTTON
================================ */

/* Header alignment (search + subscribe same line) */
.header-inner{
  display:flex;
  align-items:center;
  gap:14px;
}

/* Subscribe Button Base */
.subscribe-btn{
  position:relative;
  padding:6px 16px 6px 30px; /* left space for icon */
  font-size:13px;
  font-weight:600;
  border-radius:22px;
  background:linear-gradient(135deg,#d32f2f,#b71c1c);
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(0,0,0,0.18);
  transition:all .25s ease;
}

/* Crown / Star Icon */
.subscribe-btn::before{
  content:"👑";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
}

/* PREMIUM Tag */
.subscribe-btn::after{
  content:"PREMIUM";
  position:absolute;
  top:-8px;
  right:-10px;
  background:#ffeb3b;
  color:#000;
  font-size:9px;
  font-weight:700;
  padding:2px 6px;
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,0.25);
}

/* Hover Effect */
.subscribe-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,0.3);
}

/* Mobile Friendly */
@media(max-width:768px){
  .subscribe-btn{
    font-size:12px;
    padding:5px 14px 5px 28px;
  }

  .subscribe-btn::after{
    font-size:8px;
    top:-7px;
  }
}