/* Aura Metre CSS - RojGuruKul */

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',Tahoma,sans-serif;background:#000814;color:#fff;overflow-x:hidden;}

/* Cosmic Background */
.cosmic-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(ellipse at center,#001d3d 0%,#000814 100%);}
.stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite;}
@keyframes twinkle{0%,100%{opacity:0.3;}50%{opacity:1;}}

/* Hero Section with Human Aura */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;}

/* Aura Container */
.aura-container{position:relative;width:500px;height:600px;display:flex;align-items:center;justify-content:center;}

/* Chakra Points */
.chakra{position:absolute;width:50px;height:50px;border-radius:50%;z-index:10;animation:chakraPulse 2.5s ease-in-out infinite;box-shadow:0 0 60px currentColor,0 0 30px currentColor,inset 0 0 25px rgba(255,255,255,0.7);}
@keyframes chakraPulse{0%,100%{transform:translateX(-50%) scale(1);opacity:0.95;}50%{transform:translateX(-50%) scale(1.4);opacity:1;}}
.chakra-crown{top:50px;left:50%;background:radial-gradient(circle,#fff,#9d4edd);animation-delay:0s;}
.chakra-third-eye{top:120px;left:50%;background:radial-gradient(circle,#fff,#7209b7);animation-delay:0.35s;}
.chakra-throat{top:190px;left:50%;background:radial-gradient(circle,#fff,#3a0ca3);animation-delay:0.7s;}
.chakra-heart{top:260px;left:50%;background:radial-gradient(circle,#fff,#4cc9f0);animation-delay:1.05s;}
.chakra-solar{top:330px;left:50%;background:radial-gradient(circle,#fff,#ffd60a);animation-delay:1.4s;}
.chakra-sacral{top:400px;left:50%;background:radial-gradient(circle,#fff,#ff9500);animation-delay:1.75s;}
.chakra-root{top:470px;left:50%;background:radial-gradient(circle,#fff,#d00000);animation-delay:2.1s;}

/* Aura Rings */
.aura-ring{position:absolute;border:3px solid;border-radius:50%;animation:auraExpand 5s ease-out infinite;}
@keyframes auraExpand{0%{transform:scale(0.7);opacity:0.9;}100%{transform:scale(2.8);opacity:0;}}
.ring1{width:220px;height:440px;border-color:rgba(77,201,240,0.8);animation-delay:0s;box-shadow:0 0 30px rgba(77,201,240,0.6);}
.ring2{width:280px;height:500px;border-color:rgba(138,43,226,0.7);animation-delay:1.5s;box-shadow:0 0 30px rgba(138,43,226,0.5);}
.ring3{width:340px;height:560px;border-color:rgba(255,215,0,0.6);animation-delay:3s;box-shadow:0 0 30px rgba(255,215,0,0.4);}

/* Hero Text */
.hero-text{position:relative;z-index:10;text-align:center;margin-top:50px;}
.hero h1{font-size:72px;font-weight:900;background:linear-gradient(135deg,#4cc9f0,#9d4edd,#ffd60a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite;letter-spacing:3px;}
@keyframes titleGlow{0%,100%{filter:drop-shadow(0 0 20px rgba(157,78,221,0.5));}50%{filter:drop-shadow(0 0 40px rgba(157,78,221,0.9));}}
.hero-subtitle{font-size:32px;color:#ffd60a;margin-top:15px;font-weight:600;animation:fadeInUp 1.5s ease-out;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.hero-tagline{font-size:18px;color:rgba(255,255,255,0.7);margin-top:20px;max-width:600px;line-height:1.8;}

/* Hero Buttons */
.hero-buttons{display:flex;gap:25px;justify-content:center;margin-top:40px;flex-wrap:wrap;}
.btn-hero{padding:18px 45px;font-size:20px;font-weight:700;border-radius:50px;border:none;cursor:pointer;transition:all 0.4s;text-decoration:none;display:inline-block;position:relative;overflow:hidden;z-index:1;animation:fadeInUp 2s ease-out;}
.btn-hero::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transition:all 0.5s;z-index:-1;}
.btn-hero:hover::before{width:350px;height:350px;top:-175px;left:-175px;}
.btn-hero-primary{background:linear-gradient(135deg,#9d4edd,#7209b7);color:#fff;box-shadow:0 10px 40px rgba(157,78,221,0.6);}
.btn-hero-primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 50px rgba(157,78,221,0.8);}
.btn-hero-secondary{background:linear-gradient(135deg,#4cc9f0,#3a0ca3);color:#fff;box-shadow:0 10px 40px rgba(76,201,240,0.6);}
.btn-hero-secondary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 50px rgba(76,201,240,0.8);}

/* Section Base */
section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;position:relative;opacity:0;transform:translateY(80px);transition:all 1.2s cubic-bezier(0.4,0,0.2,1);}
section.visible{opacity:1;transform:translateY(0);}

.content-section{flex-direction:column;max-width:1200px;margin:0 auto;}
.section-title{font-size:48px;font-weight:700;background:linear-gradient(135deg,#4cc9f0,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:40px;position:relative;animation:titleSlide 1s ease-out;}
@keyframes titleSlide{from{opacity:0;transform:translateX(-50px);}to{opacity:1;transform:translateX(0);}}
.section-title::after{content:'';display:block;width:150px;height:4px;background:linear-gradient(90deg,transparent,#9d4edd,#4cc9f0,transparent);margin:20px auto 0;animation:lineGrow 1.5s ease-out;}
@keyframes lineGrow{from{width:0;}to{width:150px;}}

/* Cards with Advanced Animations */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:50px;perspective:1000px;}
.card{background:linear-gradient(135deg,rgba(157,78,221,0.1),rgba(76,201,240,0.1));border:2px solid rgba(157,78,221,0.3);border-radius:25px;padding:35px;backdrop-filter:blur(15px);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;transform-style:preserve-3d;}
.card::before{content:'';position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(157,78,221,0.3) 0%,transparent 70%);opacity:0;transition:all 0.6s;}
.card:hover{transform:translateY(-15px) rotateX(5deg);border-color:#9d4edd;box-shadow:0 25px 70px rgba(157,78,221,0.5);}
.card:hover::before{opacity:1;top:-50%;left:-50%;}
.card-icon{font-size:56px;margin-bottom:20px;display:inline-block;animation:iconBounce 3s ease-in-out infinite;filter:drop-shadow(0 0 15px currentColor);}
@keyframes iconBounce{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-15px) rotate(5deg);}}
.card h3{font-size:24px;color:#4cc9f0;margin-bottom:15px;font-weight:700;}
.card p{font-size:16px;line-height:1.9;color:rgba(255,255,255,0.9);}
.card strong{color:#ffd60a;font-weight:600;}

/* Spiritual List */
.spiritual-list{list-style:none;padding:0;max-width:950px;margin:40px auto;}
.spiritual-list li{background:linear-gradient(90deg,rgba(157,78,221,0.15),rgba(76,201,240,0.1));border-left:5px solid #9d4edd;padding:25px 30px;margin-bottom:18px;border-radius:15px;font-size:17px;line-height:1.9;transition:all 0.4s;position:relative;overflow:hidden;}
.spiritual-list li::before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:rgba(157,78,221,0.2);transition:width 0.4s;z-index:-1;}
.spiritual-list li:hover{transform:translateX(15px);border-left-width:8px;box-shadow:0 10px 30px rgba(157,78,221,0.3);}
.spiritual-list li:hover::before{width:100%;}
.spiritual-list li strong{color:#4cc9f0;font-weight:700;font-size:18px;}

/* Action Buttons */
.action-section{background:linear-gradient(135deg,rgba(157,78,221,0.2),rgba(76,201,240,0.2));padding:100px 20px;position:relative;}
.btn-container{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:50px;}
.btn-large{padding:22px 55px;font-size:22px;font-weight:700;border-radius:60px;border:none;cursor:pointer;transition:all 0.4s;text-decoration:none;display:inline-block;position:relative;overflow:hidden;z-index:1;}
.btn-large::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.4);transition:all 0.6s;z-index:-1;}
.btn-large:hover::before{width:400px;height:400px;top:-200px;left:-200px;}
.btn-primary{background:linear-gradient(135deg,#9d4edd,#7209b7);color:#fff;box-shadow:0 15px 50px rgba(157,78,221,0.5);}
.btn-primary:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 60px rgba(157,78,221,0.7);}
.btn-secondary{background:linear-gradient(135deg,#4cc9f0,#3a0ca3);color:#fff;box-shadow:0 15px 50px rgba(76,201,240,0.5);}
.btn-secondary:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 60px rgba(76,201,240,0.7);}

/* Footer */
.footer{background:rgba(0,0,0,0.7);padding:50px 20px;text-align:center;border-top:1px solid rgba(157,78,221,0.3);}
.footer-om{font-size:32px;margin-bottom:20px;animation:omGlow 3s ease-in-out infinite;}
@keyframes omGlow{0%,100%{filter:drop-shadow(0 0 20px #ffd60a);}50%{filter:drop-shadow(0 0 40px #ffd60a);}}
.footer-links{display:flex;gap:25px;justify-content:center;margin:25px 0;flex-wrap:wrap;}
.footer-links a{color:#4cc9f0;text-decoration:none;font-size:17px;transition:all 0.3s;position:relative;}
.footer-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:#4cc9f0;transition:width 0.3s;}
.footer-links a:hover{color:#9d4edd;}
.footer-links a:hover::after{width:100%;}
.footer-text{color:rgba(255,255,255,0.5);font-size:15px;margin-top:15px;line-height:1.8;}

/* Responsive */
@media(max-width:768px){
.hero h1{font-size:48px;}
.hero-subtitle{font-size:24px;}
.hero-tagline{font-size:16px;}
.hero-buttons{gap:15px;margin-top:30px;}
.btn-hero{padding:15px 35px;font-size:18px;}
.aura-container{width:350px;height:550px;}
.chakra{width:40px;height:40px;}
.section-title{font-size:36px;}
.btn-large{padding:18px 40px;font-size:18px;}
.card-grid{grid-template-columns:1fr;}
}