/*
Theme Name: India Cosmic SEO
Theme URI: #
Author: CosmicBet India
Author URI: #
Description: Immersive cosmic-space themed WordPress template for Indian gaming sites. Features starfield backgrounds, floating planet cards, galaxy orbit layouts, and shooting star animations.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: india-cosmic-seo
Tags: gaming, space, cosmic, responsive, bootstrap, india
*/
:root{
  --cosmic-deep:#050510;
  --cosmic-purple:#7c4dff;
  --cosmic-cyan:#00e5ff;
  --cosmic-pink:#ff4081;
  --cosmic-dark2:#0a0a2e;
  --cosmic-mid:#1a1a4e;
  --cosmic-star:#fffde7;
  --cosmic-glow:rgba(124,77,255,0.3);
}
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&display=swap');
body{font-family:"Poppins",sans-serif;background:var(--cosmic-deep);color:#e0e0e0;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.cosmic-heading{font-family:"Exo 2",sans-serif;font-weight:700;letter-spacing:1px}
/* Animations */
@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@keyframes orbit{from{transform:rotate(0deg) translateX(30px) rotate(0deg)}to{transform:rotate(360deg) translateX(30px) rotate(-360deg)}}
@keyframes shootingStar{0%{transform:translate(0,0) rotate(-45deg);opacity:1;width:0}30%{width:80px;opacity:1}70%{width:80px;opacity:.6}100%{transform:translate(-400px,400px) rotate(-45deg);opacity:0;width:0}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px var(--cosmic-glow)}50%{box-shadow:0 0 40px var(--cosmic-glow),0 0 60px rgba(0,229,255,0.15)}}
@keyframes fadeInUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes spinSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.fade-in-up{animation:fadeInUp .8s ease forwards}
/* Starfield Background */
.cosmic-starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;
  background:
    radial-gradient(1px 1px at 10% 20%,var(--cosmic-star) 50%,transparent 50%),
    radial-gradient(1px 1px at 30% 65%,var(--cosmic-star) 50%,transparent 50%),
    radial-gradient(1.5px 1.5px at 50% 10%,var(--cosmic-star) 50%,transparent 50%),
    radial-gradient(1px 1px at 70% 40%,var(--cosmic-star) 50%,transparent 50%),
    radial-gradient(1px 1px at 85% 75%,var(--cosmic-star) 50%,transparent 50%),
    radial-gradient(1.5px 1.5px at 15% 80%,var(--cosmic-cyan) 50%,transparent 50%),
    radial-gradient(1px 1px at 90% 15%,var(--cosmic-star) 50%,transparent 50%),
    radial-gradient(1px 1px at 45% 55%,var(--cosmic-pink) 50%,transparent 50%),
    radial-gradient(1px 1px at 60% 90%,var(--cosmic-star) 50%,transparent 50%),
    radial-gradient(1.5px 1.5px at 25% 35%,var(--cosmic-purple) 50%,transparent 50%);
  background-size:200px 200px;
  animation:twinkle 4s ease-in-out infinite;
}
/* Navbar */
.cosmic-navbar{background:rgba(5,5,16,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(124,77,255,0.3);position:sticky;top:0;z-index:1000}
.cosmic-navbar .navbar-brand{font-family:"Exo 2",sans-serif;font-weight:800;font-size:1.5rem;color:var(--cosmic-cyan)!important;text-transform:uppercase;letter-spacing:3px}
.cosmic-navbar .nav-link{color:#b0b0d0!important;font-family:"Exo 2",sans-serif;font-weight:500;font-size:.95rem;padding:8px 16px!important;transition:all .3s;border-radius:20px}
.cosmic-navbar .nav-link:hover,.cosmic-navbar .nav-link.active{color:#fff!important;background:rgba(124,77,255,0.2);text-shadow:0 0 10px var(--cosmic-purple)}
.cosmic-navbar .btn-login{border:1px solid var(--cosmic-purple);color:var(--cosmic-purple);font-family:"Exo 2",sans-serif;font-weight:600;border-radius:20px;padding:6px 18px;transition:all .3s}
.cosmic-navbar .btn-login:hover{background:var(--cosmic-purple);color:#fff;box-shadow:0 0 20px var(--cosmic-glow)}
.cosmic-navbar .btn-signup{background:linear-gradient(135deg,var(--cosmic-purple),var(--cosmic-pink));color:#fff;font-family:"Exo 2",sans-serif;font-weight:600;border-radius:20px;padding:6px 18px;border:none;transition:all .3s}
.cosmic-navbar .btn-signup:hover{box-shadow:0 0 25px rgba(255,64,129,0.4);transform:translateY(-1px)}
/* Hero - Full Screen Deep Space */
.cosmic-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at center,var(--cosmic-dark2) 0%,var(--cosmic-deep) 70%)}
.cosmic-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;
  background:
    radial-gradient(2px 2px at 20px 30px,var(--cosmic-star),transparent),
    radial-gradient(2px 2px at 60px 70px,var(--cosmic-cyan),transparent),
    radial-gradient(1px 1px at 50px 160px,var(--cosmic-star),transparent),
    radial-gradient(1px 1px at 130px 40px,var(--cosmic-pink),transparent),
    radial-gradient(2px 2px at 90px 120px,var(--cosmic-star),transparent),
    radial-gradient(1px 1px at 160px 80px,var(--cosmic-purple),transparent),
    radial-gradient(1.5px 1.5px at 180px 150px,var(--cosmic-star),transparent),
    radial-gradient(1px 1px at 200px 50px,var(--cosmic-cyan),transparent);
  background-size:250px 200px;
  animation:twinkle 5s ease-in-out infinite;
}
.cosmic-hero-content{position:relative;z-index:2;max-width:800px;padding:0 20px}
.cosmic-hero-content h1{font-size:3.5rem;color:#fff;text-shadow:0 0 30px var(--cosmic-purple),0 0 60px rgba(124,77,255,0.3);margin-bottom:20px;line-height:1.2}
.cosmic-hero-content h1 span{color:var(--cosmic-cyan);text-shadow:0 0 20px var(--cosmic-cyan)}
.cosmic-hero-content p{font-size:1.2rem;color:#b0b0d0;margin-bottom:30px}
.cosmic-hero .btn-cosmic{background:linear-gradient(135deg,var(--cosmic-purple),var(--cosmic-cyan));color:#fff;font-family:"Exo 2",sans-serif;font-weight:700;font-size:1.1rem;padding:14px 40px;border:none;border-radius:30px;text-decoration:none;display:inline-block;transition:all .3s;text-transform:uppercase;letter-spacing:2px}
.cosmic-hero .btn-cosmic:hover{transform:translateY(-3px);box-shadow:0 0 40px var(--cosmic-glow),0 0 80px rgba(0,229,255,0.2);color:#fff}
/* Section Styles */
.cosmic-section{position:relative;padding:80px 0;z-index:1}
.cosmic-section-title{text-align:center;margin-bottom:50px}
.cosmic-section-title h2{font-size:2rem;color:#fff;text-shadow:0 0 15px var(--cosmic-glow);margin-bottom:8px}
.cosmic-section-title .subtitle{color:var(--cosmic-cyan);font-family:"Exo 2",sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:3px}
.cosmic-section-title .line{width:60px;height:3px;background:linear-gradient(90deg,var(--cosmic-purple),var(--cosmic-cyan));margin:16px auto 0;border-radius:2px}
/* Floating Planet Cards (Games) */
.cosmic-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}
.cosmic-planet-card{position:relative;text-align:center;text-decoration:none;color:#e0e0e0;transition:all .4s cubic-bezier(.25,.8,.25,1)}
.cosmic-planet-card:hover{transform:scale(1.1) rotate(3deg);color:#fff}
.cosmic-planet-card .planet-img{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid rgba(124,77,255,0.4);transition:all .4s;box-shadow:0 0 20px rgba(124,77,255,0.2)}
.cosmic-planet-card:hover .planet-img{border-color:var(--cosmic-cyan);box-shadow:0 0 30px rgba(0,229,255,0.4)}
.cosmic-planet-card .planet-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cosmic-planet-card .planet-name{font-family:"Exo 2",sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}
/* Galaxy Orbit News */
.cosmic-orbit-news{position:relative;padding:60px 0}
.cosmic-orbit-news::before{content:'';position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);border:1px solid rgba(124,77,255,0.1);border-radius:50%;pointer-events:none}
.cosmic-news-card{background:rgba(10,10,46,0.8);border:1px solid rgba(124,77,255,0.2);border-radius:16px;padding:24px;transition:all .4s;backdrop-filter:blur(5px);position:relative;overflow:hidden}
.cosmic-news-card::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(124,77,255,0.1) 0%,transparent 70%);pointer-events:none}
.cosmic-news-card:hover{border-color:var(--cosmic-cyan);transform:translateY(-8px);box-shadow:0 10px 40px rgba(0,229,255,0.15)}
.cosmic-news-card .news-date{font-family:"Exo 2",sans-serif;font-size:.75rem;color:var(--cosmic-cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}
.cosmic-news-card h4{font-size:1.1rem;color:#fff;margin-bottom:8px}
.cosmic-news-card p{font-size:.85rem;color:#8888aa;margin-bottom:12px}
.cosmic-news-card .btn-orbit{display:inline-block;border:1px solid var(--cosmic-purple);color:var(--cosmic-purple);font-family:"Exo 2",sans-serif;font-size:.8rem;padding:6px 16px;border-radius:20px;text-decoration:none;transition:all .3s;text-transform:uppercase;letter-spacing:1px}
.cosmic-news-card .btn-orbit:hover{background:var(--cosmic-purple);color:#fff}
/* Black Hole Feature Section */
.cosmic-features{position:relative;background:radial-gradient(ellipse at center,rgba(124,77,255,0.1) 0%,transparent 60%);padding:80px 0;overflow:hidden}
.cosmic-features::before{content:'';position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--cosmic-deep) 30%,rgba(124,77,255,0.3) 60%,transparent 70%);box-shadow:0 0 80px var(--cosmic-glow);animation:pulseGlow 4s ease-in-out infinite;z-index:0}
.cosmic-feature-item{text-align:center;position:relative;z-index:1;padding:24px}
.cosmic-feature-item .feat-icon{font-size:2.5rem;margin-bottom:12px;display:block}
.cosmic-feature-item h4{font-family:"Exo 2",sans-serif;font-size:1.1rem;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.cosmic-feature-item p{font-size:.85rem;color:#8888aa}
/* Footer */
.cosmic-footer{background:linear-gradient(180deg,var(--cosmic-deep),#020208);border-top:1px solid rgba(124,77,255,0.2);padding:60px 0 0;position:relative;overflow:hidden;color:#8888aa}
.cosmic-footer h5{font-family:"Exo 2",sans-serif;color:var(--cosmic-cyan);text-transform:uppercase;letter-spacing:2px;font-size:.95rem;margin-bottom:16px}
.cosmic-footer a{color:#8888aa;text-decoration:none;transition:all .3s}
.cosmic-footer a:hover{color:var(--cosmic-purple);text-shadow:0 0 8px var(--cosmic-glow)}
.cosmic-footer .footer-bottom{border-top:1px solid rgba(124,77,255,0.1);padding:16px 0;margin-top:40px}
.cosmic-footer .social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(124,77,255,0.3);border-radius:50%;color:var(--cosmic-purple);font-size:1.1rem;transition:all .3s}
.cosmic-footer .social-icon:hover{background:var(--cosmic-purple);color:#fff;border-color:var(--cosmic-purple);box-shadow:0 0 15px var(--cosmic-glow)}
/* Shooting Star */
.shooting-star{position:absolute;top:10%;right:10%;width:0;height:2px;background:linear-gradient(90deg,var(--cosmic-cyan),transparent);border-radius:2px;animation:shootingStar 3s linear infinite;opacity:0;z-index:0}
.shooting-star:nth-child(2){top:30%;right:20%;animation-delay:2s;animation-duration:4s}
.shooting-star:nth-child(3){top:60%;right:5%;animation-delay:5s;animation-duration:3.5s}
/* Offcanvas */
.offcanvas{width:min(88vw,380px)!important;background:var(--cosmic-deep)!important;color:#b0b0d0;border-right:1px solid rgba(124,77,255,0.3)}
.offcanvas .nav-link{color:#b0b0d0!important;font-family:"Exo 2",sans-serif;font-weight:500}
.offcanvas .nav-link:hover{color:var(--cosmic-cyan)!important}
/* Utilities */
.bg-cosmic-dark{background-color:var(--cosmic-deep)!important}
.bg-cosmic-mid{background-color:var(--cosmic-dark2)!important}
.text-cosmic-purple{color:var(--cosmic-purple)!important}
.text-cosmic-cyan{color:var(--cosmic-cyan)!important}
.text-cosmic-pink{color:var(--cosmic-pink)!important}
.breadcrumb{background:transparent;padding:0}
.breadcrumb-item a{color:var(--cosmic-purple);text-decoration:none}
.breadcrumb-item a:hover{color:var(--cosmic-cyan)}
.breadcrumb-item.active{color:#8888aa}
#backToTop{position:fixed;bottom:80px;right:20px;z-index:999;display:none;width:44px;height:44px;border-radius:50%;background:var(--cosmic-purple);color:#fff;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 0 20px var(--cosmic-glow)}
.random-spin{position:fixed;bottom:20px;right:20px;z-index:999;width:56px;height:56px;animation:pulseGlow 2s infinite;border-radius:50%}
.random-spin img{width:100%;height:100%;border-radius:50%}
/* Article styles */
.article-content p{margin-bottom:1.5rem}
.article-content h2,.article-content h3{margin-top:2rem;margin-bottom:1rem;color:#fff}
.article-content img{max-width:100%;border-radius:12px;margin:1.5rem 0;border:1px solid rgba(124,77,255,0.2)}
.article-content blockquote{border-left:4px solid var(--cosmic-purple);padding:1rem 1.5rem;background:rgba(10,10,46,0.5);border-radius:0 12px 12px 0;color:#b0b0d0}
.widget ul{padding-left:0;list-style:none}
.widget_categories li,.widget_archive li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(124,77,255,0.1)}
.widget_categories li a,.widget_archive li a{color:#b0b0d0;text-decoration:none}
.widget_categories li a:hover,.widget_archive li a:hover{color:var(--cosmic-cyan)}
.pagination .page-link{border-radius:20px;margin:0 3px;border:1px solid rgba(124,77,255,0.3);color:#b0b0d0;background:transparent}
.pagination .page-item.active .page-link{background-color:var(--cosmic-purple);border-color:var(--cosmic-purple);color:#fff}