/* RippleX Academy — shared visual identity */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--rx-navy:#081c2c;--rx-deep:#0b293b;--rx-teal:#079a80;--rx-mint:#a8e7cf;--rx-lime:#d5f16a;--rx-cream:#f6f7f1;--rx-ink:#122b36;--rx-muted:#59717a;--rx-border:#deebe5;font-family:'DM Sans',sans-serif!important;color:var(--rx-ink)!important;background:var(--rx-cream)!important}
body{font-family:'DM Sans',sans-serif!important;background:var(--rx-cream)!important;color:var(--rx-ink)!important}
h1,h2,h3,h4,.brand{font-family:Manrope,'DM Sans',sans-serif!important;letter-spacing:-.035em}
a{color:var(--rx-teal)}a:hover{color:#056e5d}
header{background:var(--rx-navy)!important;color:#fff!important}
header a{color:#fff!important}
header .brand,.rx-brand .rx-word{color:#fff!important}
header .brand b,.rx-brand .rx-word b{color:var(--rx-mint)!important}
header .brand{color:var(--rx-mint)!important}
header .sub{color:#bcd3d5!important}
header .top button,button.primary,.primary,.goldbtn{background:var(--rx-lime)!important;color:var(--rx-navy)!important;border-color:transparent!important}
header .top button:hover,button.primary:hover,.goldbtn:hover{background:#e4fa92!important}
.hero{background:linear-gradient(120deg,var(--rx-navy),var(--rx-deep))!important;color:#fff!important}
.hero p{color:#c4d5d8!important}
.eyebrow,.tag{color:var(--rx-teal)!important}
.hero .eyebrow{color:var(--rx-mint)!important}
.card,.feature{background:#fff!important;border-color:var(--rx-border)!important;box-shadow:0 8px 30px rgba(8,28,44,.045)!important}
p,.muted{color:var(--rx-muted)}
.btn,.switch,.tabs button.active{background:var(--rx-navy)!important;color:#fff!important;border-color:var(--rx-navy)!important}
.btn:hover,.switch:hover{background:var(--rx-deep)!important}
.switch.live{background:#e5f4ee!important;color:#145a50!important}
.tag{background:#e5f5ec!important;border-radius:99px!important}
.num{background:var(--rx-navy)!important;color:var(--rx-lime)!important}
aside{background:#fff!important;border-color:var(--rx-border)!important}
aside button{color:#355c60!important}
aside button.active,aside button:hover{background:#e5f5ee!important;color:#075f52!important}
.tabs button{background:#edf6f1!important;color:var(--rx-ink)!important;border-color:var(--rx-border)!important}
.tabs button.active{background:var(--rx-navy)!important;color:#fff!important}
input,select,textarea{border-color:#cbded6!important;color:var(--rx-ink)!important}
input:focus,select:focus,textarea:focus{outline:2px solid var(--rx-teal);outline-offset:1px}
.notice{background:#f2f9e5!important;border-color:#dcecb7!important;color:#355547!important}
.status{background:#e5f5ee!important;color:#145a50!important}
#auth-guard{background:var(--rx-navy)!important}
.rx-logo-panel{border-color:var(--rx-border)!important}
button:focus-visible,a:focus-visible{outline:3px solid var(--rx-teal);outline-offset:3px}