*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Nunitoo', sans-serif;
  font-weight:800;
  font-style:normal;
}

html,body{
  width:100%;
  overflow-x:hidden;
  background:#f5f7fa;
  font-size:;
  color:#222;
}


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

.header-sub{
font-size:14px;
}

.announce-msg{
font-size:13px;
}

.brand-logo{
  width:50%;
  max-width:1100;
  height:auto !important;
  display:block;
  margin:5px auto;
}

.brand-h1{
width:99%;
max-width:2000px;
margin:3px auto;
padding:15px 20px;
text-align:center;
background:#ffffff;
border-radius:15px;
border:1px solid #e10600;
border-top:5px solid #e10600;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}
.brand-sub{
    display:block;
margin-top:2px;

font-size:10px;
text-align: center;
font-weight:900;

color:#666;
letter-spacing:.3px;
line-height:1.5;
}

.brand-subb{
display:block;
margin-top:2px;
font-weight: 800;
font-size:13px;
color:#555;
}
.seo-h1{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.live-container{
  width:98%;
  max-width:2200px;
  margin:5px auto;
  background:#fff;
  border-radius:9px;
  border:0.9px solid grey ;
  box-shadow:30px 30px 30px rgba(0,0,0,.07);
  overflow:hidden;
}

.1live-header-07{
  background:#e10600;
  color:#fff;
  padding:12px;
  text-align:center;
  font-weight:900;
}
.live-header-07{
  position:relative;
  background:#111;
  color:#fff;
  letter-spacing:2px;
  font-size:0px;
  padding:8px;
  text-align:center;
  font-weight:999;
  overflow:hidden;
}

.live-header-07::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 80%, rgba(255,255,255,.12) 3px, transparent 4px),
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.10) 4px, transparent 5px),
    radial-gradient(circle at 60% 70%, rgba(255,255,255,.08) 3px, transparent 4px),
    radial-gradient(circle at 80% 40%, rgba(255,255,255,.10) 5px, transparent 6px),
    radial-gradient(circle at 50% 90%, rgba(255,255,255,.08) 4px, transparent 5px);
  animation:bubbleMove 10s linear infinite;
}

@keyframes bubbleMove{
  0%{
    transform:translateY(0);
  }
  100%{
    transform:translateY(-25px);
  }
}
.live-title{
  font-size:20px;
}

.live-subtitle{
  font-size:15px;
  opacity:.9;
}

.market-box{
  padding:8px;
  border-bottom:1px solid #eee;
  text-align:center;
}


.wish-message{
  margin-top:1px;
  font-size:12px;
  background:;
  padding:6px;
  border-radius:6px;
}

.refresh-btn{
  margin-top:1px;
  padding:5px 12px;
  background:#e10600;
  color:#fff;
  border:none;
  border-radius:20px;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}

.promo-mini{
max-width:1100px;
  width:98%;
margin:5px auto;
padding:10px 10px;
background:#fff;
border-radius:10px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.12);
border:1px solid black;
transition:0.3s;
}

.promo-mini:hover{
transform:translateY(-3px);
box-shadow:0 15px 35px rgba(0,0,0,0.18);
}

.promo-mini h2{
font-size:21px;
font-weight:900;
color:#ff0000;
margin-bottom:6px;
letter-spacing:1px;
}

.promo-mini .sub{
font-size:14px;
font-weight:700;
color:#222;
margin-bottom:5px;
}

.promo-mini .text{
font-size:10px;
color:#444;
line-height:1.0;
font-weight:600;
}

.promo-mini a{
display:inline-block;
margin-top:10px;
padding:8px 8px;
font-size:9px;
font-weight:900;
color:#fff;
text-decoration:none;
border-radius:50px;
background:linear-gradient(145deg,#000,#1a1a1a);
box-shadow:
0 6px 15px rgba(0,0,0,0.3),
0 0 0 0 rgba(255,0,0,0.4);
transition:0.3s;

animation:pulse 2.2s infinite;
}

@keyframes pulse{
0%{
box-shadow:0 0 0 0 rgba(255,0,0,0.4);
}
50%{
box-shadow:0 0 0 5px rgba(255,0,0,0.1);
}
100%{
box-shadow:0 0 0 0 rgba(255,0,0,0);
}
}

.promo-mini a:hover{
transform:scale(1.05);
background:linear-gradient(145deg,#111,#000);
}

.small-line{
margin-top:5px;
font-size:10px;
font-weight:500;
color:#ff0000;
letter-spacing:0.0px;
}

@media(max-width:1100px){

.promo-mini{
padding:8px 8px;
}

.promo-mini h2{
font-size:15px;
}

}
.cpboss-announce{
  max-width:400px;  /* chota limit */
  width:97%;
  margin:2px auto;

  background:#fff;
  border-radius:12px;
  border:1px solid #ddd;
  box-shadow:0 6px 15px rgba(0,0,0,.08);

  overflow:hidden;
}

.announce-title{
background:#e10600;
color:#fff;

font-weight:900;
font-size:14px;

text-align:center;
padding:8px 10px;
}

.announce-msg{
font-size:10px;
font-weight:900;
text-align:center;
padding:12px 10px;

animation:announceGlow 2s infinite ease-in-out;
}

@keyframes announceGlow{

0%{
color:#e10600;
text-shadow:0 0 3px rgba(225,6,0,0.4);
}

25%{
color:#000;
text-shadow:0 0 4px rgba(0,0,0,0.4);
}

50%{
color:#facc15;
text-shadow:0 0 6px rgba(250,204,21,0.7);
}

75%{
color:#16a34a;
text-shadow:0 0 6px rgba(22,163,74,0.7);
}

100%{
color:#2563eb;
text-shadow:0 0 6px rgba(37,99,235,0.7);
}

}

.notice-card{
  width:100%;
  max-width:2200px;
  margin:5px auto;
  border:1px solid grey;
  background:#fff;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  overflow:hidden;
}


.notice-header{
  background: black;
  color:#fff;
  padding:8px;
  
  font-weight:900;
  text-align:center;
}

.notice-body{
  padding:11px;
  font-weight:900;
  margin:1px auto;
  text-align:center;
  font-size:14px;
}
.instant-note{
  margin-top:10px;
  font-size:10px;
  font-weight:700;
  color:red;
  text-align:center;
}
.contact-link{
text-decoration:none;
color: white;
font-weight:700;
}
.email-box{
  margin-top:2px;
  padding:6px 14px;
  border-radius:25px;
  border:1px solid #e10600;
  display:inline-block;
  background:black;

  transform:translateZ(0);
  backface-visibility:hidden;
  will-change:transform;
}

.footer{
  padding:5px;
  font-size:10px;
  font-weight:900;
  text-align:center;
  color:#777;
}
.disabled{
opacity:1.0;
pointer-events:none;
}


.marquee-wrap{
  width:95%;
  max-width:1100px;
  margin:10px auto;
  border:1px solid #e10600;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}

.marquee{
  white-space:nowrap;
  padding:8px;
  font-weight:700;
  color:#e10600;
  animation:scroll 25s linear infinite;
}

@keyframes scroll{
  from{transform:translateX(100%)}
  to{transform:translateX(-100%)}
}

@media(max-width:600px){
  .market-card{
    flex-direction:column;
    gap:8px;
  }
  .btn-pill{
    width:100%;
    text-align:center;
  }
}
.forum{
max-width:1100px;
width:99%;
margin:10px auto;
padding:20px 10px;
background: white;
border-radius:10px;
text-align:center;
box-shadow:0 6px 20px rgba(0,0,0,0.15);
border:1px solid #ff0000;
}

.logo-wrap{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:1px;
}
.logo-wrap img{
width:100px;
height:100px;
border:0px solid grey;
border-radius:50%;
object-fit:cover;
box-shadow:0 0px 0px rgba(255,0,0,0.4);

pointer-events:none;   
user-select:none;      
}

.cpboss1{
display:inline-block;
margin-top:3px;
padding:10px 10px;
font-size:13px;
font-weight:900;
color:#fff;
text-decoration:none;
border-radius:30px;
background:black;
box-shadow:0 5px 15px rgba(255,0,0,0.4);
transition:0.2s;

animation:pulse 1.7s infinite;
}

@keyframes pulse{
0%{
box-shadow:0 0 0 0 rgba(255,0,0,0.6);
}
80%{
box-shadow:0 0 0 5px rgba(255,0,0,0);
}
100%{
box-shadow:0 0 0 0 rgba(255,0,0,0);
}
}

.cpboss1:hover{
transform:scale(1.08);
}

.sub{
margin-top:8px;
font-size:5px;
font-weight:900;
line-height:1.6;
color:#777;
text-decoration:none;
letter-spacing:0.1px;
}

.sub span{
display:block;
margin-top:2px;
font-size:5px;
font-weight:900;
color:black;
letter-spacing:0.1px;
}
.sub{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

@media(max-width:1100px){
  .forum{
    padding:10px 10px 10px;
  }

  .cpboss1{
    font-size:10px;
    padding:6px 5px;
  }
  .logo-wrap img{
width:50px;
height:50px;
}

   .sub{
    font-size:11px;
  }

   .sub span{
    font-size:11px;
  }
}



.1market-header{
  width:95%;
  max-width:1100px;
  margin:5px auto 15px;
  padding:16px;
  background:black;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff;
  font-weight:900;
  font-size:17px;
  letter-spacing:1px;
  box-shadow:0 12px 35px rgba(225,6,0,.35);
}
.market-header{
  width:100%;
  max-width:2200px;
  margin:10px auto 0;
  padding:10px;

  text-align:center;
  font-size:18px;
  font-weight:900;
  letter-spacing:1px;

  color:#fff;
  background:#000;

  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom:4px solid #e10600;

  box-shadow:0 0 0px rgba(225,6,0,0.5);
}

.market-header22{
position:relative;
width:95%;
max-width:1100px;
margin:8px auto 18px;
padding:12px;

background:linear-gradient(135deg,#000,#1a1a1a);
border-radius:12px;

display:flex;
align-items:center;
justify-content:center;
gap:12px;

color:#fff;
font-weight:900;
font-size:18px;
letter-spacing:1.5px;

box-shadow:0 0 15px rgba(225,6,0,.5);

overflow:hidden;
}



.market-header1::before{
content:"";
position:absolute;
inset:0;

background:
radial-gradient(circle at 15% 70%, rgba(255,255,255,.15) 3px, transparent 4px),
radial-gradient(circle at 40% 30%, rgba(255,255,255,.12) 4px, transparent 5px),
radial-gradient(circle at 70% 80%, rgba(255,255,255,.10) 3px, transparent 4px),
radial-gradient(circle at 85% 40%, rgba(255,255,255,.12) 5px, transparent 6px);

animation:marketBubble 12s linear infinite;
opacity:.7;
}

@keyframes marketBubble{
0%{
transform:translateY(0);
}
100%{
transform:translateY(-30px);
}
}

.market-title{
text-transform:uppercase;
}

.market-card{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:10px;

padding:10px;
width:97%;
margin:12px auto;   

background:#fff;
border-radius:16px;
box-shadow:0 4px 15px rgba(0,0,0,.08);
}
.softwhite{
background:#fff200;
border-radius:16px;
}

.market-card .center{
text-align:center;
}

.btn-pill{
padding:7px 16px;
border-radius:30px;
font-size:12px;
font-weight:900;
text-decoration:none;
color:white;
text-align:center;

background:linear-gradient(135deg,#ff3b3b,#e10600);
box-shadow:0 4px 10px rgba(225,6,0,.25);
}

.btn-pill.panel{
background:linear-gradient(135deg,#333,#111);
color: white;
}

@media(max-width:1100px){

.btn-pill{
padding:6px 12px;
font-size:11px;
}

.card-name{
font-size:16px;
font-weight:900;
color:#c30000;   
}
.card-time{
font-size:11px;
color:#555;
font-weight:700;
margin-top:4px;
letter-spacing:.3px;
}
.card-result{
font-size:16px;
font-weight:800;
color:#222;      
}

}


.\30 7section{
  width:95%;
  max-width:1100px;
  margin:20px auto;
  text-align:center; 
}

.card{
  position:relative;
  padding:35px 30px;
  border-radius:22px;
  background:linear-gradient(145deg,#ffffff,#f9f9f9);
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.05);
  box-shadow:
    0 20px 60px rgba(0,0,0,.08),
    0 8px 25px rgba(225,6,0,.08);
  transition:.4s ease;

  margin:0 auto;        
  text-align:center;    
}

.card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:24px;
  padding:2px;
  background:linear-gradient(120deg,#e10600,#ff2d2d,#111,#e10600);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:borderMove 6s linear infinite;
}

@keyframes borderMove{
  0%{background-position:0% 50%;}
  100%{background-position:300% 50%;}
}

.card:hover{
  transform:translateY(-8px);
  box-shadow:
    0 25px 70px rgba(0,0,0,.12),
    0 15px 40px rgba(225,6,0,.18);
}

.title{
  display:inline-block;
  font-size:15px;
  font-weight:900;
  letter-spacing:1px;
  padding:10px 28px;
  border-radius:999px;
  background:linear-gradient(135deg,#e10600,#ff2d2d);
  color:#fff;
  margin:0 auto 20px;   
  box-shadow:0 10px 30px rgba(225,6,0,.35);
}

.card p{
  font-size:15px;
  line-height:1.8;
  color:#333;
  margin-bottom:14px;
}

.highlight{
  color:#e10600;
  font-weight:900;
}

.contact-btn{
  display:inline-block;
  margin:18px auto 0;
  padding:12px 34px;
  border-radius:50px;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,#e10600,#ff2d2d);
  box-shadow:0 10px 30px rgba(225,6,0,.4);
  transition:.3s ease;
}

.contact-btn:hover{
  transform:scale(1.08);
  box-shadow:0 15px 40px rgba(225,6,0,.6);
}

.o7-footer-wrap{
  margin-top:70px;
  padding:30px 0 40px;
  background:#0f0f0f;
  position:relative;
  overflow:hidden;
}

.o7-footer-wrap::before{
  content:"";
  position:absolute;
  width:600px;
  height:600px;
  background:radial-gradient(circle,#e1060040,transparent 70%);
  top:-200px;
  left:50%;
  transform:translateX(-50%);
  animation:glowMove 6s ease-in-out infinite alternate;
}

@keyframes glowMove{
  from{ transform:translateX(-50%) scale(1); }
  to{ transform:translateX(-50%) scale(1.2); }
}

.o7-footer{
  text-align:center;
  padding:14px 10px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
  font-size:13px;
  line-height:1.5;
  color:#cbd5e1;

  background:linear-gradient(180deg,#020617,#000);
  border-top:1px solid rgba(250,204,21,.35);
}

.o7-footer b{
  color:#facc15;
  font-weight:900;
  letter-spacing:.5px;
}

@media(max-width:1100px){

  .card{
    padding:25px 18px;
  }

  .title{
    font-size:13px;
    padding:8px 20px;
  }

  .card p{
    font-size:14px;
  }

  .o7-logo-text-main{
    font-size:24px;
  }
}
.footer-bar{
  width:99%;
  max-width:1100px;
  margin:10px auto;
  background:#000;
  border-top:3px solid #e10600;
  padding:14px 14px;
  border-radius:8px;
}

.footer-bar-inner{
  max-width:1100px;
  margin:auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}

.footer-brand{
  font-size:20px;
  font-weight:900;
  letter-spacing:2px;
}

.footer-brand span:nth-child(1){color:#ff2d2d;}
.footer-brand span:nth-child(2){color:#ff8c00;}
.footer-brand span:nth-child(3){color:#ffd700;}
.footer-brand span:nth-child(4){color:#00e676;}
.footer-brand span:nth-child(5){color:#00b0ff;}
.footer-brand span:nth-child(6){color:#b388ff;}

.footer-menu{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  font-size:12px;
  font-weight:800;
}

.footer-menu a{
  text-decoration:none;
  color:#ddd;
  padding:5px 10px;
  border-radius:5px;
  transition:all .25s ease;
}

.footer-menu a:hover{
  color:#fff;
  background:#e10600;
  transform:translateY(-2px);
  box-shadow:0 0 8px rgba(225,6,0,0.7);
}

.footer-menu a:active{
  transform:scale(0.90);
  background:#b80000;
}

.footer-copy{
  font-size:11px;
  color:#888;
}

@media(max-width:1100px){

.footer-bar-inner{
  flex-direction:column;
  gap:10px;
  text-align:center;
}

.footer-menu{
  justify-content:center;
}

}

/* SPLASH SCREEN */

#splashScreen{
  position:fixed;
  inset:0;
  background:rgba(255,255,255,0.6);
  backdrop-filter:blur(1px) saturate(100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:9999;
  transition:opacity .1s ease;
}


/* INSTAGRAM RING */

.insta-ring{
  width:60px;
  height:60px;
  border-radius:50%;
  padding:2px;

  background:linear-gradient(
    45deg,
    #feda75,
    #fa7e1e,
    #d62976,
    #962fbf,
    #4f5bd5
  );

  display:flex;
  align-items:center;
  justify-content:center;

  box-shadow:0 0 20px rgba(214,41,118,.35);

  animation:ringRotate 3s linear infinite;
}

.insta-inner{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#fff;

  display:flex;
  align-items:center;
  justify-content:center;
}

.insta-inner img{
  width:36px;
  height:36px;
  border-radius:50%;
}


/* INSTALL SHEET */

#installOverlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  backdrop-filter:blur(4px);
  z-index:9998;
  opacity:0;
  pointer-events:none;
  transition:.3s;
}

#installSheet{
  position:fixed;
  bottom:-100%;
  left:50%;
  transform:translateX(-50%);
  width:90%;
  max-width:420px;

  background:#fff;
  color:#111;

  border-radius:20px;

  padding:20px 15px 25px;

  text-align:center;

  box-shadow:0 -10px 40px rgba(0,0,0,.6);

  z-index:9999;

  transition:.4s ease;
}

.sheet-line{
  width:40px;
  height:4px;
  background:#ddd;
  border-radius:10px;
  margin:0 auto 12px;
}

.sheet-title{
  font-size:18px;
  font-weight:900;
  margin-bottom:6px;
  color:#e10600;
}

.sheet-text{
  font-size:13px;
  color:#555;
  margin-bottom:15px;
}

.install-btn{
  width:90%;
  padding:12px;
  background:#e10600;
  color:#fff;
  border:none;
  border-radius:30px;
  font-size:15px;
  font-weight:900;
  margin-bottom:8px;
}

.later-btn{
  width:90%;
  padding:10px;
  background:#f2f2f2;
  color:#333;
  border:none;
  border-radius:30px;
}


.floating-left,
.floating-right{

  position:fixed;
  bottom:5px;

  padding:6px 12px;

  font-size:12px;
  font-weight:900;

  border-radius:5px;

  text-decoration:none;

  color:#fff;

  z-index:9999;

  box-shadow:0 6px 15px rgba(0,0,0,.25);

  transition:.3s ease;
}


/* LEFT = RED */

.floating-left{
  left:5px;
  background:#e10600;
}


/* RIGHT = BLACK */

.floating-right{
  right:5px;
  background:#000;
}


/* HOVER */

.floating-left:hover,
.floating-right:hover{

  transform:scale(1.05);

}


/* LOADER */

.premium-loader{
  margin-top:14px;
  width:36px;
  height:36px;
  border-radius:50%;
  border:3px solid transparent;
  border-top:3px solid #e10600;
  border-right:3px solid #000;
  animation:spin .7s linear infinite;
  filter:drop-shadow(0 0 6px rgba(225,6,0,.4));
}


/* ANIMATION */

@keyframes ringRotate{
  0%{
    transform:rotate(0deg);
  }

  100%{
    transform:rotate(360deg);
  }
}

@keyframes spin{
  0%{
    transform:rotate(0);
  }

  100%{
    transform:rotate(360deg);
  }
}

@keyframes pop{
  0%{
    transform:scale(.7);
    opacity:0;
  }

  100%{
    transform:scale(1);
    opacity:1;
  }
}