/* STARVIX GLOBAL | NAVY • WHITE • NEON GREEN */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg-dark:#020F38;--card-bg:#071947;--neon-blue:#1FFF26;--neon-green:#1FFF26;
  --text-muted:#C6D2E8;--white:#FFFFFF;--navy:#020F38;
  --glow-blue:0 0 8px rgba(31,255,38,.35),0 0 18px rgba(31,255,38,.18);
  --glow-green:0 0 8px rgba(31,255,38,.35),0 0 18px rgba(31,255,38,.18)
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--navy);color:var(--white);line-height:1.6;overflow-x:hidden}
a{transition:color .25s,background .25s,border-color .25s,transform .25s}
.container{max-width:1280px;margin:auto;padding:0 24px}
/* NAV */
.navbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid rgba(31,255,38,.24);position:relative}
.logo{text-decoration:none;display:flex;align-items:center;gap:12px}
.logo h1{font-size:clamp(1.35rem,3vw,1.8rem);font-weight:800;letter-spacing:.3px;color:#FFFFFF;line-height:1.1}
.logo h1 span{color:var(--neon-green)}
.logo small{display:block;color:#c2d1ea;font-size:.7rem;letter-spacing:1.6px;margin-top:5px}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{text-decoration:none;color:#fff;font-weight:500;white-space:nowrap}
.nav-links a:hover{color:var(--neon-green)}
.menu-btn{display:none;background:transparent;border:1.5px solid var(--neon-green);color:var(--neon-green);font-size:1.6rem;padding:6px 14px;border-radius:12px;cursor:pointer}
.mobile-menu{display:none;flex-direction:column;gap:18px;background:#071947;position:absolute;top:85px;left:0;width:100%;padding:24px;border-radius:24px;border:1px solid rgba(31,255,38,.5);z-index:999;box-shadow:0 15px 35px rgba(0,0,0,.3)}
.mobile-menu.show{display:flex}
.mobile-menu a{text-decoration:none;color:#fff;font-size:1rem;border-bottom:1px solid rgba(31,255,38,.2);padding-bottom:10px}
/* BUTTONS */
.btn-neon-solid,.btn-neon-outline,.btn-neon-green{display:inline-block;padding:10px 22px;border-radius:40px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}
.btn-neon-solid{background:#1FFF26;border:1.5px solid #1FFF26;color:#020F38!important;box-shadow:0 5px 18px rgba(31,255,38,.2)}
.btn-neon-solid:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}
.btn-neon-outline,.btn-neon-green{background:transparent;border:1.5px solid #1FFF26;color:#1FFF26!important}
.btn-neon-outline:hover,.btn-neon-green:hover{background:#1FFF26;color:#020F38!important;box-shadow:var(--glow-green)}
/* HERO */
.hero{min-height:80vh;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;padding:60px 5%;overflow:hidden;isolation:isolate}
.hero::before,.hero::after{content:'';position:absolute;width:450px;height:450px;border-radius:50%;filter:blur(130px);opacity:.12;z-index:-1;background:#1FFF26;pointer-events:none}
.hero::before{left:-180px;top:-160px}.hero::after{right:-180px;bottom:-160px;opacity:.08}
.hero-center{width:90%;max-width:1400px;margin:auto;position:relative;z-index:2}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;border-radius:50px;background:rgba(31,255,38,.08);border:1px solid rgba(31,255,38,.3);color:#1FFF26;font-weight:600;margin-bottom:15px}
.hero h1{font-size:clamp(2.4rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:15px;color:#fff}
.hero h1 span{display:block;color:#1FFF26}
.hero-desc{width:90%;margin:10px auto;font-size:1.1rem;line-height:1.8;color:#e2eaf7;text-align:justify}
.hero-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:25px}
.hero-stats{width:90%;margin:35px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
/* CARDS */
.card{background:var(--card-bg);border-radius:28px;padding:28px;border:1px solid #263761;transition:transform .3s,border-color .3s,box-shadow .3s}
.card:hover{border-color:#1FFF26;box-shadow:0 0 18px rgba(31,255,38,.12);transform:translateY(-3px)}
.card h3,.mv-card h3{color:#fff;margin-bottom:10px}
.card p,.mv-card p{color:#ced9ed;line-height:1.8}
.card i,.grid-3 .card i{color:#1FFF26;font-size:30px;margin-bottom:14px}
.stat-card{background:#081B4B;padding:22px;border-radius:22px;border:1px solid rgba(31,255,38,.22);transition:.3s}
.stat-card:hover{transform:translateY(-5px);border-color:#1FFF26;box-shadow:var(--glow-green)}
.stat-card h3{color:#1FFF26;font-size:1.8rem;margin-bottom:8px}.stat-card span{color:#e1e8f6}
/* ABOUT */
#about{padding:80px 0}.about-main{padding:40px;border-radius:30px;margin-bottom:40px}
.about-main h2{font-size:2.2rem;margin-bottom:25px;color:#1FFF26}
.about-main p{line-height:2;color:#e0e8f5;margin-bottom:18px;text-align:justify}
.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:25px}
.about-card{text-align:center;padding:35px 25px}.about-card i{font-size:40px;color:#1FFF26;margin-bottom:15px}
/* SECTIONS */
.section-title{font-size:2.2rem;text-align:center;margin-bottom:30px;color:#1FFF26;font-weight:800}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:28px;margin:40px 0}
#why{background:#061641!important;border:1px solid rgba(31,255,38,.12)}
.mv-flex{display:flex;flex-wrap:wrap;gap:30px;margin:50px 0}
.mv-card{flex:1 1 300px;min-width:0;background:#071947;border-left:5px solid #1FFF26;padding:28px;border-radius:24px}
.mv-card i{color:#1FFF26!important;font-size:28px;margin-bottom:12px}
/* FAQ */
.faq-item{background:#081B4B;border:1px solid rgba(255,255,255,.08);border-radius:20px;margin-bottom:16px;padding:0 20px}
.faq-item.active{border-color:rgba(31,255,38,.4)}
.faq-question{padding:18px 0;font-weight:600;display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer;color:#fff}
.faq-question i{color:#1FFF26;transition:transform .2s}.faq-item.active .faq-question i{transform:rotate(180deg)}
.faq-answer{display:none;padding-bottom:20px;color:#d3e0f2;line-height:1.8}.faq-item.active .faq-answer{display:block}
/* CONTACT & FOOTER */
#contact .card>i{color:#1FFF26!important}
#contact .card>p{color:#dbe5f4!important}
.footer{background:#010A28;padding:40px 0 20px;margin-top:60px;border-top:1px solid rgba(31,255,38,.25);color:#d7e4f5}
.footer p+p{color:#bcc9df!important}
/* RESPONSIVE */
@media(max-width:900px){.nav-links{gap:12px}.nav-links a{font-size:.87rem}}
@media(max-width:768px){
 .container{padding:0 16px}.nav-links{display:none}.menu-btn{display:block}
 .hero{min-height:auto;padding:40px 12px}.hero-center,.hero-desc,.hero-stats{width:100%}
 .hero h1{font-size:2.4rem}.hero-desc{font-size:.95rem;text-align:left!important}
 .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .stat-card{padding:16px}.stat-card h3{font-size:1.5rem}
 .about-main{padding:24px}.about-main h2,.section-title{font-size:1.7rem}
 #about{padding:55px 0}#why{border-radius:25px!important;padding:25px 15px!important}
 #contact{padding:55px 0!important}.card{padding:24px}
}
@media(max-width:360px){.hero h1{font-size:2rem}.hero-badge{font-size:.7rem;padding:9px 12px}}