@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --bg:   #0A0612; --s1:#120920; --s2:#1A1030; --s3:#221540; --bdr:#2A1A48;
  --p1:   #6C3FC5; --p2:#8B5CF6; --p3:#A78BFA;
  --gold: #D4AF6A; --gold2:#B8935A;
  --grn:  #1D9E75; --red:#E24B4A;
  --t1:   #EDE9FF; --t2:#9B8EC4; --t3:#5B4E7E;
  --glow: rgba(139,92,246,.2); --glow2:rgba(139,92,246,.4);
  --r1:8px; --r2:12px; --r3:18px; --r4:22px;
  --ease: cubic-bezier(.16,1,.3,1);
}

*, *::before, *::after { box-sizing: border-box; margin:0; padding:0; }

.rdsta-db-wrap,
.rdsta-lesson-page {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 14px; line-height: 1.6; color: var(--t1);
  -webkit-font-smoothing: antialiased;
}
.rdsta-db-wrap a, .rdsta-lesson-page a { color:var(--p3); text-decoration:none; }
.rdsta-db-wrap a:hover, .rdsta-lesson-page a:hover { color:var(--t1); }
.rdsta-db-wrap img, .rdsta-db-wrap svg,
.rdsta-lesson-page img, .rdsta-lesson-page svg { display:block; flex-shrink:0; }

::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--bdr); border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:var(--p1); }

/* Orbs */
.rdsta-orb { position:fixed; border-radius:50%; pointer-events:none; z-index:0; }
.rdsta-orb-1 { width:480px; height:480px; top:-15%; left:-10%;
  background:radial-gradient(circle,rgba(108,63,197,.22) 0%,transparent 70%); filter:blur(2px); }
.rdsta-orb-2 { width:300px; height:300px; bottom:5%; right:-5%;
  background:radial-gradient(circle,rgba(139,92,246,.14) 0%,transparent 70%); }

/* Glass */
.rdsta-glass {
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r3);
}

/* Progress bar */
.rdsta-pbar { height:6px; background:var(--bdr); border-radius:4px; overflow:hidden; }
.rdsta-pbar-fill { height:100%; border-radius:4px;
  background:linear-gradient(90deg,var(--p1),var(--p3));
  box-shadow:0 0 8px var(--glow); transition:width .6s var(--ease); }

/* Tag */
.rdsta-tag { display:inline-block; padding:2px 10px; border-radius:20px;
  font-size:11px; font-weight:700; letter-spacing:.05em; border:1px solid transparent; }
.rdsta-tag-gold { background:rgba(212,175,106,.22); color:var(--gold); border-color:rgba(212,175,106,.44); }
.rdsta-tag-purple { background:rgba(139,92,246,.12); color:var(--p3); border-color:rgba(139,92,246,.3); }

/* Eyebrow */
.rdsta-eyebrow { font-size:11px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--p3); margin-bottom:5px; }

/* Buttons */
.rdsta-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px;
  font-family:inherit; font-weight:700; font-size:14px; border:none; cursor:pointer;
  border-radius:10px; padding:12px 22px; text-decoration:none; white-space:nowrap;
  transition:all .18s var(--ease); }
.rdsta-btn-primary {
  background:linear-gradient(135deg,var(--p1),#4A1D9C); color:#fff;
  box-shadow:0 4px 14px var(--glow); }
.rdsta-btn-primary:hover { box-shadow:0 8px 28px var(--glow2); transform:translateY(-1px); color:#fff; }
.rdsta-btn-ghost { background:transparent; color:var(--p3); border:1px solid var(--bdr); }
.rdsta-btn-ghost:hover { background:var(--s3); border-color:rgba(139,92,246,.35); color:var(--t1); }
.rdsta-btn-full { width:100%; }

/* Animations */
@keyframes rdsta-fade-up { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
@keyframes rdsta-float   { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes rdsta-glow    { 0%,100%{box-shadow:0 0 20px var(--glow)} 50%{box-shadow:0 0 40px var(--glow2),0 0 70px var(--glow)} }

.rdsta-mb10 { margin-bottom:10px; }