:root{
  --navy:#0b1b3a;
  --surmai:#516274;
  --orange:#ff8a00;
}
body{background:#f7f9fc;}
.navbar{background:linear-gradient(90deg,var(--navy),var(--surmai));}
.brand-dot{color:var(--orange);}
.hero{
  background:radial-gradient(1000px 400px at 20% 10%, rgba(255,138,0,0.18), transparent 60%),
             radial-gradient(900px 400px at 80% 30%, rgba(81,98,116,0.24), transparent 60%),
             linear-gradient(180deg, #ffffff, #f2f5fa);
  border-bottom:1px solid rgba(0,0,0,0.05);
}
.cardx{border:1px solid rgba(0,0,0,0.06); box-shadow:0 10px 30px rgba(11,27,58,0.06); border-radius:18px;}
.btn-brand{background:var(--orange); border-color:var(--orange);} 
.btn-brand:hover{filter:brightness(0.95);} 
.badge-soft{background:rgba(255,138,0,0.12); color:#8a4b00;}