/* =========================================================
   0. HARD SCOPE RESET
========================================================= */

#sslp-practice-root,
#sslp-practice-root *,
#sslp-practice-root *::before,
#sslp-practice-root *::after{
  box-sizing:border-box !important;
}

#sslp-practice-root{
  --rp-bg:#07101d;
  --rp-bg-deep:#040914;
  --rp-bg-soft:#0e1d32;

  --rp-ink:#f4efe6;
  --rp-muted:rgba(244,239,230,.74);
  --rp-soft:rgba(244,239,230,.56);

  --rp-line:rgba(255,255,255,.10);
  --rp-line-2:rgba(255,255,255,.15);
  --rp-line-gold:rgba(203,166,99,.30);
  --rp-line-gold-2:rgba(203,166,99,.46);
  --rp-line-blue:rgba(109,142,173,.34);
  --rp-line-green:rgba(116,168,141,.34);
  --rp-line-violet:rgba(143,132,201,.34);
  --rp-line-copper:rgba(185,122,84,.34);

  --rp-surface:rgba(255,255,255,.060);
  --rp-surface-2:rgba(255,255,255,.092);
  --rp-surface-3:rgba(255,255,255,.124);

  --rp-gold:#c9a767;
  --rp-gold-2:#efdca5;

  --rp-blue:#6d8ead;
  --rp-blue-soft:rgba(109,142,173,.18);
  --rp-blue-soft-2:rgba(109,142,173,.10);

  --rp-green:#74a88d;
  --rp-green-soft:rgba(116,168,141,.16);

  --rp-violet:#8f84c9;
  --rp-violet-soft:rgba(143,132,201,.17);

  --rp-copper:#b97a54;
  --rp-copper-soft:rgba(185,122,84,.18);

  --rp-shadow:0 28px 84px rgba(0,0,0,.34);
  --rp-shadow-soft:0 18px 52px rgba(0,0,0,.16);

  --rp-radius-xl:32px;
  --rp-radius-lg:24px;
  --rp-radius-md:18px;

  --rp-max:1180px;
  --rp-serif:Georgia, "Times New Roman", serif;
  --rp-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  position:relative !important;
  isolation:isolate !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;

  color:var(--rp-ink) !important;
  font-family:var(--rp-sans) !important;
  font-size:16px !important;
  line-height:1.7 !important;

  background:
    radial-gradient(circle at 12% 8%, rgba(201,167,103,.15), transparent 31%),
    radial-gradient(circle at 86% 12%, rgba(109,142,173,.18), transparent 34%),
    radial-gradient(circle at 50% 94%, rgba(116,168,141,.10), transparent 36%),
    radial-gradient(circle at 14% 80%, rgba(143,132,201,.050), transparent 34%),
    linear-gradient(90deg, rgba(201,167,103,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--rp-bg-deep) 0%, var(--rp-bg) 43%, var(--rp-bg-soft) 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}

#sslp-practice-root[data-theme="light"]{
  --rp-bg:#f7f1e7;
  --rp-bg-deep:#fcf8ef;
  --rp-bg-soft:#edf2f4;

  --rp-ink:#172235;
  --rp-muted:rgba(23,34,53,.74);
  --rp-soft:rgba(23,34,53,.56);

  --rp-line:rgba(22,36,56,.13);
  --rp-line-2:rgba(22,36,56,.18);
  --rp-line-gold:rgba(126,91,38,.28);
  --rp-line-gold-2:rgba(126,91,38,.42);
  --rp-line-blue:rgba(65,111,152,.28);
  --rp-line-green:rgba(71,124,98,.26);
  --rp-line-violet:rgba(105,96,164,.26);
  --rp-line-copper:rgba(152,99,67,.26);

  --rp-surface:rgba(255,255,255,.72);
  --rp-surface-2:rgba(255,255,255,.94);
  --rp-surface-3:rgba(255,255,255,.98);

  --rp-gold:#9f7430;
  --rp-gold-2:#7d5520;

  --rp-blue:#416f98;
  --rp-blue-soft:rgba(65,111,152,.12);
  --rp-blue-soft-2:rgba(65,111,152,.08);

  --rp-green:#477c62;
  --rp-green-soft:rgba(71,124,98,.12);

  --rp-violet:#6960a4;
  --rp-violet-soft:rgba(105,96,164,.13);

  --rp-copper:#986343;
  --rp-copper-soft:rgba(152,99,67,.13);

  --rp-shadow:0 26px 78px rgba(30,36,48,.12);
  --rp-shadow-soft:0 18px 52px rgba(30,36,48,.10);

  color:var(--rp-ink) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(159,116,48,.16), transparent 31%),
    radial-gradient(circle at 86% 12%, rgba(65,111,152,.12), transparent 34%),
    radial-gradient(circle at 50% 94%, rgba(71,124,98,.080), transparent 36%),
    linear-gradient(90deg, rgba(159,116,48,.018) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, #fcf8ef 0%, #f4ede1 48%, #edf2f4 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}


/* =========================================================
   1. TAGDIV AND NEWSPAPER GUARD
========================================================= */

#sslp-practice-root h1,
#sslp-practice-root h2,
#sslp-practice-root h3,
#sslp-practice-root p,
#sslp-practice-root span,
#sslp-practice-root strong,
#sslp-practice-root a,
#sslp-practice-root button,
#sslp-practice-root div,
#sslp-practice-root section,
#sslp-practice-root article,
#sslp-practice-root aside,
#sslp-practice-root footer,
#sslp-practice-root header,
#sslp-practice-root summary{
  font-family:inherit !important;
  text-shadow:none !important;
}

#sslp-practice-root h1,
#sslp-practice-root h2,
#sslp-practice-root h3{
  margin-top:0 !important;
  color:var(--rp-ink) !important;
  font-family:var(--rp-serif) !important;
  text-transform:none !important;
}

#sslp-practice-root p{
  margin-top:0 !important;
  color:var(--rp-muted) !important;
}

#sslp-practice-root a,
#sslp-practice-root a:link,
#sslp-practice-root a:visited,
#sslp-practice-root a:hover,
#sslp-practice-root a:active{
  color:inherit !important;
  text-decoration:none !important;
  outline:none !important;
}

#sslp-practice-root button{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  background:none !important;
  font:inherit !important;
  cursor:pointer !important;
}


/* =========================================================
   2. LAYOUT AND TYPOGRAPHY
========================================================= */

#sslp-practice-root .rp-shell{
  width:min(var(--rp-max), calc(100% - 32px)) !important;
  margin:0 auto !important;
  position:relative !important;
  z-index:2 !important;
}

#sslp-practice-root .rp-bg-ring{
  position:absolute !important;
  width:min(58vw, 700px) !important;
  height:min(58vw, 700px) !important;
  right:-13vw !important;
  top:6% !important;
  border:1px solid rgba(109,142,173,.16) !important;
  border-radius:999px !important;
  opacity:.58 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#sslp-practice-root .rp-bg-ring::before,
#sslp-practice-root .rp-bg-ring::after{
  content:"" !important;
  position:absolute !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

#sslp-practice-root .rp-bg-ring::before{
  inset:13% !important;
}

#sslp-practice-root .rp-bg-ring::after{
  inset:29% !important;
  border-color:rgba(201,167,103,.12) !important;
}

#sslp-practice-root h1{
  max-width:900px !important;
  margin:0 0 20px !important;
  font-size:clamp(35px, 4.25vw, 56px) !important;
  line-height:1.04 !important;
  letter-spacing:-.044em !important;
  font-weight:730 !important;
}

#sslp-practice-root h2{
  margin:0 !important;
  font-size:clamp(25px, 2.55vw, 36px) !important;
  line-height:1.14 !important;
  letter-spacing:-.032em !important;
  font-weight:700 !important;
}

#sslp-practice-root h3{
  margin:0 0 8px !important;
  font-size:clamp(18px, 1.45vw, 22px) !important;
  line-height:1.2 !important;
  letter-spacing:-.018em !important;
  font-weight:700 !important;
}


/* =========================================================
   3. TOPBAR AND FOOTER
========================================================= */

#sslp-practice-root .rp-topbar,
#sslp-practice-root .rp-footer{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  position:relative !important;
  z-index:5 !important;
}

#sslp-practice-root .rp-topbar{
  padding:24px 0 16px !important;
}

#sslp-practice-root .rp-nav{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

#sslp-practice-root .rp-pill,
#sslp-practice-root .rp-theme-toggle,
#sslp-practice-root .rp-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  cursor:pointer !important;
  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    color .25s ease !important;
}

#sslp-practice-root .rp-pill,
#sslp-practice-root .rp-theme-toggle{
  min-height:36px !important;
  padding:8px 13px !important;
  border:1px solid var(--rp-line) !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--rp-muted) !important;
  font-size:11.5px !important;
  font-weight:780 !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
}

#sslp-practice-root[data-theme="light"] .rp-pill,
#sslp-practice-root[data-theme="light"] .rp-theme-toggle{
  background:rgba(255,255,255,.74) !important;
}

#sslp-practice-root .rp-pill:hover,
#sslp-practice-root .rp-theme-toggle:hover,
#sslp-practice-root .rp-btn:hover{
  transform:translateY(-2px) !important;
  border-color:var(--rp-line-gold) !important;
  background:var(--rp-surface-2) !important;
  color:var(--rp-ink) !important;
}

#sslp-practice-root .rp-brand{
  color:var(--rp-gold) !important;
  font-size:11.5px !important;
  font-weight:820 !important;
  line-height:1.3 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  opacity:.94 !important;
}

#sslp-practice-root .rp-footer{
  padding:24px 0 36px !important;
  border-top:1px solid var(--rp-line) !important;
  color:var(--rp-soft) !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  flex-wrap:wrap !important;
}

#sslp-practice-root .rp-footer span,
#sslp-practice-root .rp-footer a{
  color:var(--rp-soft) !important;
}

#sslp-practice-root .rp-footer a{
  border-bottom:1px solid transparent !important;
  transition:color .25s ease, border-color .25s ease !important;
}

#sslp-practice-root .rp-footer a:hover{
  color:var(--rp-gold) !important;
  border-color:var(--rp-gold) !important;
}


/* =========================================================
   4. HERO
========================================================= */

#sslp-practice-root .rp-hero{
  position:relative !important;
  padding:58px 0 46px !important;
  scroll-margin-top:90px !important;
}

#sslp-practice-root .rp-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.02fr) minmax(340px, .98fr) !important;
  gap:38px !important;
  align-items:center !important;
}

#sslp-practice-root .rp-kicker,
#sslp-practice-root .rp-eyebrow,
#sslp-practice-root .sslp-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  color:var(--rp-gold) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

#sslp-practice-root .rp-kicker{
  gap:10px !important;
  margin-bottom:16px !important;
}

#sslp-practice-root .rp-kicker::before{
  content:"" !important;
  width:34px !important;
  height:1px !important;
  background:var(--rp-gold) !important;
  opacity:.86 !important;
}

#sslp-practice-root .rp-lead{
  max-width:760px !important;
  margin:0 0 24px !important;
  color:var(--rp-muted) !important;
  font-size:clamp(15.5px, 1.18vw, 17.5px) !important;
  line-height:1.74 !important;
}

#sslp-practice-root .rp-quote{
  max-width:720px !important;
  margin:0 0 26px !important;
  padding:16px 18px 16px 20px !important;
  border-left:2px solid var(--rp-gold) !important;
  border-radius:0 18px 18px 0 !important;
  background:
    linear-gradient(90deg, rgba(201,167,103,.14), rgba(201,167,103,.035)) !important;
  color:var(--rp-ink) !important;
  font-family:var(--rp-serif) !important;
  font-size:clamp(17px, 1.5vw, 21px) !important;
  line-height:1.48 !important;
  letter-spacing:-.018em !important;
}

#sslp-practice-root .rp-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:24px !important;
}

#sslp-practice-root .rp-btn{
  gap:10px !important;
  min-height:44px !important;
  padding:11px 17px !important;
  border:1px solid var(--rp-line-gold) !important;
  font-size:12.5px !important;
  font-weight:820 !important;
  line-height:1.2 !important;
  letter-spacing:.035em !important;
}

#sslp-practice-root .rp-btn.primary{
  color:#120f0a !important;
  background:linear-gradient(135deg, #d9b66e, #f2dda3) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 16px 42px rgba(201,167,103,.16) !important;
}

#sslp-practice-root .rp-btn.secondary{
  color:var(--rp-ink) !important;
  background:rgba(255,255,255,.060) !important;
  border-color:var(--rp-line) !important;
}

#sslp-practice-root[data-theme="light"] .rp-btn.secondary{
  background:rgba(255,255,255,.74) !important;
}


/* =========================================================
   5. HERO VISUAL: PRACTICE GATE FIELD
========================================================= */

#sslp-practice-root .rp-gate-visual{
  position:relative !important;
  min-height:520px !important;
  border:1px solid var(--rp-line-gold) !important;
  border-radius:var(--rp-radius-xl) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.030)),
    radial-gradient(circle at 50% 50%, rgba(201,167,103,.18), transparent 28%),
    radial-gradient(circle at 50% 55%, rgba(109,142,173,.14), transparent 48%),
    radial-gradient(circle at 18% 82%, rgba(116,168,141,.08), transparent 34%),
    linear-gradient(145deg, rgba(10,22,38,.96), rgba(18,39,64,.58)) !important;
  box-shadow:var(--rp-shadow) !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

#sslp-practice-root[data-theme="light"] .rp-gate-visual{
  background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.52)),
    radial-gradient(circle at 50% 50%, rgba(159,116,48,.16), transparent 30%),
    radial-gradient(circle at 50% 55%, rgba(65,111,152,.12), transparent 48%),
    radial-gradient(circle at 18% 82%, rgba(71,124,98,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,250,240,.94), rgba(232,238,245,.72)) !important;
}

#sslp-practice-root .rp-gate-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  z-index:1 !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(255,255,255,.050) 49.9% 50.1%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(255,255,255,.038) 49.9% 50.1%, transparent 50.3%) !important;
  opacity:.52 !important;
  pointer-events:none !important;
}

#sslp-practice-root .rp-gate-visual::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:1 !important;
  width:78% !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) rotate(12deg) !important;
  border-radius:50% !important;
  border:1px dashed rgba(239,220,165,.18) !important;
  box-shadow:
    0 0 90px rgba(109,142,173,.10),
    inset 0 0 70px rgba(201,167,103,.060) !important;
  pointer-events:none !important;
}

#sslp-practice-root .rp-orbit-map{
  position:absolute !important;
  inset:30px !important;
  z-index:2 !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(239,220,165,.18), transparent 0 10%, transparent 12%),
    radial-gradient(circle at 50% 50%, transparent 0 27%, rgba(255,255,255,.09) 27.3% 27.8%, transparent 28%),
    radial-gradient(circle at 50% 50%, transparent 0 48%, rgba(201,167,103,.20) 48.3% 48.8%, transparent 49%),
    radial-gradient(circle at 50% 50%, transparent 0 68%, rgba(109,142,173,.17) 68.3% 68.8%, transparent 69%),
    radial-gradient(circle at 50% 50%, transparent 0 82%, rgba(255,255,255,.06) 82.3% 82.8%, transparent 83%),
    linear-gradient(135deg, rgba(255,255,255,.035), transparent) !important;
}

#sslp-practice-root .rp-orbit-map::before,
#sslp-practice-root .rp-orbit-map::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:80% !important;
  height:1px !important;
  transform:translate(-50%, -50%) rotate(0deg) !important;
  background:linear-gradient(90deg, transparent, rgba(239,220,165,.30), transparent) !important;
  opacity:.76 !important;
}

#sslp-practice-root .rp-orbit-map::after{
  transform:translate(-50%, -50%) rotate(90deg) !important;
  background:linear-gradient(90deg, transparent, rgba(109,142,173,.22), transparent) !important;
}

#sslp-practice-root .rp-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:4 !important;
  width:170px !important;
  height:170px !important;
  transform:translate(-50%, -50%) !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  border-radius:50% !important;
  border:1px solid rgba(239,220,165,.52) !important;
  background:radial-gradient(circle, rgba(201,167,103,.25), rgba(14,27,46,.96) 70%) !important;
  box-shadow:
    0 0 90px rgba(201,167,103,.20),
    0 0 0 28px rgba(109,142,173,.018),
    inset 0 0 30px rgba(255,255,255,.040) !important;
}

#sslp-practice-root[data-theme="light"] .rp-core{
  background:radial-gradient(circle, rgba(201,167,103,.18), rgba(255,255,255,.96) 70%) !important;
}

#sslp-practice-root .rp-core strong{
  display:block !important;
  color:var(--rp-ink) !important;
  font-family:var(--rp-serif) !important;
  font-size:25px !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}

#sslp-practice-root .rp-core span{
  display:block !important;
  max-width:118px !important;
  margin:8px auto 0 !important;
  color:var(--rp-soft) !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
}

#sslp-practice-root .rp-space-card{
  position:absolute !important;
  z-index:5 !important;
  width:172px !important;
  min-height:102px !important;
  padding:14px 15px !important;
  border:1px solid var(--rp-line) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.075) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.16) !important;
  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease !important;
}

#sslp-practice-root[data-theme="light"] .rp-space-card{
  background:rgba(255,255,255,.75) !important;
}

#sslp-practice-root .rp-space-card::before{
  content:"" !important;
  position:absolute !important;
  right:13px !important;
  top:12px !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:var(--rp-gold) !important;
  box-shadow:0 0 18px rgba(201,167,103,.36) !important;
  opacity:.84 !important;
}

#sslp-practice-root .rp-space-card:hover{
  border-color:var(--rp-line-gold) !important;
  background:var(--rp-surface-2) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
}

#sslp-practice-root .rp-space-card strong{
  display:block !important;
  margin-bottom:4px !important;
  color:var(--rp-gold) !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#sslp-practice-root .rp-space-card span{
  display:block !important;
  color:var(--rp-ink) !important;
  font-size:12.5px !important;
  font-weight:760 !important;
  line-height:1.36 !important;
}

#sslp-practice-root .rp-card-latihan{
  left:50% !important;
  top:38px !important;
  transform:translateX(-50%) !important;
  border-color:var(--rp-line-blue) !important;
}

#sslp-practice-root .rp-card-ritme{
  right:36px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  border-color:var(--rp-line-green) !important;
}

#sslp-practice-root .rp-card-litani{
  left:50% !important;
  bottom:38px !important;
  transform:translateX(-50%) !important;
  border-color:var(--rp-line-violet) !important;
}

#sslp-practice-root .rp-card-gema{
  left:36px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  border-color:var(--rp-line-copper) !important;
}


/* =========================================================
   6. SECTION BASE
========================================================= */

#sslp-practice-root .rp-section{
  position:relative !important;
  z-index:2 !important;
  padding:48px 0 !important;
  scroll-margin-top:90px !important;
}

#sslp-practice-root .rp-section-head{
  display:grid !important;
  grid-template-columns:minmax(0, .78fr) minmax(320px, .62fr) !important;
  gap:28px !important;
  align-items:end !important;
  margin-bottom:28px !important;
}

#sslp-practice-root .rp-eyebrow{
  margin-bottom:12px !important;
}

#sslp-practice-root .rp-section-desc{
  margin:0 !important;
  color:var(--rp-muted) !important;
  font-size:15.5px !important;
  line-height:1.76 !important;
}

#sslp-practice-root .rp-grid-2,
#sslp-practice-root .rp-dual{
  display:grid !important;
  grid-template-columns:minmax(0, .78fr) minmax(300px, .52fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}

#sslp-practice-root .rp-grid-3{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
}

#sslp-practice-root .rp-grid-4{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
}


/* =========================================================
   7. PANEL AND CARD SYSTEM
========================================================= */

#sslp-practice-root .rp-panel,
#sslp-practice-root .rp-note,
#sslp-practice-root .rp-meaning,
#sslp-practice-root .rp-cta,
#sslp-practice-root .sslp-pause-box{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--rp-line-gold) !important;
  border-radius:var(--rp-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(201,167,103,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(109,142,173,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
  box-shadow:var(--rp-shadow) !important;
}

#sslp-practice-root[data-theme="light"] .rp-panel,
#sslp-practice-root[data-theme="light"] .rp-note,
#sslp-practice-root[data-theme="light"] .rp-meaning,
#sslp-practice-root[data-theme="light"] .rp-cta,
#sslp-practice-root[data-theme="light"] .sslp-pause-box{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(65,111,152,.065), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.64)) !important;
}

#sslp-practice-root .rp-panel,
#sslp-practice-root .rp-note{
  padding:28px !important;
}

#sslp-practice-root .rp-panel::before,
#sslp-practice-root .rp-note::before,
#sslp-practice-root .rp-meaning::before,
#sslp-practice-root .rp-cta::before,
#sslp-practice-root .sslp-pause-box::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:32px !important;
  bottom:32px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, transparent, var(--rp-gold), transparent) !important;
  opacity:.42 !important;
}

#sslp-practice-root .rp-panel::after,
#sslp-practice-root .rp-note::after,
#sslp-practice-root .rp-meaning::after{
  content:"" !important;
  position:absolute !important;
  right:-118px !important;
  bottom:-130px !important;
  width:330px !important;
  height:330px !important;
  border-radius:50% !important;
  border:1px solid rgba(109,142,173,.13) !important;
  box-shadow:
    0 0 0 46px rgba(109,142,173,.014),
    0 0 0 96px rgba(201,167,103,.010) !important;
  pointer-events:none !important;
  opacity:.46 !important;
}

#sslp-practice-root .rp-panel > *,
#sslp-practice-root .rp-note > *,
#sslp-practice-root .rp-meaning > *,
#sslp-practice-root .rp-cta > *,
#sslp-practice-root .sslp-pause-box > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-practice-root .rp-panel p,
#sslp-practice-root .rp-note p,
#sslp-practice-root .rp-meaning p{
  margin:0 0 14px !important;
  color:var(--rp-muted) !important;
  font-size:15.5px !important;
  line-height:1.78 !important;
}

#sslp-practice-root .rp-panel p:last-child,
#sslp-practice-root .rp-note p:last-child,
#sslp-practice-root .rp-meaning p:last-child{
  margin-bottom:0 !important;
}

#sslp-practice-root .rp-panel strong,
#sslp-practice-root .rp-note strong,
#sslp-practice-root .rp-meaning strong{
  color:var(--rp-ink) !important;
  font-weight:830 !important;
}

#sslp-practice-root .rp-card,
#sslp-practice-root .rp-mini,
#sslp-practice-root .rp-route,
#sslp-practice-root .rp-step,
#sslp-practice-root .rp-case,
#sslp-practice-root .rp-gesture,
#sslp-practice-root .rp-choice,
#sslp-practice-root .rp-faq-item{
  position:relative !important;
  border:1px solid var(--rp-line) !important;
  border-radius:var(--rp-radius-lg) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(109,142,173,.095), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.022)) !important;
  box-shadow:var(--rp-shadow-soft) !important;
  overflow:hidden !important;
}

#sslp-practice-root[data-theme="light"] .rp-card,
#sslp-practice-root[data-theme="light"] .rp-mini,
#sslp-practice-root[data-theme="light"] .rp-route,
#sslp-practice-root[data-theme="light"] .rp-step,
#sslp-practice-root[data-theme="light"] .rp-case,
#sslp-practice-root[data-theme="light"] .rp-gesture,
#sslp-practice-root[data-theme="light"] .rp-choice,
#sslp-practice-root[data-theme="light"] .rp-faq-item{
  background:
    radial-gradient(circle at 86% 12%, rgba(65,111,152,.075), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56)) !important;
}

#sslp-practice-root .rp-card::before,
#sslp-practice-root .rp-mini::before,
#sslp-practice-root .rp-route::before,
#sslp-practice-root .rp-step::before,
#sslp-practice-root .rp-case::before,
#sslp-practice-root .rp-gesture::before,
#sslp-practice-root .rp-choice::before,
#sslp-practice-root .rp-faq-item::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(201,167,103,.44), transparent) !important;
  opacity:.62 !important;
}

#sslp-practice-root .rp-card::after,
#sslp-practice-root .rp-mini::after,
#sslp-practice-root .rp-route::after,
#sslp-practice-root .rp-step::after,
#sslp-practice-root .rp-case::after,
#sslp-practice-root .rp-gesture::after{
  content:"" !important;
  position:absolute !important;
  right:-48px !important;
  bottom:-56px !important;
  width:142px !important;
  height:142px !important;
  border-radius:50% !important;
  border:1px solid rgba(109,142,173,.16) !important;
  opacity:.46 !important;
  pointer-events:none !important;
}

#sslp-practice-root .rp-card > *,
#sslp-practice-root .rp-mini > *,
#sslp-practice-root .rp-route > *,
#sslp-practice-root .rp-step > *,
#sslp-practice-root .rp-case > *,
#sslp-practice-root .rp-gesture > *,
#sslp-practice-root .rp-choice > *,
#sslp-practice-root .rp-faq-item > *{
  position:relative !important;
  z-index:2 !important;
}

#sslp-practice-root .rp-card,
#sslp-practice-root .rp-mini,
#sslp-practice-root .rp-route,
#sslp-practice-root .rp-step,
#sslp-practice-root .rp-case{
  min-height:178px !important;
  padding:21px !important;
}

#sslp-practice-root .rp-panel.accent,
#sslp-practice-root .rp-note.accent,
#sslp-practice-root .rp-card.accent,
#sslp-practice-root .rp-step.accent,
#sslp-practice-root .rp-case.accent,
#sslp-practice-root .rp-mini.accent{
  border-color:var(--rp-line-gold) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(201,167,103,.11), transparent 34%),
    linear-gradient(145deg, rgba(201,167,103,.12), rgba(255,255,255,.040)) !important;
}

#sslp-practice-root .rp-label{
  display:inline-flex !important;
  margin-bottom:16px !important;
  color:var(--rp-gold) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#sslp-practice-root .rp-card p,
#sslp-practice-root .rp-mini p,
#sslp-practice-root .rp-route p,
#sslp-practice-root .rp-step p,
#sslp-practice-root .rp-case p{
  margin:0 !important;
  color:var(--rp-muted) !important;
  font-size:14px !important;
  line-height:1.66 !important;
}


/* =========================================================
   8. KOMPAS, MEANING, LINKS
========================================================= */

#sslp-practice-root .rp-grid-4 > .rp-mini:nth-child(1){
  border-radius:34px 24px 24px 24px !important;
}

#sslp-practice-root .rp-grid-4 > .rp-mini:nth-child(2){
  transform:translateY(14px) !important;
}

#sslp-practice-root .rp-grid-4 > .rp-mini:nth-child(3){
  transform:translateY(30px) !important;
}

#sslp-practice-root .rp-grid-4 > .rp-mini:nth-child(4){
  transform:translateY(8px) !important;
  border-radius:24px 34px 24px 24px !important;
}

#sslp-practice-root .rp-grid-4 > .rp-card:nth-child(1),
#sslp-practice-root .rp-grid-4 > .rp-card:nth-child(3){
  transform:translateY(0) !important;
}

#sslp-practice-root .rp-grid-4 > .rp-card:nth-child(2){
  transform:translateY(16px) !important;
}

#sslp-practice-root .rp-grid-4 > .rp-card:nth-child(4){
  transform:translateY(8px) !important;
}

#sslp-practice-root .rp-meaning-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin-top:20px !important;
}

#sslp-practice-root .rp-meaning{
  min-height:150px !important;
  padding:20px !important;
}

#sslp-practice-root .rp-meaning strong{
  display:block !important;
  margin-bottom:8px !important;
  color:var(--rp-gold) !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

#sslp-practice-root .rp-meaning p{
  font-size:14px !important;
  line-height:1.66 !important;
}

#sslp-practice-root .rp-link-list{
  display:grid !important;
  gap:9px !important;
}

#sslp-practice-root .rp-card .rp-link-list,
#sslp-practice-root .rp-route .rp-link-list{
  margin-top:18px !important;
}

#sslp-practice-root .rp-link{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:12px 13px !important;
  border-radius:14px !important;
  border:1px solid var(--rp-line) !important;
  background:rgba(255,255,255,.045) !important;
  transition:background .25s ease, border-color .25s ease, transform .25s ease !important;
}

#sslp-practice-root .rp-link::before{
  content:"" !important;
  position:absolute !important;
  left:13px !important;
  right:42px !important;
  bottom:9px !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(201,167,103,.26), transparent) !important;
  opacity:.62 !important;
  pointer-events:none !important;
}

#sslp-practice-root[data-theme="light"] .rp-link{
  background:rgba(255,255,255,.64) !important;
}

#sslp-practice-root .rp-link:hover{
  transform:translateX(4px) !important;
  border-color:var(--rp-line-gold) !important;
  background:var(--rp-surface-2) !important;
}

#sslp-practice-root .rp-link span:first-child{
  color:var(--rp-ink) !important;
  font-size:13.5px !important;
  font-weight:760 !important;
  line-height:1.38 !important;
}

#sslp-practice-root .rp-link span:last-child{
  color:var(--rp-gold) !important;
  font-size:15px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}


/* =========================================================
   9. CHOICE, FLOW, GESTURES
========================================================= */

#sslp-practice-root .rp-choice{
  display:grid !important;
  grid-template-columns:88px minmax(0, 1fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  padding:16px !important;
  border-radius:22px !important;
}

#sslp-practice-root .rp-choice + .rp-choice{
  margin-top:12px !important;
}

#sslp-practice-root .rp-choice-mark{
  width:70px !important;
  height:70px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:20px !important;
  border:1px solid var(--rp-line-gold) !important;
  background:rgba(201,167,103,.12) !important;
  color:var(--rp-gold) !important;
  font-family:var(--rp-serif) !important;
  font-size:28px !important;
  line-height:1 !important;
}

#sslp-practice-root .rp-choice h3{
  margin-bottom:6px !important;
}

#sslp-practice-root .rp-choice p{
  margin:0 !important;
  color:var(--rp-muted) !important;
  font-size:14.5px !important;
  line-height:1.66 !important;
}

#sslp-practice-root .rp-choice .rp-link{
  min-width:138px !important;
}

#sslp-practice-root .rp-flow{
  counter-reset:rpflow !important;
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:14px !important;
}

#sslp-practice-root .rp-flow .rp-step::before{
  counter-increment:rpflow !important;
  content:counter(rpflow, decimal-leading-zero) !important;
  position:relative !important;
  display:inline-flex !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  margin-bottom:16px !important;
  color:var(--rp-gold) !important;
  background:transparent !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
}

#sslp-practice-root .rp-gesture-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

#sslp-practice-root .rp-gesture{
  min-height:174px !important;
  padding:24px 21px !important;
  border-radius:24px !important;
  text-align:center !important;
}

#sslp-practice-root .rp-gesture strong{
  display:block !important;
  margin-bottom:14px !important;
  color:var(--rp-gold) !important;
  font-family:var(--rp-serif) !important;
  font-size:34px !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}

#sslp-practice-root .rp-gesture p{
  margin:0 !important;
  color:var(--rp-muted) !important;
  font-size:14px !important;
  line-height:1.68 !important;
}


/* =========================================================
   10. JEDA SUNYI
========================================================= */

#sslp-practice-root .sslp-pause{
  padding:50px 0 !important;
}

#sslp-practice-root .sslp-pause-box{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:20px !important;
  align-items:center !important;
  padding:34px !important;
}

#sslp-practice-root .sslp-pause-content h2{
  margin:8px 0 12px !important;
  max-width:800px !important;
}

#sslp-practice-root .sslp-pause-content p{
  max-width:860px !important;
  margin:0 !important;
  color:var(--rp-muted) !important;
  font-size:15.5px !important;
  line-height:1.76 !important;
}

#sslp-practice-root .sslp-pause-mark{
  color:rgba(201,167,103,.24) !important;
  font-family:var(--rp-serif) !important;
  font-size:118px !important;
  line-height:.75 !important;
  pointer-events:none !important;
}


/* =========================================================
   11. FAQ
========================================================= */

#sslp-practice-root .rp-faq-wrap{
  display:grid !important;
  gap:10px !important;
}

#sslp-practice-root .rp-faq-item{
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border-radius:22px !important;
}

#sslp-practice-root .rp-faq-button{
  width:100% !important;
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:15px 18px !important;
  border-radius:22px !important;
  color:var(--rp-ink) !important;
  background:rgba(255,255,255,.045) !important;
  font-family:var(--rp-serif) !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  text-align:left !important;
}

#sslp-practice-root[data-theme="light"] .rp-faq-button{
  background:rgba(255,255,255,.72) !important;
}

#sslp-practice-root .rp-faq-button span:last-child{
  width:30px !important;
  height:30px !important;
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid rgba(201,167,103,.24) !important;
  color:var(--rp-gold) !important;
  background:rgba(201,167,103,.08) !important;
  font-family:var(--rp-sans) !important;
  font-size:18px !important;
  line-height:1 !important;
  transition:transform .24s ease !important;
}

#sslp-practice-root .rp-faq-panel{
  display:none !important;
  padding:0 18px 17px !important;
}

#sslp-practice-root .rp-faq-item.is-open{
  border-color:var(--rp-line-gold) !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(109,142,173,.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.064), rgba(255,255,255,.024)) !important;
}

#sslp-practice-root .rp-faq-item.is-open .rp-faq-panel{
  display:block !important;
}

#sslp-practice-root .rp-faq-item.is-open .rp-faq-button span:last-child{
  transform:rotate(45deg) !important;
}

#sslp-practice-root .rp-faq-panel p{
  margin:0 !important;
  color:var(--rp-muted) !important;
  font-size:14px !important;
  line-height:1.68 !important;
}


/* =========================================================
   12. CTA
========================================================= */

#sslp-practice-root .rp-cta{
  margin:54px 0 66px !important;
  padding:34px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:24px !important;
  align-items:center !important;
}

#sslp-practice-root .rp-cta::after{
  content:"" !important;
  position:absolute !important;
  left:-8% !important;
  top:-40% !important;
  width:360px !important;
  height:360px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(109,142,173,.14), transparent 68%) !important;
  pointer-events:none !important;
  opacity:.72 !important;
}

#sslp-practice-root .rp-cta h2{
  margin:0 0 10px !important;
}

#sslp-practice-root .rp-cta p{
  margin:0 !important;
  max-width:760px !important;
  color:var(--rp-muted) !important;
  font-size:15.5px !important;
  line-height:1.74 !important;
}


/* =========================================================
   13. RESPONSIVE
========================================================= */

@media(max-width:1080px){
  #sslp-practice-root .rp-flow,
  #sslp-practice-root .rp-grid-4,
  #sslp-practice-root .rp-meaning-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #sslp-practice-root .rp-gesture-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #sslp-practice-root .rp-grid-4 > .rp-mini:nth-child(1),
  #sslp-practice-root .rp-grid-4 > .rp-mini:nth-child(2),
  #sslp-practice-root .rp-grid-4 > .rp-mini:nth-child(3),
  #sslp-practice-root .rp-grid-4 > .rp-mini:nth-child(4),
  #sslp-practice-root .rp-grid-4 > .rp-card:nth-child(1),
  #sslp-practice-root .rp-grid-4 > .rp-card:nth-child(2),
  #sslp-practice-root .rp-grid-4 > .rp-card:nth-child(3),
  #sslp-practice-root .rp-grid-4 > .rp-card:nth-child(4){
    transform:none !important;
  }
}

@media(max-width:980px){
  #sslp-practice-root .rp-hero-grid,
  #sslp-practice-root .rp-section-head,
  #sslp-practice-root .rp-grid-2,
  #sslp-practice-root .rp-dual,
  #sslp-practice-root .rp-cta{
    grid-template-columns:1fr !important;
  }

  #sslp-practice-root .rp-topbar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  #sslp-practice-root .rp-grid-3{
    grid-template-columns:1fr !important;
  }

  #sslp-practice-root .rp-gate-visual{
    min-height:500px !important;
  }

  #sslp-practice-root .rp-choice{
    grid-template-columns:72px minmax(0, 1fr) !important;
  }

  #sslp-practice-root .rp-choice .rp-link{
    grid-column:2 !important;
    width:max-content !important;
  }
}

@media(max-width:720px){
  #sslp-practice-root .rp-shell{
    width:min(100% - 22px, var(--rp-max)) !important;
  }

  #sslp-practice-root .rp-brand{
    white-space:normal !important;
  }

  #sslp-practice-root .rp-hero{
    padding:42px 0 34px !important;
  }

  #sslp-practice-root h1{
    font-size:clamp(31px, 9vw, 43px) !important;
    line-height:1.06 !important;
    letter-spacing:-.036em !important;
  }

  #sslp-practice-root h2{
    font-size:clamp(23px, 6.8vw, 31px) !important;
    line-height:1.14 !important;
    letter-spacing:-.028em !important;
  }

  #sslp-practice-root h3{
    font-size:clamp(18px, 5.4vw, 22px) !important;
  }

  #sslp-practice-root .rp-lead,
  #sslp-practice-root .rp-section-desc{
    font-size:15px !important;
    line-height:1.68 !important;
  }

  #sslp-practice-root .rp-quote{
    font-size:17px !important;
  }

  #sslp-practice-root .rp-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #sslp-practice-root .rp-btn{
    width:100% !important;
  }

  #sslp-practice-root .rp-gate-visual{
    min-height:450px !important;
    border-radius:26px !important;
  }

  #sslp-practice-root .rp-orbit-map{
    inset:16px !important;
  }

  #sslp-practice-root .rp-core{
    width:126px !important;
    height:126px !important;
  }

  #sslp-practice-root .rp-core strong{
    font-size:20px !important;
  }

  #sslp-practice-root .rp-core span{
    display:none !important;
  }

  #sslp-practice-root .rp-space-card{
    width:128px !important;
    min-height:76px !important;
    padding:10px 11px !important;
    border-radius:17px !important;
  }

  #sslp-practice-root .rp-space-card strong{
    font-size:9.8px !important;
  }

  #sslp-practice-root .rp-space-card span{
    font-size:11.5px !important;
  }

  #sslp-practice-root .rp-card-latihan{
    top:26px !important;
  }

  #sslp-practice-root .rp-card-ritme{
    right:12px !important;
  }

  #sslp-practice-root .rp-card-litani{
    bottom:26px !important;
  }

  #sslp-practice-root .rp-card-gema{
    left:12px !important;
  }

  #sslp-practice-root .rp-section,
  #sslp-practice-root .sslp-pause{
    padding:40px 0 !important;
    scroll-margin-top:78px !important;
  }

  #sslp-practice-root .rp-flow,
  #sslp-practice-root .rp-grid-4,
  #sslp-practice-root .rp-meaning-grid,
  #sslp-practice-root .rp-gesture-grid{
    grid-template-columns:1fr !important;
  }

  #sslp-practice-root .rp-panel,
  #sslp-practice-root .rp-note,
  #sslp-practice-root .rp-meaning,
  #sslp-practice-root .rp-card,
  #sslp-practice-root .rp-mini,
  #sslp-practice-root .rp-route,
  #sslp-practice-root .rp-step,
  #sslp-practice-root .rp-case,
  #sslp-practice-root .rp-gesture,
  #sslp-practice-root .rp-cta,
  #sslp-practice-root .sslp-pause-box{
    padding:22px !important;
    border-radius:24px !important;
  }

  #sslp-practice-root .rp-card,
  #sslp-practice-root .rp-mini,
  #sslp-practice-root .rp-route,
  #sslp-practice-root .rp-step,
  #sslp-practice-root .rp-case,
  #sslp-practice-root .rp-gesture,
  #sslp-practice-root .rp-meaning{
    min-height:auto !important;
  }

  #sslp-practice-root .rp-choice{
    grid-template-columns:1fr !important;
  }

  #sslp-practice-root .rp-choice-mark{
    width:58px !important;
    height:58px !important;
    font-size:24px !important;
  }

  #sslp-practice-root .rp-choice .rp-link{
    grid-column:auto !important;
    width:100% !important;
  }

  #sslp-practice-root .sslp-pause-box{
    grid-template-columns:1fr !important;
  }

  #sslp-practice-root .sslp-pause-mark{
    display:none !important;
  }

  #sslp-practice-root .rp-faq-item{
    min-height:0 !important;
    padding:0 !important;
    border-radius:20px !important;
  }

  #sslp-practice-root .rp-faq-button{
    align-items:flex-start !important;
    min-height:52px !important;
    padding:14px 16px !important;
    border-radius:20px !important;
  }

  #sslp-practice-root .rp-faq-panel{
    padding:0 16px 16px !important;
  }
}

@media(max-width:480px){
  #sslp-practice-root .rp-gate-visual{
    min-height:420px !important;
  }

  #sslp-practice-root .rp-core{
    width:108px !important;
    height:108px !important;
  }

  #sslp-practice-root .rp-core strong{
    font-size:17px !important;
  }

  #sslp-practice-root .rp-space-card{
    width:112px !important;
    min-height:68px !important;
    padding:9px 10px !important;
  }

  #sslp-practice-root .rp-space-card span{
    font-size:10.6px !important;
  }

  #sslp-practice-root .rp-card-latihan{
    top:22px !important;
  }

  #sslp-practice-root .rp-card-ritme{
    right:8px !important;
  }

  #sslp-practice-root .rp-card-litani{
    bottom:22px !important;
  }

  #sslp-practice-root .rp-card-gema{
    left:8px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #sslp-practice-root *,
  #sslp-practice-root *::before,
  #sslp-practice-root *::after{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}