:root{
  --app-brand:#0a6a44;
  --app-brand-2:#086354;
  --app-bg:#f3f7f5;
  --app-card-bg:rgba(255,255,255,.78);
  --app-text:#0b1220;
  --app-muted:#5b6473;
  --app-border:rgba(15, 23, 42, 0.10);
  --app-danger:#e11d48;
  --app-warning:#f59e0b;
  --app-success:#0a6a44;
  --app-radius:16px;
  --app-shadow:0 18px 60px rgba(15, 23, 42, 0.10);
}
body{
  background:
    radial-gradient(920px 520px at 12% 0%, rgba(10, 106, 68, 0.22) 0%, rgba(10, 106, 68, 0) 66%),
    radial-gradient(900px 520px at 88% 8%, rgba(8, 99, 84, 0.18) 0%, rgba(8, 99, 84, 0) 62%),
    radial-gradient(980px 680px at 50% 100%, rgba(11, 18, 32, 0.06) 0%, rgba(11, 18, 32, 0) 62%),
    var(--app-bg);
}

.navbar.navbar-inverse{
  background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.78) 100%);
  border-color:rgba(15, 23, 42, 0.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 16px 48px rgba(15, 23, 42, 0.10);
}
.navbar-inverse .navbar-brand{
  color:#0b1220 !important;
}
.navbar-inverse .navbar-toggle .icon-bar{
  background:#0b1220;
}
.navbar-inverse .navbar-nav>li>a{
  color:rgba(11,18,32,.78);
  font-weight:700;
}
.navbar-inverse .navbar-nav>li>a:hover{
  color:#0b1220;
}

.app-card{
  background:var(--app-card-bg);
  border:1px solid var(--app-border);
  border-radius:18px;
  box-shadow:var(--app-shadow);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.app-hero{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.60);
  background:
    radial-gradient(900px 340px at 18% 18%, rgba(30,201,127,.30) 0%, rgba(30,201,127,0) 62%),
    radial-gradient(860px 340px at 86% 22%, rgba(14,165,164,.22) 0%, rgba(14,165,164,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(245, 255, 250, .82) 45%, rgba(236, 250, 245, .78) 100%);
  box-shadow:0 30px 110px rgba(15, 23, 42, 0.18);
}
.app-hero-title{
  color:#0b1220;
}
.app-hero-subtitle{
  color:rgba(11,18,32,.68);
}
.app-hero .app-pill{
  color:#0b1220;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.72);
}
.app-hero-title{
  letter-spacing:.2px;
}
.app-pill{
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.btn.btn-primary,
.btn-primary{
  background:linear-gradient(180deg, rgba(30,201,127,.96) 0%, rgba(22,163,74,.96) 100%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 16px 44px rgba(30, 201, 127, 0.22);
}
.btn.btn-success,
.btn-success{
  background:linear-gradient(180deg, rgba(30,201,127,.92) 0%, rgba(22,163,74,.92) 100%);
  border:1px solid rgba(255,255,255,.22);
}
.btn.btn-default,
.btn-default{
  background:rgba(255,255,255,.70);
  border:1px solid rgba(15, 23, 42, 0.12);
}

body.auth-body{
  background:
    radial-gradient(920px 620px at 12% 12%, rgba(30, 201, 127, 0.18) 0%, rgba(30, 201, 127, 0) 62%),
    radial-gradient(900px 620px at 86% 18%, rgba(14, 165, 164, 0.15) 0%, rgba(14, 165, 164, 0) 60%),
    radial-gradient(980px 720px at 50% 100%, rgba(13, 71, 161, 0.10) 0%, rgba(13, 71, 161, 0) 62%),
    #f3f7f5;
}
body.auth-body .auth-bg{
  background:transparent;
}
body.auth-body .auth-card{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(15, 23, 42, 0.10);
  box-shadow:0 26px 80px rgba(15, 23, 42, 0.14);
}
body.auth-body .auth-brand-logo{
  background:rgba(255,255,255,.75);
  border:1px solid rgba(15, 23, 42, 0.10);
}
body.auth-body .auth-brand-title{
  color:#0b1220;
  font-weight:900;
}
body.auth-body .auth-brand-subtitle{
  color:rgba(11,18,32,.68);
}
body.auth-body .auth-tabs a{
  color:rgba(11,18,32,.70);
}
body.auth-body .auth-tabs a.active{
  background:rgba(15, 23, 42, 0.05);
  color:#0b1220;
}
body.auth-body .auth-label{
  color:rgba(11,18,32,.70);
}
body.auth-body .auth-input{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(15, 23, 42, 0.10);
  color:#0b1220;
}
body.auth-body .auth-input::placeholder{
  color:rgba(11,18,32,.38);
}
body.auth-body .auth-input:focus{
  border-color:rgba(30, 201, 127, 0.78);
  box-shadow:0 0 0 3px rgba(30, 201, 127, 0.18);
}
body.auth-body .auth-row{
  color:rgba(11,18,32,.70);
}
body.auth-body .auth-row a{
  color:rgba(11,18,32,.85);
}
body.auth-body .auth-submit{
  background:linear-gradient(180deg, rgba(30,201,127,.96) 0%, rgba(22,163,74,.96) 100%);
  border:1px solid rgba(255,255,255,.22);
}