:root{
  --bg:#070b14;
  --panel:#0b1220;
  --muted:#9fb0cc;
  --text:#eaf1ff;
  --line:rgba(255,255,255,.10);
  --glow1:#15f5ba; /* green-cyan */
  --glow2:#3b82f6; /* blue */
  --accent:#b6ff2e; /* lime */
}

*{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body{background:radial-gradient(1200px 800px at 20% 10%, rgba(59,130,246,.18), transparent 60%),
     radial-gradient(1200px 800px at 80% 20%, rgba(21,245,186,.14), transparent 60%),
     var(--bg);
     color:var(--text);}

.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,11,20,.65);backdrop-filter: blur(12px);border-bottom:1px solid var(--line);}
.brand-logo{height:34px;width:auto;filter: drop-shadow(0 0 10px rgba(21,245,186,.25));}
.navbar .nav-link{color:rgba(234,241,255,.85)!important}
.navbar .nav-link:hover{color:#fff!important}

.btn-glow{
  background:linear-gradient(90deg, rgba(21,245,186,.9), rgba(59,130,246,.9));
  border:0;color:#06111d;
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 10px 30px rgba(21,245,186,.15);
  border-radius:999px;
}
.btn-glow:hover{filter:brightness(1.05);transform:translateY(-1px)}
.hero{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(11,18,32,.80), rgba(11,18,32,.45));
  border-radius:24px;
  padding:56px 28px;
  position:relative;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;inset:-2px;
  background:radial-gradient(800px 300px at 30% 10%, rgba(21,245,186,.18), transparent 60%),
             radial-gradient(800px 300px at 80% 20%, rgba(59,130,246,.18), transparent 60%);
  pointer-events:none;
}
.hero > *{position:relative;z-index:1}

.card-glass{
  border:1px solid var(--line);
  background:rgba(11,18,32,.65);
  border-radius:18px;
  box-shadow:0 10px 40px rgba(0,0,0,.25);
}
.badge-soft{
  background:rgba(182,255,46,.12);
  color:rgba(182,255,46,.95);
  border:1px solid rgba(182,255,46,.22);
}

.icon-pill{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  background:rgba(21,245,186,.10);
  border:1px solid rgba(21,245,186,.18);
}

.section-title{font-weight:700;letter-spacing:-.02em}
.text-muted{color:var(--muted)!important}

.site-footer{border-top:1px solid var(--line);background:rgba(7,11,20,.65)}
.footer-links a{color:rgba(234,241,255,.75);text-decoration:none}
.footer-links a:hover{color:#fff}
.icon-btn{
  width:40px;height:40px;border-radius:14px;
  display:grid;place-items:center;
  border:1px solid var(--line);
  background:rgba(11,18,32,.6);
  color:#fff;text-decoration:none;
}
.icon-btn:hover{border-color:rgba(21,245,186,.35);box-shadow:0 0 0 3px rgba(21,245,186,.12)}

.rtl .navbar-nav{direction:rtl}
.rtl .text-start{text-align:right!important}
.rtl .text-end{text-align:left!important}

.form-control,.form-select{
  background:rgba(11,18,32,.65);
  border:1px solid var(--line);
  color:var(--text);
}
.form-control:focus,.form-select:focus{
  border-color:rgba(21,245,186,.35);
  box-shadow:0 0 0 .2rem rgba(21,245,186,.12);
}