body{font-family:'Instrument Sans',sans-serif;}
.animate-gradient{background-size:200% 200%;animation:gradientShift 6s ease infinite;}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.section-about,.section-features,.section-access{padding:4rem 1rem;text-align:center;}
.feature-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);padding:2rem;border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease;}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,255,255,0.2);}
/* Futuristic buttons */
button, .access-btn, a{position:relative;overflow:hidden;}
button::before, .access-btn::before, a::before{content:'';position:absolute;top:-100%;left:0;width:100%;height:300%;background:linear-gradient(180deg,transparent,rgba(0,255,255,0.2),transparent);transition:0.5s;}
button:hover::before, .access-btn:hover::before, a:hover::before{top:0;}


/* Floating particles */
body::after{content:'';position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%22 height=%22100%22 viewBox=%220 0 100 100%22><circle cx=%225%22 cy=%225%22 r=%221%22 fill=%22%2300ffff55%22/></svg>') repeat;opacity:0.05;pointer-events:none;animation:moveParticles 60s linear infinite;}
@keyframes moveParticles{from{background-position:0 0;}to{background-position:10000px 10000px;}}


/* Navbar glassmorphic */
nav {
    background: linear-gradient(to right, rgba(30, 27, 75, 0.85), rgba(15, 23, 42, 0.85), rgba(0, 0, 0, 0.85)) !important;
    backdrop-filter: blur(12px) saturate(150%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}



/* Scroll transitions */
section{opacity:0;transform:translateY(30px);animation:fadeInUp 1s forwards;}
@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}


/* Glowing glass cards enhancement */
.feature-card{background:rgba(0,0,0,0.3);backdrop-filter:blur(15px);border:1px solid rgba(0,255,255,0.15);box-shadow:0 0 20px rgba(0,255,255,0.1);}
.feature-card:hover{box-shadow:0 0 30px rgba(0,255,255,0.3), inset 0 0 20px rgba(0,255,255,0.2);}


/* Section dividers */
section::after{content:'';display:block;width:60%;height:2px;margin:3rem auto;background:linear-gradient(90deg,transparent,rgba(0,255,255,0.4),transparent);}


/* Analytics placeholder */
.section-analytics{padding:4rem 1rem;text-align:center;}
.analytics-card{background:rgba(255,255,255,0.05);border-radius:1rem;padding:2rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 0 20px rgba(0,255,255,0.15);}
.analytics-chart{height:200px;border:1px dashed rgba(0,255,255,0.3);border-radius:.5rem;animation:pulseGlow 4s infinite;}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 10px rgba(0,255,255,0.1);}50%{box-shadow:0 0 25px rgba(0,255,255,0.4);}}