:root{
  --mc-bg:#060b14;
  --mc-surface:#0b1220;
  --mc-surface-2:#101a2d;
  --mc-border:rgba(120,160,220,.18);
  --mc-text:#eaf2ff;
  --mc-text-soft:#b7c6df;
  --mc-primary:#2ba3a8;
  --mc-primary-2:#3aabed;
  --mc-shadow:0 24px 60px rgba(0,0,0,.32);
}
html,body{background:radial-gradient(circle at top left, rgba(58,171,237,.16), transparent 28%),radial-gradient(circle at 85% 15%, rgba(43,163,168,.14), transparent 24%),linear-gradient(180deg,#050912 0%, #07101c 48%, #060b14 100%)!important;color:var(--mc-text)!important;}
body,#root{min-height:100vh;color:var(--mc-text)!important;}
a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
a:hover{color:#7ed6ff}
header,nav,.res-bar{background:rgba(7,12,22,.72)!important;border-bottom:1px solid rgba(126,214,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.18)}
section,main>div,article{position:relative}
main section, .home-about, .home-service, .home-goal, .home-testimonial, .feature-point, .home-prisingTable, .product-page, .blog, .about-banner {
  isolation:isolate;
}
.home-about::before,.home-service::before,.feature-point::before,.home-prisingTable::before,.product-page::before,.blog::before,.about-banner::before{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(6,11,20,.38), rgba(6,11,20,.82));z-index:0;pointer-events:none;
}
.home-about > *, .home-service > *, .feature-point > *, .home-prisingTable > *, .product-page > *, .blog > *, .about-banner > *{position:relative;z-index:1}
.home-goal,.home-testimonial,.footer{background-color:#070d17!important}
.footer{border-top:1px solid rgba(126,214,255,.08)}
.card,.product-card,.service-card,.chatbot-box,.chat-body,.chat-window,.contact-card,.blog-card,.feature-card,
[class*="card"], [class*="Card"], .grid > div, .swiper-slide, article, .res-bar + div > div {
  background:linear-gradient(180deg, rgba(13,22,38,.88), rgba(10,17,30,.96))!important;
  border:1px solid var(--mc-border)!important;
  box-shadow:var(--mc-shadow)!important;
  color:var(--mc-text)!important;
  backdrop-filter:blur(8px);
}
input,textarea,select,.inputDark{
  background:#091120!important;color:var(--mc-text)!important;border:1px solid rgba(126,214,255,.16)!important;
}
button,.btn,.button,a[class*="btn"],a[class*="button"],.toggle-icon,.options button,.chat-header button{
  border-radius:12px!important;
}
button:not(.slick-arrow), .btn, .options button, .toggle-icon, a[class*="btn"], a[class*="button"]{
  background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-2))!important;color:#fff!important;border:none!important;
  box-shadow:0 10px 28px rgba(58,171,237,.24)!important;
}
button:not(.slick-arrow):hover, .btn:hover, .options button:hover, .toggle-icon:hover, a[class*="btn"]:hover, a[class*="button"]:hover{
  transform:translateY(-1px);filter:brightness(1.05)
}
h1,h2,h3,h4,h5,h6{color:#fff!important;letter-spacing:-.01em}
p,li,span,small,label{color:var(--mc-text-soft)!important}
strong,b{color:#fff!important}
.active{background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-2))!important;color:#fff!important}
.chat-header{background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-2))!important}
.toggle-icon{background:linear-gradient(135deg,var(--mc-primary),var(--mc-primary-2))!important}
.topic-scroll::-webkit-scrollbar-thumb{background:#28425f}
img{filter:saturate(1.05)}
.hero img, .banner img, [class*="hero"] img{filter:drop-shadow(0 24px 42px rgba(0,0,0,.35))}
.footer a, nav a, header a{color:#dce8ff!important}
.footer a:hover, nav a:hover, header a:hover{color:#7ed6ff!important}
@media (max-width:768px){
  header,nav,.res-bar{backdrop-filter:blur(12px)}
  .card,.product-card,.service-card,[class*="card"], [class*="Card"], .grid > div, .swiper-slide, article{box-shadow:0 14px 34px rgba(0,0,0,.28)!important}
}