/* Rakam Ustası Brand System v10 */
:root{
  --ru-navy-950:#06172F;
  --ru-navy-900:#071E43;
  --ru-navy-800:#0A2A56;
  --ru-blue-700:#1858D2;
  --ru-blue-600:#1768DA;
  --ru-blue-500:#2185F3;
  --ru-blue-400:#45A9FF;
  --ru-blue-100:#EAF4FF;
  --ru-green-500:#1FC97C;
  --ru-green-400:#45E3A2;
  --ru-orange-500:#FF7D16;
  --ru-surface:#FFFFFF;
  --ru-bg:#F3F7FC;
  --ru-text:#102342;
  --ru-muted:#71839D;
  --ru-line:#DFE8F3;

  --ru-radius-xs:8px;
  --ru-radius-sm:12px;
  --ru-radius-md:16px;
  --ru-radius-lg:22px;
  --ru-radius-xl:28px;

  --ru-shadow-sm:0 8px 24px rgba(32,71,117,.06);
  --ru-shadow-md:0 14px 36px rgba(32,71,117,.09);
  --ru-shadow-lg:0 24px 60px rgba(7,62,120,.18);

  --ru-gradient-brand:linear-gradient(135deg,var(--ru-blue-400),var(--ru-blue-700));
  --ru-gradient-finance:linear-gradient(135deg,#06356F,#0B62AD 64%,#0A8EDE);
  --ru-gradient-dark:linear-gradient(135deg,var(--ru-navy-900),#0A4D8D 64%,#0B80CF);
}


:root{
 --navy:#061e43;--navy2:#0a477f;--blue:#0872e8;--orange:#ff7900;--ink:#0b2142;
 --muted:#687b92;--line:#dfe8f2;--bg:#f5f8fc;--card:#fff;--ok:#0a9d68;--warn:#9a6500;
 --shadow:0 14px 36px rgba(18,56,91,.09)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}
body.dark{--bg:#071426;--card:#0e2139;--ink:#edf6ff;--muted:#a5b6ca;--line:#203a58;--shadow:0 14px 36px rgba(0,0,0,.23)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.w{max-width:1240px;margin:auto;padding:0 22px}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:999}
header{height:74px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.head{height:100%;display:flex;align-items:center;gap:22px}.logo{font-size:25px;font-weight:900;white-space:nowrap}.logo b{color:var(--orange)}.logo span{color:var(--blue)}.logo small{display:block;font-size:9px;letter-spacing:1.1px;color:var(--muted)}
nav{margin-left:auto;display:flex;gap:20px;font-size:12px;font-weight:700}.actions{display:flex;gap:8px}.iconbtn{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);cursor:pointer}.fav{border:0;border-radius:22px;background:var(--orange);color:white;padding:0 15px;font-weight:800}
.hero{min-height:405px;padding:50px;border-radius:0 0 30px 30px;color:#fff;display:grid;grid-template-columns:1.25fr .75fr;background:radial-gradient(circle at 80% 22%,#2b7bc48a,transparent 29%),linear-gradient(110deg,#052654,#0b477b)}
.hero h1{font-size:52px;line-height:1.02;letter-spacing:-1.8px;margin:12px 0}.hero h1 span{color:#ff8b00}.hero p{color:#dbe8f6;font-size:16px;line-height:1.65;max-width:690px}.eyebrow{display:inline-block;background:#ffffff15;border:1px solid #ffffff25;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}
.search{display:flex;background:#fff;border-radius:30px;padding:6px;max-width:720px;margin-top:20px}.search input{flex:1;border:0;outline:0;padding:14px 18px;border-radius:30px;min-width:0}.btn{border:0;border-radius:23px;background:linear-gradient(90deg,#ff9c00,#ff6500);color:#fff;font-weight:800;padding:12px 23px;cursor:pointer}.btn.secondary{background:var(--blue)}
.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hero-badges span{font-size:10px;padding:7px 10px;border-radius:99px;background:#ffffff12;border:1px solid #ffffff22}
.heroart{display:grid;place-items:center}.calc{width:245px;background:#071a35;border:5px solid #36516e;border-radius:26px;padding:18px;transform:rotate(5deg);box-shadow:0 35px 65px #0006}.screen{height:64px;background:#0d3969;border-radius:9px;display:flex;align-items:center;justify-content:flex-end;padding:13px;font-size:26px}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.key{height:37px;background:#40556e;border-radius:7px}.key:nth-child(4n){background:var(--orange)}
.ticker{margin-top:-18px;position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:8px}.tick{padding:10px 12px;border-right:1px solid var(--line)}.tick:last-child{border:0}.tick small{display:block;color:var(--muted);font-size:10px}.tick b{display:block;font-size:17px;margin-top:4px}.tick.primary{background:linear-gradient(135deg,#082c61,#0a579b);color:#fff;border-radius:12px}.tick.primary small{color:#bdd5ed}.tick.primary b{font-size:23px}.verified{font-size:9px;color:#8fe5b8}
.categories{background:var(--card);border-radius:18px;box-shadow:var(--shadow);margin-top:16px;display:grid;grid-template-columns:repeat(10,1fr);padding:14px}.cat{text-align:center;padding:10px 4px;border-right:1px solid var(--line);font-size:10.5px;font-weight:800}.cat:last-child{border:0}.cat i{display:block;font-style:normal;font-size:25px;margin-bottom:7px}
.sh{display:flex;align-items:end;justify-content:space-between;margin:34px 0 15px}.sh h2{margin:0;font-size:23px}.sh p{margin:4px 0 0;color:var(--muted);font-size:11px}.sh a{color:var(--blue);font-size:11px;font-weight:800}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #173b650c;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.thumb{height:100px;display:grid;place-items:center;font-size:48px;background:linear-gradient(135deg,#eaf4ff,#fff0d8)}.pad{padding:13px}.pad h3{font-size:13px;margin:6px 0}.pad p{font-size:10.5px;color:var(--muted);margin:0;line-height:1.45}.badge{display:inline-block;border-radius:99px;background:#eaf6ff;color:#0870dc;padding:5px 8px;font-size:9px;font-weight:900}
.featuregrid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:28px}.spotlight{background:linear-gradient(135deg,#fff,#eef6ff);color:#0b2142;border:1px solid #dce8f5;border-radius:18px;padding:23px}.spotlight h2{margin:7px 0}.spotlight p{color:#607187;line-height:1.55;font-size:12px}.adslot{min-height:130px;border:1px dashed #b9c7d8;border-radius:15px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:11px;background:var(--card)}
.contentgrid{display:grid;grid-template-columns:1fr 1.5fr .9fr;gap:14px;margin-top:28px}.panel{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:18px}.panel h3{margin:0 0 13px}.row{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.quick{background:linear-gradient(155deg,#0872e8,#0649bc);color:#fff}.quick input,.quick select{width:100%;padding:10px;border:0;border-radius:8px;margin:5px 0 9px}.qres{background:#fff;color:#0b2142;border-radius:9px;padding:11px;font-size:12px}
.toolpage{max-width:980px;margin:34px auto}.toolbox{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 8px 24px rgba(16,52,87,.05)}.toolhead{display:flex;justify-content:space-between;gap:15px;align-items:start}.toolhead h1{margin:0 0 8px}.toolhead p{margin:0;color:var(--muted);font-size:12px}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.field input,.field select{width:100%;padding:12px;border:1px solid #cad7e6;border-radius:9px;background:var(--card);color:var(--ink)}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.metric{background:#edf6ff;color:#0b2142;border-radius:11px;padding:15px}.metric small{display:block;color:#6d7d91}.metric b{display:block;font-size:18px;margin-top:5px}.info{margin-top:18px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:11px;line-height:1.7}.sourcebox{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:11px;color:var(--muted);line-height:1.65}.sourcebox b{color:var(--ink)}.warning{padding:12px 14px;border-radius:10px;background:#fff6e4;color:#785100;font-size:11px;margin:14px 0}.ok{padding:12px 14px;border-radius:10px;background:#e9f8f2;color:#0a6d4c;font-size:11px;margin:14px 0}
.alltools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tooltile{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:16px;transition:.2s}.tooltile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.tooltile b{display:block;margin-bottom:5px}.tooltile span{font-size:11px;color:var(--muted)}
.article{max-width:900px;margin:34px auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}.article h1{line-height:1.2}.article p,.article li{color:var(--muted);line-height:1.75;font-size:13px}.article h2{margin-top:28px}.toc{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px}.toc a{display:block;color:var(--blue);font-size:11px;padding:3px}
.faq{margin-top:28px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:8px 0}.faq summary{cursor:pointer;font-weight:800;font-size:12px}.faq p{font-size:11px;color:var(--muted);line-height:1.6}
.trust{margin-top:35px;background:#06214a;color:#fff}.trust .w{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:24px;padding-bottom:24px}.trust b{display:block;font-size:12px}.trust span{font-size:10px;color:#b8cce2}
footer{background:#04172f;color:#afc0d4;padding:38px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:25px}.foot h3{color:#fff}.foot p{font-size:11px;line-height:1.8}.fine{font-size:9px;color:#758ba5;margin-top:20px}
@media(max-width:850px){header{height:66px}nav,.fav{display:none}.hero{grid-template-columns:1fr;padding:30px 20px;min-height:auto}.hero h1{font-size:38px}.heroart{display:none}.ticker{grid-template-columns:1fr 1fr;margin-top:10px}.tick.primary{grid-column:1/-1}.categories{grid-template-columns:repeat(5,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.featuregrid,.contentgrid,.foot,.trust .w,.form,.results{grid-template-columns:1fr}.alltools{grid-template-columns:repeat(2,1fr)}.toolhead{display:block}}
@media(max-width:520px){.cards,.alltools{grid-template-columns:1fr 1fr}.w{padding:0 14px}.hero h1{font-size:33px}.ticker{grid-template-columns:1fr}.tick.primary{grid-column:auto}.categories{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   RAKAM USTASI V8.2 — MODERN VISUAL LAYER
   ========================================================= */
:root{
  --glass:rgba(255,255,255,.76);
  --glass-border:rgba(255,255,255,.42);
  --soft-blue:#eaf4ff;
  --soft-orange:#fff2e6;
  --ring:rgba(8,114,232,.20);
}

body{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 10% 0%, rgba(8,114,232,.07), transparent 26%),
    radial-gradient(circle at 95% 18%, rgba(255,121,0,.06), transparent 23%),
    var(--bg);
}

body.dark{
  --glass:rgba(14,33,57,.78);
  --glass-border:rgba(255,255,255,.08);
}

/* Header */
header{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:color-mix(in srgb, var(--card) 88%, transparent);
  box-shadow:0 8px 28px rgba(8,30,67,.04);
  transition:box-shadow .3s ease, background .3s ease;
}
.logo{
  letter-spacing:-.6px;
  transition:transform .25s ease;
}
.logo:hover{transform:translateY(-1px) scale(1.01)}
nav a{
  position:relative;
  padding:27px 0 25px;
}
nav a:after{
  content:"";
  position:absolute;
  left:50%;right:50%;bottom:19px;
  height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--blue),var(--orange));
  transition:left .22s ease,right .22s ease;
}
nav a:hover:after{left:0;right:0}
.iconbtn,.fav,.btn{
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.iconbtn:hover,.fav:hover,.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(8,72,150,.16);
}
.btn:active,.fav:active,.iconbtn:active{transform:translateY(0) scale(.98)}

/* Hero */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 28px 68px rgba(4,32,72,.20);
  background:
    radial-gradient(circle at 82% 24%, rgba(38,147,255,.42), transparent 27%),
    radial-gradient(circle at 25% 120%, rgba(0,171,255,.20), transparent 34%),
    linear-gradient(118deg,#041c42 0%,#07366d 48%,#0b548d 100%);
}
.hero:before,.hero:after{
  content:"";
  position:absolute;
  width:320px;height:320px;border-radius:50%;
  filter:blur(20px);
  opacity:.28;
  z-index:-1;
  animation:ruFloat 9s ease-in-out infinite;
}
.hero:before{
  background:#168cff;right:-80px;top:-120px;
}
.hero:after{
  background:#ff8b00;left:42%;bottom:-270px;
  animation-delay:-4s;
}
.hero h1{
  text-shadow:0 8px 28px rgba(0,0,0,.22);
}
.eyebrow{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
}
.search{
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  transition:transform .25s ease, box-shadow .25s ease;
}
.search:focus-within{
  transform:translateY(-2px);
  box-shadow:0 24px 54px rgba(0,0,0,.25),0 0 0 5px rgba(255,255,255,.08);
}
.search input{font-size:14px}
.hero-badges span{
  backdrop-filter:blur(8px);
  transition:background .2s ease,transform .2s ease;
}
.hero-badges span:hover{
  background:#ffffff20;
  transform:translateY(-2px);
}
.calc{
  animation:ruCalcFloat 4.8s ease-in-out infinite;
  box-shadow:0 42px 78px rgba(0,0,0,.44);
}
.screen{
  background:linear-gradient(145deg,#0b315e,#145b93);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.key{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

/* KPI ticker */
.ticker{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:var(--glass);
  border-color:var(--glass-border);
}
.tick{
  transition:transform .2s ease, background .2s ease;
}
.tick:not(.primary):hover{
  transform:translateY(-2px);
  background:rgba(8,114,232,.045);
}
.tick.primary{
  position:relative;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(8,66,135,.20);
}
.tick.primary:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.18),transparent 55%);
  transform:translateX(-120%);
  animation:ruShine 5.5s ease-in-out infinite;
}

/* Categories */
.categories{
  background:var(--glass);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--glass-border);
}
.cat{
  transition:transform .18s ease,background .18s ease,color .18s ease;
  border-radius:12px;
}
.cat:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,rgba(8,114,232,.08),rgba(255,121,0,.06));
  color:var(--blue);
}
.cat i{transition:transform .22s ease}
.cat:hover i{transform:scale(1.12) rotate(-3deg)}

/* Cards */
.card,.tooltile,.panel,.toolbox,.article,.faq details,.spotlight,.adslot{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.card{
  position:relative;
  overflow:hidden;
}
.card:after{
  content:"";
  position:absolute;
  width:120px;height:120px;border-radius:50%;
  right:-70px;top:-70px;
  background:radial-gradient(circle,rgba(8,114,232,.16),transparent 68%);
  transition:transform .35s ease;
}
.card:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 48px rgba(16,56,96,.14);
  border-color:rgba(8,114,232,.22);
}
.card:hover:after{transform:scale(1.55)}
.thumb{
  position:relative;
  overflow:hidden;
}
.thumb:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 60%);
}
.card:hover .thumb{
  background:linear-gradient(135deg,#e4f1ff,#ffecd5);
}
.card .thumb{transition:background .25s ease}
.card .thumb{transform:translateZ(0)}
.card:hover .thumb{filter:saturate(1.08)}
.card:hover .thumb{animation:ruIconBreathe .55s ease}

/* Section heading decoration */
.sh h2{
  position:relative;
  padding-left:14px;
}
.sh h2:before{
  content:"";
  position:absolute;
  left:0;top:4px;bottom:3px;width:4px;border-radius:10px;
  background:linear-gradient(var(--blue),var(--orange));
}

/* Feature spotlight */
.spotlight{
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 40px rgba(22,72,120,.07);
}
.spotlight:after{
  content:"";
  position:absolute;
  width:220px;height:220px;border-radius:50%;
  right:-95px;bottom:-115px;
  background:radial-gradient(circle,rgba(8,114,232,.16),transparent 70%);
}
.spotlight:hover{transform:translateY(-3px)}
.adslot{
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    linear-gradient(135deg,rgba(8,114,232,.30),rgba(255,121,0,.22)) border-box;
  border:1px dashed transparent;
}

/* Panels */
.panel:hover,.toolbox:hover{
  box-shadow:0 18px 44px rgba(17,58,98,.08);
}
.row{
  position:relative;
  transition:padding-left .18s ease,color .18s ease;
}
a.row:hover{
  padding-left:7px;
  color:var(--blue);
}
.quick{
  box-shadow:0 18px 45px rgba(7,75,176,.20);
  background:
    radial-gradient(circle at 90% 0%,rgba(255,255,255,.17),transparent 32%),
    linear-gradient(155deg,#0878ef,#0643ae);
}

/* Tool pages */
.toolbox{
  box-shadow:0 18px 48px rgba(12,45,82,.07);
}
.field input,.field select{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.field input:focus,.field select:focus{
  outline:none;
  border-color:var(--blue);
  box-shadow:0 0 0 4px var(--ring);
}
.metric{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(8,114,232,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.metric:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(8,114,232,.10);
}

/* Footer */
.trust{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 150%,rgba(8,114,232,.24),transparent 35%),
    #06214a;
}
footer{
  background:
    radial-gradient(circle at 80% 0%,rgba(8,114,232,.12),transparent 28%),
    #04172f;
}

/* Reveal animations */
.ru-reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1);
}
.ru-reveal.ru-visible{
  opacity:1;
  transform:none;
}
.ru-stagger>*{
  opacity:0;
  transform:translateY(16px);
}
.ru-stagger.ru-visible>*{
  animation:ruStagger .52s ease forwards;
}
.ru-stagger.ru-visible>*:nth-child(2){animation-delay:.06s}
.ru-stagger.ru-visible>*:nth-child(3){animation-delay:.12s}
.ru-stagger.ru-visible>*:nth-child(4){animation-delay:.18s}
.ru-stagger.ru-visible>*:nth-child(5){animation-delay:.24s}
.ru-stagger.ru-visible>*:nth-child(6){animation-delay:.30s}
.ru-stagger.ru-visible>*:nth-child(7){animation-delay:.36s}
.ru-stagger.ru-visible>*:nth-child(8){animation-delay:.42s}

/* Scrollbar */
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),#6faef2);border-radius:12px;border:3px solid var(--bg)}

/* Animations */
@keyframes ruFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(12px,18px,0) scale(1.06)}
}
@keyframes ruCalcFloat{
  0%,100%{transform:rotate(5deg) translateY(0)}
  50%{transform:rotate(3.5deg) translateY(-10px)}
}
@keyframes ruShine{
  0%,55%{transform:translateX(-120%)}
  75%,100%{transform:translateX(140%)}
}
@keyframes ruIconBreathe{
  0%{transform:scale(1)}
  50%{transform:scale(1.025)}
  100%{transform:scale(1)}
}
@keyframes ruStagger{
  to{opacity:1;transform:none}
}

/* Respect accessibility preferences */
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .ru-reveal,.ru-stagger>*{opacity:1!important;transform:none!important}
}

@media(max-width:850px){
  .hero{box-shadow:0 18px 46px rgba(4,32,72,.18)}
  nav a{padding:0}
  .card:hover{transform:none}
}


/* =========================================================
   RAKAM USTASI V9 — PREMIUM PUBLIC UI
   ========================================================= */
:root{
  --v9-bg:#f3f7fc;
  --v9-card:#ffffff;
  --v9-navy:#081c3f;
  --v9-blue:#0b67e8;
  --v9-blue2:#078eea;
  --v9-green:#50e7a5;
  --v9-text:#12213b;
  --v9-soft:#71839f;
  --v9-line:#dce7f3;
  --v9-shadow:0 18px 60px rgba(29,67,114,.09);
}
body{
  background:
    radial-gradient(circle at 90% 0%,rgba(77,158,255,.10),transparent 26%),
    radial-gradient(circle at 3% 24%,rgba(104,181,255,.06),transparent 24%),
    var(--v9-bg);
}
.v9-shell{max-width:1420px;margin:auto;padding:24px 24px 0}
.v9-nav{
  height:78px;border-radius:24px;background:rgba(255,255,255,.91);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 16px 42px rgba(37,72,114,.08);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  display:flex;align-items:center;gap:28px;padding:0 24px;position:sticky;top:16px;z-index:70
}
.v9-brand{display:flex;align-items:center;gap:10px;min-width:230px}
.v9-brandmark{display:flex;align-items:flex-end;gap:4px;width:36px;height:34px}
.v9-brandmark i{display:block;width:7px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#1f86ff,#1d55cc);box-shadow:0 4px 12px rgba(20,105,230,.18)}
.v9-brandmark i:nth-child(1){height:14px}.v9-brandmark i:nth-child(2){height:23px}.v9-brandmark i:nth-child(3){height:31px}
.v9-brand strong{font-size:23px;letter-spacing:-.8px;color:#0b2249}
.v9-brand strong span{color:#1668da}
.v9-menu{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:700;color:#526985}
.v9-menu a{position:relative;padding:29px 0 25px}
.v9-menu a:after{content:"";position:absolute;left:50%;right:50%;bottom:17px;height:2px;background:#1967e8;border-radius:4px;transition:.2s}
.v9-menu a:hover{color:#102a55}.v9-menu a:hover:after{left:0;right:0}
.v9-search{width:300px;height:48px;border-radius:15px;background:#f0f5fb;border:1px solid #e1e9f3;display:flex;align-items:center;gap:10px;padding:0 14px}
.v9-search input{width:100%;border:0;background:transparent;outline:0;color:#394d69}
.v9-login{height:48px;border:0;border-radius:15px;padding:0 20px;background:linear-gradient(135deg,#0b6feb,#1959d5);color:#fff;font-weight:800;box-shadow:0 11px 26px rgba(19,102,221,.22);cursor:pointer}
.v9-login:hover{transform:translateY(-2px)}
.v9-hero{
  min-height:360px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:58px 12px 26px;position:relative;overflow:hidden
}
.v9-kicker{display:flex;align-items:center;gap:12px;color:#6e82a0;font-size:11px;font-weight:800;letter-spacing:4px;text-transform:uppercase}
.v9-kicker:before{content:"";width:44px;height:3px;border-radius:3px;background:#236ce2}
.v9-hero h1{font-size:60px;line-height:1.01;letter-spacing:-2.8px;color:#0a1d45;margin:20px 0 16px;max-width:850px}
.v9-hero h1 span{display:block;color:#1668da}
.v9-hero p{font-size:18px;line-height:1.55;color:#667a98;max-width:760px;margin:0}
.v9-hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.v9-primary,.v9-secondary{height:58px;border-radius:14px;padding:0 24px;display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:14px;transition:.2s}
.v9-primary{background:linear-gradient(135deg,#0b68eb,#1859d4);color:#fff;box-shadow:0 15px 32px rgba(13,101,225,.23)}
.v9-secondary{background:#fff;color:#173b6f;border:1px solid #dbe6f2}
.v9-primary:hover,.v9-secondary:hover{transform:translateY(-3px)}
.v9-visual{position:relative;min-height:300px}
.v9-wave{position:absolute;inset:0;overflow:hidden;opacity:.8}
.v9-wave:before,.v9-wave:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(75,143,236,.13);width:520px;height:220px;transform:rotate(-16deg);right:-60px;top:60px}
.v9-wave:after{width:620px;height:250px;right:-100px;top:105px;border-color:rgba(75,143,236,.08)}
.v9-bars{position:absolute;right:62px;bottom:64px;display:flex;gap:12px;align-items:flex-end}
.v9-bars i{display:block;width:42px;border-radius:15px 15px 5px 5px;background:linear-gradient(180deg,rgba(108,177,255,.50),rgba(108,177,255,.13));box-shadow:0 18px 40px rgba(75,143,236,.10)}
.v9-bars i:nth-child(1){height:84px}.v9-bars i:nth-child(2){height:128px}.v9-bars i:nth-child(3){height:172px}.v9-bars i:nth-child(4){height:218px}
.v9-mini-card{position:absolute;right:10px;top:28px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 50px rgba(45,83,130,.09);backdrop-filter:blur(12px);border-radius:18px;padding:16px 20px;color:#42607f;font-size:12px}
.v9-mini-card b{color:#18ad6e}
.v9-source-pill{position:absolute;right:10px;bottom:14px;width:390px;height:62px;border-radius:18px;background:rgba(244,249,255,.91);border:1px solid #d9e6f4;display:flex;align-items:center;gap:13px;padding:0 18px;box-shadow:0 15px 40px rgba(44,87,137,.08);color:#45617f;font-size:13px}
.v9-dot{width:12px;height:12px;border-radius:50%;background:#17c878;box-shadow:0 0 0 6px rgba(23,200,120,.10)}

.v9-stats-wrap{background:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.92);border-radius:26px;padding:18px;box-shadow:var(--v9-shadow);backdrop-filter:blur(18px)}
.v9-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v9-stat{
  min-height:160px;border-radius:21px;padding:24px 26px;position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#06356e 0%,#0a63ad 65%,#078de0 100%);
  box-shadow:0 18px 34px rgba(5,71,139,.18);transition:transform .22s ease,box-shadow .22s ease
}
.v9-stat:hover{transform:translateY(-5px);box-shadow:0 24px 44px rgba(5,71,139,.24)}
.v9-stat:after{content:"";position:absolute;left:0;right:0;bottom:-55px;height:115px;border-radius:50%;border:1px solid rgba(255,255,255,.12);transform:rotate(-8deg)}
.v9-stat small{display:block;font-size:14px;opacity:.83;letter-spacing:.1px}
.v9-stat strong{display:block;font-size:39px;letter-spacing:-1.5px;margin-top:11px;line-height:1}
.v9-status{display:flex;align-items:center;gap:9px;margin-top:16px;color:#6ff0b5;font-size:13px}
.v9-status:before{content:"";width:10px;height:10px;border-radius:50%;background:#55efa7}
.v9-stat-icon{position:absolute;right:20px;top:18px;width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:22px}

.v9-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:26px 0 8px;background:rgba(255,255,255,.55);border-radius:20px}
.v9-benefit{padding:18px 24px;display:flex;align-items:center;gap:14px;position:relative}
.v9-benefit:not(:last-child):after{content:"";position:absolute;right:0;top:24%;bottom:24%;width:1px;background:#dce7f2}
.v9-benefit-icon{width:48px;height:48px;border-radius:14px;background:#e6f1ff;display:grid;place-items:center;font-size:22px;color:#1267df}
.v9-benefit b{display:block;font-size:12px;color:#1b3764}.v9-benefit span{font-size:10px;color:#8293a8}

.v9-section{padding:36px 0}
.v9-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.v9-section-head h2{font-size:24px;margin:0;color:#142849;letter-spacing:-.7px}.v9-section-head p{margin:5px 0 0;color:#7a8ca5;font-size:12px}
.v9-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.v9-tool-card{background:#fff;border:1px solid #e0e9f3;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(32,71,117,.05);transition:.22s}
.v9-tool-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(32,71,117,.10)}
.v9-tool-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eaf3ff,#f5f9ff);display:grid;place-items:center;font-size:22px}
.v9-tool-card h3{font-size:15px;margin:14px 0 7px}.v9-tool-card p{font-size:11px;color:#7b8da6;line-height:1.5;margin:0}
.v9-tool-card .go{display:inline-flex;margin-top:14px;color:#1768dc;font-size:11px;font-weight:800}

.v9-bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:18px 0 40px}
.v9-panel{background:#fff;border:1px solid #e0e9f3;border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(32,71,117,.05)}
.v9-panel h3{margin:0 0 14px;font-size:18px}.v9-list a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf2f7;font-size:12px}.v9-list a:last-child{border-bottom:0}
.v9-list small{display:block;color:#8191a7;margin-top:4px}.v9-news-source{color:#21a36c;font-weight:700}

.v9-footer{background:#071c3d;color:#c5d4e7;padding:42px 0;margin-top:28px}
.v9-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.v9-footer h3{color:#fff}.v9-footer p,.v9-footer a{font-size:11px;line-height:1.9;color:#aebfd3}

@media(max-width:1050px){
  .v9-menu{display:none}.v9-search{margin-left:auto;width:260px}
  .v9-hero{grid-template-columns:1fr}.v9-visual{display:none}.v9-hero h1{font-size:48px}
  .v9-stats{grid-template-columns:repeat(2,1fr)}.v9-benefits{grid-template-columns:repeat(2,1fr)}
  .v9-benefit:nth-child(2):after{display:none}.v9-tool-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .v9-shell{padding:12px 12px 0}.v9-nav{top:8px;height:68px;border-radius:18px;padding:0 14px}.v9-brand{min-width:auto}.v9-brand strong{font-size:19px}.v9-search{display:none}.v9-login{height:42px;padding:0 13px}
  .v9-hero{padding:42px 4px 20px;min-height:auto}.v9-kicker{font-size:9px;letter-spacing:2.2px}.v9-hero h1{font-size:36px;letter-spacing:-1.7px}.v9-hero p{font-size:15px}.v9-primary,.v9-secondary{height:52px;padding:0 17px}
  .v9-stats-wrap{padding:12px;border-radius:20px}.v9-stats{grid-template-columns:1fr;gap:12px}.v9-stat{min-height:140px;padding:20px}.v9-stat strong{font-size:34px}
  .v9-benefits{grid-template-columns:1fr}.v9-benefit:after{display:none!important}.v9-tool-grid,.v9-bottom-grid,.v9-footer-grid{grid-template-columns:1fr}
}


/* V9.1 live market cards */
.v91-live-section{padding:8px 0 26px}
.v91-live-head{display:flex;justify-content:space-between;align-items:end;margin:12px 0 16px}
.v91-live-head h2{margin:0;font-size:22px;color:#142849}.v91-live-head p{margin:5px 0 0;color:#7b8da6;font-size:11px}
.v91-live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v91-live-card{background:linear-gradient(145deg,#ffffff,#f6faff);border:1px solid #dfe9f4;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(34,76,124,.06);position:relative;overflow:hidden}
.v91-live-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-58px;top:-58px;background:radial-gradient(circle,rgba(22,104,218,.12),transparent 70%)}
.v91-live-card small{color:#7d8ea5;font-size:10px}.v91-live-card strong{display:block;color:#0b2852;font-size:28px;margin:8px 0 9px;letter-spacing:-.8px}.v91-live-card strong small{font-size:12px;color:#53708f}
.v91-live-source{font-size:10px;color:#7f90a6}.live-ok{color:#10a96e!important;font-weight:700}
@media(max-width:900px){.v91-live-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.v91-live-grid{grid-template-columns:1fr}}


/* =========================================================
   RAKAM USTASI V9.2 — MERGED PREMIUM HOMEPAGE
   ========================================================= */
:root{
  --v92-bg:#f3f7fc;
  --v92-card:#ffffff;
  --v92-navy:#071e43;
  --v92-blue:#1268e6;
  --v92-blue2:#0b8de5;
  --v92-text:#102342;
  --v92-muted:#71839d;
  --v92-line:#dfe8f3;
  --v92-green:#48e4a1;
}
.v92-shell{max-width:1440px;margin:auto;padding:18px 22px 0}
.v92-top{height:80px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 50px rgba(31,67,112,.08);border-radius:24px;padding:0 24px;display:flex;align-items:center;gap:26px;position:sticky;top:14px;z-index:70;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.v92-brand{display:flex;align-items:center;gap:10px;min-width:230px}.v92-mark{display:flex;gap:4px;align-items:flex-end;width:35px;height:33px}.v92-mark i{width:7px;border-radius:5px;background:linear-gradient(#2388ff,#2457c8)}.v92-mark i:nth-child(1){height:14px}.v92-mark i:nth-child(2){height:23px}.v92-mark i:nth-child(3){height:31px}.v92-brand strong{font-size:24px;letter-spacing:-1px}.v92-brand strong span{color:var(--v92-blue)}
.v92-menu{display:flex;gap:24px;margin-left:auto;font-size:13px;font-weight:700;color:#526983}.v92-menu a{padding:29px 0;position:relative}.v92-menu a:after{content:"";position:absolute;left:50%;right:50%;bottom:17px;height:2px;background:var(--v92-blue);transition:.2s}.v92-menu a:hover{color:#102a55}.v92-menu a:hover:after{left:0;right:0}
.v92-search{width:300px;height:48px;border-radius:15px;background:#f0f5fb;border:1px solid #e2eaf4;display:flex;align-items:center;gap:9px;padding:0 14px}.v92-search input{width:100%;border:0;outline:0;background:transparent}
.v92-admin{height:48px;padding:0 19px;border:0;border-radius:15px;background:linear-gradient(135deg,#126be8,#1d57ce);color:#fff;font-weight:800;box-shadow:0 12px 26px rgba(24,95,210,.23);cursor:pointer;transition:.2s}.v92-admin:hover{transform:translateY(-2px)}
.v92-hero{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:28px;min-height:390px;padding:60px 10px 28px}.v92-kicker{display:flex;align-items:center;gap:12px;color:#6e83a0;font-size:11px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.v92-kicker:before{content:"";width:46px;height:3px;background:var(--v92-blue);border-radius:3px}
.v92-hero h1{font-size:64px;line-height:1;letter-spacing:-3px;margin:18px 0 16px;color:#091e46}.v92-hero h1 span{display:block;color:var(--v92-blue)}.v92-hero p{font-size:18px;line-height:1.55;color:#687d99;max-width:760px}.v92-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.v92-btn{height:58px;border-radius:14px;padding:0 24px;display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:14px;transition:.2s}.v92-btn.primary{background:linear-gradient(135deg,#106aeb,#1859d5);color:#fff;box-shadow:0 15px 32px rgba(13,101,225,.22)}.v92-btn.secondary{background:#fff;border:1px solid #dae5f1;color:#153a6f}.v92-btn:hover{transform:translateY(-3px)}
.v92-visual{position:relative;min-height:300px}.v92-bars{position:absolute;right:56px;bottom:62px;display:flex;gap:12px;align-items:flex-end}.v92-bars i{width:43px;border-radius:15px 15px 5px 5px;background:linear-gradient(180deg,rgba(93,170,255,.54),rgba(93,170,255,.12));box-shadow:0 18px 40px rgba(75,143,236,.10);animation:v92bar 4.5s ease-in-out infinite}.v92-bars i:nth-child(1){height:78px;animation-delay:-.3s}.v92-bars i:nth-child(2){height:120px;animation-delay:-.6s}.v92-bars i:nth-child(3){height:164px;animation-delay:-.9s}.v92-bars i:nth-child(4){height:216px;animation-delay:-1.2s}
.v92-wave:before,.v92-wave:after{content:"";position:absolute;right:-55px;top:55px;width:520px;height:210px;border-radius:50%;border:2px solid rgba(68,141,231,.12);transform:rotate(-17deg)}.v92-wave:after{right:-90px;top:105px;width:620px;height:250px;border-color:rgba(68,141,231,.07)}
.v92-floating{position:absolute;right:12px;top:24px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 48px rgba(42,82,128,.10);border-radius:18px;padding:16px 20px;color:#46617f;font-size:12px;backdrop-filter:blur(14px)}.v92-floating b{color:#19b873}.v92-sourcepill{position:absolute;right:10px;bottom:10px;width:390px;height:62px;border-radius:18px;background:rgba(247,251,255,.93);border:1px solid #d8e6f4;box-shadow:0 15px 38px rgba(38,82,132,.08);display:flex;align-items:center;gap:12px;padding:0 18px;color:#46617f;font-size:13px}.v92-dot{width:12px;height:12px;border-radius:50%;background:#16c97a;box-shadow:0 0 0 6px rgba(22,201,122,.10)}
.v92-statsbox{background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.95);border-radius:28px;padding:18px;box-shadow:0 18px 60px rgba(29,67,114,.09);backdrop-filter:blur(16px)}.v92-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v92-stat{min-height:164px;border-radius:21px;padding:24px 26px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#06356f,#0b62ad 64%,#0a8ede);box-shadow:0 18px 35px rgba(7,73,142,.18);transition:.2s}.v92-stat:hover{transform:translateY(-5px);box-shadow:0 24px 46px rgba(7,73,142,.24)}.v92-stat:after{content:"";position:absolute;left:0;right:0;bottom:-55px;height:115px;border-radius:50%;border:1px solid rgba(255,255,255,.12);transform:rotate(-8deg)}.v92-stat small{display:block;font-size:14px;opacity:.83}.v92-stat strong{display:block;font-size:39px;letter-spacing:-1.5px;margin-top:11px;line-height:1}.v92-status{display:flex;align-items:center;gap:9px;margin-top:16px;color:#73f0b8;font-size:13px}.v92-status:before{content:"";width:10px;height:10px;border-radius:50%;background:#55efa7}.v92-sicon{position:absolute;right:20px;top:18px;width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:22px}
.v92-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 8px;background:rgba(255,255,255,.55);border-radius:20px}.v92-benefit{padding:18px 24px;display:flex;align-items:center;gap:14px;position:relative}.v92-benefit:not(:last-child):after{content:"";position:absolute;right:0;top:24%;bottom:24%;width:1px;background:#dce7f2}.v92-bicon{width:48px;height:48px;border-radius:14px;background:#e6f1ff;display:grid;place-items:center;font-size:22px;color:#1267df}.v92-benefit b{display:block;font-size:12px;color:#1b3764}.v92-benefit span{font-size:10px;color:#8293a8}
.v92-section{padding:34px 0 16px}.v92-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.v92-head h2{font-size:24px;margin:0}.v92-head p{margin:5px 0 0;color:#7a8ca5;font-size:12px}
.v92-livegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v92-livecard{background:linear-gradient(145deg,#fff,#f6faff);border:1px solid #dfe9f4;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(34,76,124,.06);transition:.2s}.v92-livecard:hover{transform:translateY(-4px)}.v92-livecard small{color:#7d8ea5;font-size:10px}.v92-livecard strong{display:block;color:#0b2852;font-size:28px;margin:8px 0}.v92-livecard strong small{font-size:12px;color:#53708f}.v92-src{font-size:10px;color:#11a56b;font-weight:700}
.v92-toolgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v92-tool{background:#fff;border:1px solid #e0e9f3;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(32,71,117,.05);transition:.22s}.v92-tool:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(32,71,117,.10)}.v92-ticon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eaf3ff,#f5f9ff);display:grid;place-items:center;font-size:22px}.v92-tool h3{font-size:15px;margin:14px 0 7px}.v92-tool p{font-size:11px;color:#7b8da6;line-height:1.5;margin:0}.v92-tool .go{display:inline-flex;margin-top:14px;color:#1768dc;font-size:11px;font-weight:800}
.v92-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:12px 0 40px}.v92-panel{background:#fff;border:1px solid #e0e9f3;border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(32,71,117,.05)}.v92-panel h3{margin:0 0 14px}.v92-row{display:block;padding:13px 0;border-bottom:1px solid #edf2f7;font-size:12px}.v92-row:last-child{border-bottom:0}.v92-row small{display:block;color:#8191a7;margin-top:4px}
.v92-admin-preview{background:linear-gradient(135deg,#071f46,#0c4d8e);color:#fff;border-radius:22px;padding:24px;box-shadow:0 20px 48px rgba(7,65,128,.18)}.v92-admin-preview h3{margin:0 0 14px}.v92-admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v92-ac{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px}.v92-ac small{color:#c7d9ed}.v92-ac b{display:block;font-size:24px;margin-top:5px}
.v92-footer{background:#071c3d;color:#c5d4e7;margin-top:28px;padding:42px 0}.v92-footer-grid{max-width:1240px;margin:auto;padding:0 22px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.v92-footer h3{color:#fff}.v92-footer p,.v92-footer a{font-size:11px;line-height:1.9;color:#aebfd3}
@keyframes v92bar{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1050px){.v92-menu{display:none}.v92-search{margin-left:auto}.v92-hero{grid-template-columns:1fr}.v92-visual{display:none}.v92-hero h1{font-size:50px}.v92-stats{grid-template-columns:repeat(2,1fr)}.v92-toolgrid,.v92-livegrid{grid-template-columns:repeat(2,1fr)}.v92-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.v92-shell{padding:10px}.v92-top{height:68px;border-radius:18px;padding:0 14px;top:8px}.v92-brand{min-width:auto}.v92-brand strong{font-size:19px}.v92-search{display:none}.v92-admin{height:42px;padding:0 13px}.v92-hero{padding:40px 4px 20px;min-height:auto}.v92-hero h1{font-size:36px;letter-spacing:-1.7px}.v92-hero p{font-size:15px}.v92-stats,.v92-livegrid,.v92-toolgrid,.v92-bottom,.v92-benefits,.v92-footer-grid,.v92-admin-cards{grid-template-columns:1fr}.v92-benefit:after{display:none!important}}


/* =========================================================
   RAKAM USTASI V9.3 — PREMIUM CALCULATOR EXPERIENCE
   ========================================================= */
.calc-shell{
  max-width:1180px;
  margin:0 auto;
  padding:34px 22px 60px;
}
.calc-breadcrumb{
  display:flex;gap:8px;align-items:center;
  color:#7b8da6;font-size:11px;margin-bottom:18px
}
.calc-hero{
  display:grid;grid-template-columns:1.2fr .8fr;gap:24px;
  background:
    radial-gradient(circle at 88% 0%,rgba(33,132,255,.18),transparent 30%),
    linear-gradient(135deg,#071f47,#0a4d8d 64%,#0b80cf);
  color:#fff;border-radius:26px;padding:34px;
  box-shadow:0 24px 58px rgba(7,62,120,.18);overflow:hidden;position:relative
}
.calc-hero:after{
  content:"";position:absolute;width:280px;height:280px;border-radius:50%;
  right:-120px;bottom:-150px;border:1px solid rgba(255,255,255,.13)
}
.calc-kicker{font-size:10px;letter-spacing:2.8px;text-transform:uppercase;color:#8dc7ff;font-weight:800}
.calc-hero h1{font-size:38px;line-height:1.08;letter-spacing:-1.4px;margin:10px 0 12px;color:#fff}
.calc-hero p{font-size:13px;line-height:1.7;color:#c7daed;max-width:700px;margin:0}
.calc-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.calc-trust span{padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:10px;color:#d6e5f5}
.calc-visual{
  min-height:190px;display:grid;place-items:center;position:relative
}
.calc-visual-card{
  width:220px;padding:18px;border-radius:20px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);
  box-shadow:0 22px 42px rgba(0,0,0,.15);transform:rotate(3deg)
}
.calc-visual-card small{display:block;color:#b9d7ef;font-size:10px}.calc-visual-card b{display:block;font-size:30px;margin:8px 0}
.calc-visual-bars{display:flex;gap:7px;align-items:end;height:52px}.calc-visual-bars i{width:18px;border-radius:6px;background:linear-gradient(#70c0ff,#2d7de1)}.calc-visual-bars i:nth-child(1){height:22px}.calc-visual-bars i:nth-child(2){height:36px}.calc-visual-bars i:nth-child(3){height:48px}.calc-visual-bars i:nth-child(4){height:31px}

.calc-layout{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
  gap:20px;margin-top:22px;align-items:start
}
.calc-card{
  background:#fff;border:1px solid #dfe8f3;border-radius:22px;padding:24px;
  box-shadow:0 12px 34px rgba(35,73,117,.06)
}
.calc-card h2{font-size:18px;margin:0 0 18px;letter-spacing:-.4px}
.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.calc-field label{display:block;font-size:11px;color:#536a86;font-weight:800;margin-bottom:7px}
.calc-input-wrap{position:relative}
.calc-field input,.calc-field select{
  width:100%;height:52px;border:1px solid #d7e2ee;border-radius:14px;background:#fbfdff;
  padding:0 14px;font-size:14px;color:#173459;outline:none;transition:.18s
}
.calc-field input:focus,.calc-field select:focus{border-color:#2b79e7;box-shadow:0 0 0 4px rgba(43,121,231,.10);background:#fff}
.calc-suffix{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:11px;color:#8294aa;font-weight:700}
.calc-help{font-size:9px;color:#8b9aaf;margin-top:6px;line-height:1.45}
.calc-action{
  margin-top:18px;width:100%;height:54px;border:0;border-radius:14px;
  background:linear-gradient(135deg,#0f6bea,#1956cd);color:#fff;font-weight:900;
  font-size:14px;cursor:pointer;box-shadow:0 14px 28px rgba(17,99,218,.22);transition:.2s
}
.calc-action:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(17,99,218,.28)}
.calc-reset{margin-top:10px;text-align:center;font-size:10px;color:#7890ad;cursor:pointer}

.result-card{
  background:
    radial-gradient(circle at 90% 0%,rgba(72,175,255,.16),transparent 32%),
    linear-gradient(155deg,#071f46,#0a4b89);
  color:#fff;border-radius:22px;padding:24px;box-shadow:0 20px 48px rgba(6,55,107,.18);
  position:sticky;top:112px
}
.result-card h2{margin:0 0 6px;font-size:16px;color:#fff}.result-card>p{margin:0 0 18px;color:#aec9e1;font-size:10px}
.result-main{padding:18px;border-radius:17px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);margin-bottom:13px}
.result-main small{display:block;color:#b8d1e8;font-size:10px;text-transform:uppercase;letter-spacing:1px}.result-main strong{display:block;font-size:34px;letter-spacing:-1px;margin-top:7px}
.result-list{display:grid;gap:9px}.result-row{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:13px;background:rgba(255,255,255,.07);font-size:11px}.result-row span{color:#b8cfe4}.result-row b{color:#fff}
.result-note{margin-top:14px;padding:12px;border-radius:13px;background:rgba(54,220,155,.10);border:1px solid rgba(54,220,155,.16);color:#9ce8c6;font-size:9px;line-height:1.5}
.result-empty{color:#9db6ce;font-size:11px;line-height:1.6;padding:20px 4px;text-align:center}

.calc-explain{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px
}
.info-card{background:#fff;border:1px solid #e0e9f3;border-radius:18px;padding:20px;box-shadow:0 9px 26px rgba(35,73,117,.04)}
.info-card h3{margin:0 0 10px;font-size:14px}.info-card p,.info-card li{font-size:10.5px;line-height:1.65;color:#6f8199}.info-card ul{padding-left:17px;margin:0}
.calc-related{margin-top:24px}.calc-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calc-related a{background:#fff;border:1px solid #e0e9f3;border-radius:15px;padding:15px;font-size:11px;font-weight:800;box-shadow:0 7px 20px rgba(35,73,117,.04);transition:.2s}.calc-related a:hover{transform:translateY(-3px);border-color:#c8dbf1}

@media(max-width:880px){
  .calc-hero{grid-template-columns:1fr}.calc-visual{display:none}
  .calc-layout{grid-template-columns:1fr}.result-card{position:static}.calc-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .calc-shell{padding:22px 12px 45px}.calc-hero{padding:24px;border-radius:20px}.calc-hero h1{font-size:30px}
  .calc-grid,.calc-explain,.calc-related-grid{grid-template-columns:1fr}
  .calc-card,.result-card{padding:18px;border-radius:18px}
}


/* V9.4 — all tools unified */
.calc-source{
  margin-top:14px;padding:14px 15px;border-radius:14px;
  background:#f4f8fc;border:1px solid #dce7f2;color:#60758f;
  font-size:10px;line-height:1.6
}
.calc-warning{
  margin-top:14px;padding:14px 15px;border-radius:14px;
  background:#fff8e9;border:1px solid #f3dfb7;color:#775c25;
  font-size:10px;line-height:1.6
}
.calc-parambar{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px
}
.calc-param{
  padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12)
}
.calc-param small{display:block;color:#a9c8e4;font-size:9px}
.calc-param b{display:block;margin-top:4px;color:#fff;font-size:14px}
.tools-premium-head{
  background:linear-gradient(135deg,#071f46,#0a4e8e);
  color:#fff;border-radius:25px;padding:32px;box-shadow:0 22px 52px rgba(7,62,120,.16)
}
.tools-premium-head h1{margin:0 0 10px;color:#fff;font-size:38px;letter-spacing:-1.3px}
.tools-premium-head p{margin:0;color:#c4d8eb;max-width:760px;line-height:1.6;font-size:13px}
.tools-index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.tools-index-card{
  background:#fff;border:1px solid #e0e9f3;border-radius:18px;padding:18px;
  box-shadow:0 10px 28px rgba(32,71,117,.05);transition:.2s
}
.tools-index-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(32,71,117,.10)}
.tools-index-card i{font-style:normal;width:46px;height:46px;border-radius:14px;background:#eef5ff;display:grid;place-items:center;font-size:22px}
.tools-index-card h3{margin:13px 0 6px;font-size:14px}.tools-index-card p{margin:0;color:#7b8da6;font-size:10.5px;line-height:1.5}
.tools-index-card span{display:inline-flex;margin-top:12px;color:#1768dc;font-weight:800;font-size:10px}
@media(max-width:900px){.tools-index-grid{grid-template-columns:repeat(2,1fr)}.calc-parambar{grid-template-columns:1fr}}
@media(max-width:520px){.tools-index-grid{grid-template-columns:1fr}.tools-premium-head h1{font-size:30px}}


/* =========================================================
   RAKAM USTASI V9.5 — RELEASE QUALITY LAYER
   ========================================================= */
:focus-visible{
  outline:3px solid rgba(18,104,230,.38);
  outline-offset:3px;
  border-radius:6px;
}
.skip-link{
  position:fixed;left:14px;top:-80px;z-index:9999;
  background:#071e43;color:#fff;padding:10px 14px;border-radius:10px;
  font-size:12px;font-weight:800;transition:top .18s ease
}
.skip-link:focus{top:14px}
html{scroll-padding-top:100px}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
a,button{-webkit-tap-highlight-color:transparent}
.v92-tool,.tools-index-card,.calc-related a,.v92-livecard,.v92-stat{
  will-change:transform;
}
.v95-freshness{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 10px;border-radius:999px;background:#edf8f3;
  border:1px solid #d5eee3;color:#16764f;font-size:10px;font-weight:800
}
.v95-freshness:before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:#1dcc80;box-shadow:0 0 0 4px rgba(29,204,128,.10)
}
.v95-mini-note{font-size:9px;color:#8b9aaf;line-height:1.5}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .v92-bars i{animation:none!important}
}
@media print{
  .v92-top,.v92-footer,.calc-related,.v92-admin-preview,.skip-link{display:none!important}
  body{background:#fff!important}
  .calc-hero,.result-card{box-shadow:none!important}
}


/* =========================================================
   RAKAM USTASI V9.6 — MICRO POLISH & LIVE ANIMATION
   ========================================================= */
.v96-brandlogo{width:42px;height:42px;border-radius:14px;box-shadow:0 12px 24px rgba(17,93,210,.17);overflow:hidden;display:block}
.v92-brand strong{display:flex;flex-direction:column;line-height:1}
.v92-brand strong em{font-style:normal;font-size:11px;font-weight:700;color:#6f88a8;margin-top:4px;letter-spacing:.2px}
.v96-kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.v96-kpi-badge,.v96-live-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);color:#d9eaff}
.v96-kpi-badge::before,.v96-live-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#44e3a1;box-shadow:0 0 0 4px rgba(68,227,161,.10)}
.v92-stat{backdrop-filter:blur(8px)}
.v92-stat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 34%);pointer-events:none}
.v92-stat strong{display:flex;align-items:flex-end;gap:8px}
.v96-subline{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#d5e6f7}
.v96-subline .mini{background:rgba(255,255,255,.11);padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}
.v96-spark{height:26px;display:flex;align-items:flex-end;gap:3px;margin-top:8px}
.v96-spark i{display:block;width:7px;border-radius:8px;background:rgba(255,255,255,.55)}
.v96-spark i:nth-child(1){height:10px}.v96-spark i:nth-child(2){height:16px}.v96-spark i:nth-child(3){height:13px}.v96-spark i:nth-child(4){height:22px}.v96-spark i:nth-child(5){height:18px}
.v92-livecard{position:relative;overflow:hidden}
.v92-livecard::after{content:"";position:absolute;right:-24px;top:-24px;width:94px;height:94px;border-radius:50%;background:radial-gradient(circle,rgba(32,129,235,.12),transparent 70%)}
.v92-livecard strong{display:flex;align-items:flex-end;gap:7px;letter-spacing:-.8px}
.v92-livecard strong small{font-size:12px;color:#53708f}
.v96-live-top{display:flex;justify-content:space-between;align-items:center}
.v96-delta{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#edf9f2;color:#1f9b66;border:1px solid #d9efe4}
.v96-live-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px}
.v96-live-mini{font-size:9px;color:#8ea0b8}
.v96-tool-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#f5f9ff,#ebf4ff);border:1px solid #dbe8f5;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.v96-tool-icon img{width:28px;height:28px}
.v92-tool p{min-height:34px}
.v92-tool .go{display:inline-flex;align-items:center;gap:6px}
.v92-tool .go::after{content:"↗";font-size:12px}
.v96-section-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#7f93ac;margin-top:8px}
.v96-section-note::before{content:"";width:10px;height:10px;border-radius:50%;background:#1fc97c;box-shadow:0 0 0 4px rgba(31,201,124,.08)}
.v96-rowicon{width:34px;height:34px;border-radius:12px;background:#edf5ff;border:1px solid #dbe8f5;display:grid;place-items:center;flex:0 0 34px}
.v96-rowicon img{width:18px;height:18px}
.v92-row{display:flex;gap:12px;align-items:flex-start}
.v92-row b{display:block}
.v96-admin-strip{margin-top:14px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#d4e2ef}
.v96-admin-strip b{color:#fff}
.v96-anim{font-variant-numeric:tabular-nums}

/* V10 brand token application */
body{background-color:var(--ru-bg);color:var(--ru-text)}
.v92-top,.v92-tool,.v92-livecard,.v92-panel,.tools-index-card,.calc-card,.info-card{border-color:var(--ru-line)}
.v92-admin,.v92-btn.primary,.calc-action{background:linear-gradient(135deg,var(--ru-blue-600),var(--ru-blue-700))}
.v92-kicker,.v92-tool .go,.tools-index-card span{color:var(--ru-blue-600)}


/* V10.2 smart tools */
.calc-smartbar{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.calc-smartbtn{min-height:44px;border:1px solid #d8e5f2;border-radius:13px;background:#f7faff;color:#1c4f91;font-weight:800;font-size:10.5px;cursor:pointer;transition:.18s}
.calc-smartbtn:hover{background:#eef5ff;transform:translateY(-1px)}
.smart-personal{margin-top:20px;background:#fff;border:1px solid var(--ru-line);border-radius:20px;padding:20px;box-shadow:var(--ru-shadow-sm)}
.smart-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.smart-list{display:grid;gap:8px}.smart-list a{padding:10px 12px;border-radius:12px;background:#f6f9fd;border:1px solid #e4ecf5;font-size:11px;font-weight:700;color:#234b7a}
.pwa-install{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid #dce8f4;border-radius:14px;background:#f7fbff}
.pwa-install.show{display:flex}.pwa-install button{border:0;border-radius:10px;background:#1768da;color:#fff;font-weight:800;padding:9px 12px;cursor:pointer}
@media(max-width:600px){.calc-smartbar,.smart-personal-grid{grid-template-columns:1fr}}


/* V10.3 Power Suite */
.calc-smartbar{grid-template-columns:repeat(4,minmax(0,1fr))}
.calc-smartlink{display:flex;align-items:center;justify-content:center;text-decoration:none}
.power-shell{max-width:1180px;margin:0 auto;padding:32px 22px 60px}
.power-hero{background:var(--ru-gradient-dark);color:#fff;border-radius:26px;padding:32px;box-shadow:var(--ru-shadow-lg)}
.power-hero h1{margin:6px 0 10px;color:#fff;font-size:38px;letter-spacing:-1.2px}.power-hero p{margin:0;color:#c8dced;font-size:13px;line-height:1.7}
.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.power-card{background:#fff;border:1px solid var(--ru-line);border-radius:18px;padding:18px;box-shadow:var(--ru-shadow-sm)}
.power-card small{color:var(--ru-muted)}.power-card b{display:block;font-size:28px;margin-top:6px}
.power-section{margin-top:22px;background:#fff;border:1px solid var(--ru-line);border-radius:20px;padding:20px;box-shadow:var(--ru-shadow-sm)}
.power-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.power-section h2{margin:0;font-size:18px}
.history-list,.compare-list{display:grid;gap:10px}
.history-item,.compare-card{border:1px solid #e1eaf3;border-radius:15px;padding:14px;background:#fbfdff}
.history-item{display:grid;grid-template-columns:1fr auto;gap:12px}.history-item h3,.compare-card h3{font-size:13px;margin:0 0 5px}.history-item p,.compare-card p{font-size:10px;color:#74869e;margin:0}
.power-actions{display:flex;gap:7px;flex-wrap:wrap}.power-btn{border:1px solid #d6e4f2;background:#f4f8fd;color:#1c579d;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer;text-decoration:none}
.power-btn.primary{background:#1768da;border-color:#1768da;color:#fff}
.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compare-card .main{font-size:22px;font-weight:900;color:#0a2c5a;margin:9px 0}.compare-rows{display:grid;gap:6px}.compare-row{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding-top:6px;border-top:1px solid #ebf0f6}.compare-row span{color:#7a8da5}
.seo-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.seo-ok{background:#eaf8f1;color:#188958}.seo-warn{background:#fff7e8;color:#a06a12}.seo-bad{background:#fff0f0;color:#b43f3f}
.seo-table{width:100%;border-collapse:collapse}.seo-table th,.seo-table td{padding:10px;border-bottom:1px solid #e8eef5;text-align:left;font-size:10px;vertical-align:top}
@media(max-width:850px){.power-grid,.compare-grid{grid-template-columns:1fr 1fr}.calc-smartbar{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.power-grid,.compare-grid{grid-template-columns:1fr}.history-item{grid-template-columns:1fr}.power-shell{padding:20px 12px 45px}.calc-smartbar{grid-template-columns:1fr}}


/* V10.4 Growth Suite */
.ru-result-chart{margin-top:16px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.06)}
.ru-chart-title{font-size:10px;font-weight:800;color:#c9dcee;margin-bottom:10px;text-transform:uppercase;letter-spacing:.7px}
.ru-bars{display:flex;gap:8px;height:150px;align-items:end}.ru-bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}
.ru-bar-track{height:100px;width:100%;max-width:44px;border-radius:10px 10px 4px 4px;background:rgba(255,255,255,.08);display:flex;align-items:end;overflow:hidden}.ru-bar-track i{display:block;width:100%;background:linear-gradient(#64bcff,#2580e8);border-radius:8px 8px 2px 2px;transition:height .55s ease}
.ru-bar-col span{font-size:8px;color:#b8cfe4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.ru-bar-value{font-size:8px;color:#fff;font-weight:800}
.ru-scenario-panel{margin-top:14px;padding:14px;border:1px solid #dce7f2;border-radius:15px;background:#f8fbff}.ru-scenario-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.ru-scenario-head b{font-size:12px}.ru-scenario-head span{font-size:9px;color:#8192a8}
.ru-scenario-actions{display:grid;grid-template-columns:1fr 110px;gap:8px}.ru-scenario-actions input{height:43px;border:1px solid #d7e2ee;border-radius:11px;padding:0 12px;font-size:12px}
.ru-scenario-list{display:grid;gap:7px;margin-top:10px}.ru-scenario-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e3ebf4;border-radius:11px;background:#fff}.ru-scenario-item b{display:block;font-size:10px}.ru-scenario-item small{display:block;font-size:8px;color:#8394aa;margin-top:2px}.ru-scenario-item button{border:0;background:#edf5ff;color:#185dad;font-size:9px;font-weight:800;border-radius:8px;padding:6px 8px;margin-left:4px;cursor:pointer}
.search-pro{position:relative}.search-pro-panel{position:absolute;z-index:100;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #dfe8f3;border-radius:16px;box-shadow:0 18px 50px rgba(22,55,96,.15);padding:8px;display:none;max-height:380px;overflow:auto}.search-pro-panel.show{display:block}.search-pro-item{display:flex;gap:10px;padding:10px;border-radius:11px;text-decoration:none;color:#183a66}.search-pro-item:hover,.search-pro-item.active{background:#f1f6fc}.search-pro-item i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#edf5ff;display:grid;place-items:center}.search-pro-item b{display:block;font-size:11px}.search-pro-item small{font-size:9px;color:#8192a8}.search-empty{padding:18px;text-align:center;color:#8a9aaf;font-size:10px}
.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.category-chip{border:1px solid #dce7f2;background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;color:#46617f;cursor:pointer}.category-chip.active{background:#1768da;color:#fff;border-color:#1768da}
.content-category{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf5ff;color:#1b61b5;font-size:9px;font-weight:800}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-day{min-height:110px;border:1px solid #e0e9f3;border-radius:13px;background:#fff;padding:8px}.calendar-day.muted{background:#f8fafc;color:#9aa8b8}.calendar-day .num{font-size:10px;font-weight:900}.calendar-item{display:block;margin-top:5px;padding:5px 6px;border-radius:8px;background:#edf5ff;color:#18599f;font-size:8px;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-item.draft{background:#fff5e8;color:#956317}
.calendar-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:9px;color:#7a8da6;margin:8px 0 14px}
@media(max-width:700px){.ru-scenario-actions{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{min-height:85px}.ru-bars{height:120px}.ru-bar-track{height:75px}}


/* V10.5 Publisher Suite */
.ru-advanced-chart{margin-top:15px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055)}
.ru-chart-tabs{display:flex;gap:6px;margin-bottom:12px}.ru-chart-tabs button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#bdd2e7;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.ru-chart-tabs button.active{background:#fff;color:#134a88}
.ru-adv-bars{display:grid;gap:8px}.ru-adv-bars>div{display:grid;grid-template-columns:100px 1fr 75px;align-items:center;gap:7px;font-size:8.5px}.ru-adv-bars span{color:#bad1e6}.ru-adv-bars b{text-align:right;color:#fff}.ru-adv-track{height:9px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.ru-adv-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#45a9ff,#45e3a2)}
.ru-donut-wrap{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}.ru-donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(#45a9ff 0 22%,#45e3a2 22% 42%,#ffb75a 42% 64%,#7f8cff 64% 82%,#c1d8ef 82%);display:grid;place-items:center}.ru-donut:after{content:"";width:78px;height:78px;background:#0a3970;border-radius:50%;grid-area:1/1}.ru-donut>div{grid-area:1/1;z-index:1;text-align:center}.ru-donut b{display:block;color:#fff;font-size:13px}.ru-donut span{font-size:7px;color:#bed4e8}.ru-donut-legend p{display:grid;grid-template-columns:10px 1fr auto;gap:6px;margin:5px 0;font-size:8px;color:#c5d8ea}.ru-donut-legend i{width:8px;height:8px;border-radius:50%;background:#45a9ff}.ru-linechart{width:100%;height:130px;color:#5db8ff;background:linear-gradient(180deg,rgba(93,184,255,.08),transparent);border-radius:10px}.ru-line-labels{display:flex;justify-content:space-between;gap:4px;margin-top:6px}.ru-line-labels span{font-size:7px;color:#adc7df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ru-formula-card{grid-column:1/-1}.ru-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f0f6ff;border:1px solid #dce9f7;border-radius:12px;padding:13px;color:#164f90;font-weight:800;font-size:12px;margin:8px 0 12px}.ru-formula-card ol{padding-left:18px}
.notice-bell{position:relative}.notice-count{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e94f55;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.notice-list{display:grid;gap:9px}.notice-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid #e0e9f3;border-radius:13px;background:#fff}.notice-icon{width:38px;height:38px;border-radius:12px;background:#eef5ff;display:grid;place-items:center}.notice-item.unread{border-left:4px solid #1768da;background:#fbfdff}.notice-item h3{font-size:11px;margin:0 0 4px}.notice-item p{font-size:9px;color:#76889f;margin:0;line-height:1.5}.notice-meta{font-size:8px;color:#9aa8ba}
.link-suggestion{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px;border:1px solid #e0e9f3;border-radius:12px;background:#fff}.link-suggestion b{font-size:10px}.link-suggestion p{margin:3px 0 0;font-size:9px;color:#7e90a7}.link-suggestion code{font-size:8px}.link-suggestion button{border:0;border-radius:9px;background:#1768da;color:#fff;font-size:9px;font-weight:800;padding:7px 9px;cursor:pointer}
.scheduler-box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scheduler-stat{background:#fff;border:1px solid #e0e9f3;border-radius:14px;padding:15px}.scheduler-stat b{font-size:25px;display:block;margin-top:4px}
@media(max-width:700px){.ru-donut-wrap{grid-template-columns:1fr}.ru-adv-bars>div{grid-template-columns:75px 1fr 58px}.scheduler-box{grid-template-columns:1fr}}


/* =========================================================
   RAKAM USTASI V11 — SIGNATURE EXPERIENCE
   ========================================================= */
:root{
  --ru-glow:rgba(44,139,255,.18);
  --ru-glow-strong:rgba(44,139,255,.30);
  --ru-glass:rgba(255,255,255,.78);
  --ru-glass-line:rgba(255,255,255,.60);
}
html{scroll-behavior:smooth}
body{transition:background .28s ease,color .28s ease}
body.ru-dark{
  --ru-bg:#07101F;
  --ru-surface:#0D1A2D;
  --ru-text:#EAF3FF;
  --ru-muted:#8EA4BE;
  --ru-line:#1B2D46;
  --ru-glow:rgba(58,143,255,.15);
  background:
    radial-gradient(circle at 15% -10%,rgba(34,116,220,.15),transparent 26%),
    radial-gradient(circle at 90% 8%,rgba(31,201,124,.07),transparent 24%),
    #07101F;
}
body.ru-dark .v92-top,
body.ru-dark .v92-tool,
body.ru-dark .v92-livecard,
body.ru-dark .v92-panel,
body.ru-dark .tools-index-card,
body.ru-dark .calc-card,
body.ru-dark .info-card,
body.ru-dark .power-card,
body.ru-dark .power-section,
body.ru-dark .smart-personal,
body.ru-dark .ru-scenario-panel,
body.ru-dark .history-item,
body.ru-dark .compare-card{
  background:#0D1A2D!important;border-color:#1B2D46!important;color:#EAF3FF!important;
}
body.ru-dark .v92-top{box-shadow:0 18px 50px rgba(0,0,0,.25)}
body.ru-dark .v92-menu a,
body.ru-dark .v92-tool h3,
body.ru-dark .power-section h2,
body.ru-dark .info-card h3,
body.ru-dark .tools-index-card h3{color:#EAF3FF!important}
body.ru-dark .v92-tool p,
body.ru-dark .power-card small,
body.ru-dark .info-card p,
body.ru-dark .info-card li,
body.ru-dark .v95-mini-note{color:#91A6BF!important}
body.ru-dark .v92-search,
body.ru-dark .v92-search input,
body.ru-dark .search-pro-panel{
  background:#0A1628!important;border-color:#20334D!important;color:#EAF3FF!important
}
body.ru-dark .search-pro-item{color:#DCEBFB!important}
body.ru-dark .search-pro-item:hover,
body.ru-dark .search-pro-item.active{background:#12233B!important}
body.ru-dark .ru-scenario-actions input{background:#0A1628;border-color:#20334D;color:#EAF3FF}
body.ru-dark .ru-scenario-item{background:#0A1628;border-color:#20334D}
body.ru-dark .calc-smartbtn{background:#0A1628;border-color:#20334D;color:#A9CBF5}
body.ru-dark .v92-footer{background:#06101D}

.ru-scroll-progress{
  position:fixed;left:0;top:0;height:3px;width:0;z-index:99999;
  background:linear-gradient(90deg,#45A9FF,#1768DA,#45E3A2);
  box-shadow:0 0 14px rgba(69,169,255,.38);transition:width .05s linear
}
.ru-nav-actions{display:flex;align-items:center;gap:8px}
.ru-icon-btn{
  width:40px;height:40px;border-radius:13px;border:1px solid #DCE7F2;background:#fff;
  display:grid;place-items:center;cursor:pointer;color:#214A78;font-size:17px;
  box-shadow:0 7px 18px rgba(40,77,119,.05);transition:.18s
}
.ru-icon-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(40,77,119,.10)}
body.ru-dark .ru-icon-btn{background:#0D1A2D;border-color:#20334D;color:#D9E9FB}

.ru-ticker-shell{
  max-width:1180px;margin:12px auto 0;padding:0 22px;overflow:hidden
}
.ru-ticker{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,251,255,.90));
  border:1px solid #DDE8F3;box-shadow:0 9px 26px rgba(32,71,117,.05);
  overflow:hidden;position:relative
}
body.ru-dark .ru-ticker{background:#0D1A2D;border-color:#1B2D46}
.ru-ticker-label{
  flex:0 0 auto;padding:6px 9px;border-radius:9px;background:#0B3972;color:#fff;
  font-size:9px;font-weight:900;letter-spacing:.6px;text-transform:uppercase
}
.ru-ticker-track{display:flex;gap:8px;min-width:max-content;animation:ruTicker 28s linear infinite}
.ru-ticker:hover .ru-ticker-track{animation-play-state:paused}
.ru-ticker-item{
  display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:10px;
  background:#F3F8FE;border:1px solid #E1EAF4;font-size:10px;color:#54708E
}
.ru-ticker-item b{color:#153C69;font-size:11px}
body.ru-dark .ru-ticker-item{background:#0A1628;border-color:#20334D;color:#8EA4BE}
body.ru-dark .ru-ticker-item b{color:#E7F1FC}
@keyframes ruTicker{from{transform:translateX(0)}to{transform:translateX(-36%)}}

.v92-hero{position:relative;isolation:isolate}
.v92-hero::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-2;
  background:
    radial-gradient(circle at 18% 20%,rgba(89,178,255,.22),transparent 30%),
    radial-gradient(circle at 82% 12%,rgba(69,227,162,.13),transparent 28%),
    linear-gradient(135deg,#071F47,#0A4F91 58%,#0A86D6);
}
.v92-hero::after{
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom right,black,transparent 78%)
}
.ru-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.ru-orb.one{width:120px;height:120px;right:7%;top:14%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.35),rgba(69,169,255,.06));animation:ruFloat 7s ease-in-out infinite}
.ru-orb.two{width:72px;height:72px;right:24%;bottom:10%;background:radial-gradient(circle,rgba(69,227,162,.24),rgba(69,227,162,.02));animation:ruFloat 9s ease-in-out infinite reverse}
@keyframes ruFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.ru-hero-metrics{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ru-hero-metric{
  display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px)
}
.ru-hero-metric i{width:8px;height:8px;border-radius:50%;background:#45E3A2;box-shadow:0 0 0 4px rgba(69,227,162,.10)}
.ru-hero-metric span{font-size:9px;color:#C9DDF1}.ru-hero-metric b{font-size:10px;color:#fff}

.ru-card-spotlight{position:relative;overflow:hidden}
.ru-card-spotlight::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;
  background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(72,157,255,.15),transparent 45%)
}
.ru-card-spotlight:hover::after{opacity:1}

.ru-live-skeleton{position:relative;overflow:hidden;color:transparent!important}
.ru-live-skeleton::before{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,#EEF3F8 25%,#F8FAFC 38%,#EEF3F8 58%);
  background-size:200% 100%;animation:ruShimmer 1.3s linear infinite;border-radius:8px
}
body.ru-dark .ru-live-skeleton::before{background:linear-gradient(90deg,#122238 25%,#1A2D47 38%,#122238 58%);background-size:200% 100%}
@keyframes ruShimmer{to{background-position:-200% 0}}

.ru-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.ru-reveal.in{opacity:1;transform:none}

.ru-command-backdrop{
  position:fixed;inset:0;z-index:9998;background:rgba(4,15,29,.48);backdrop-filter:blur(8px);
  display:none;padding:80px 16px 20px;align-items:flex-start;justify-content:center
}
.ru-command-backdrop.show{display:flex}
.ru-command{
  width:min(680px,100%);background:#fff;border:1px solid #DCE7F2;border-radius:20px;
  box-shadow:0 30px 80px rgba(0,20,45,.26);overflow:hidden
}
body.ru-dark .ru-command{background:#0D1A2D;border-color:#20334D}
.ru-command-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #E4ECF4}
body.ru-dark .ru-command-head{border-color:#20334D}
.ru-command-head input{flex:1;border:0;outline:0;font-size:15px;background:transparent;color:inherit}
.ru-kbd{font-size:9px;padding:5px 7px;border-radius:7px;border:1px solid #D9E4EF;background:#F6F9FC;color:#667D98}
body.ru-dark .ru-kbd{background:#102137;border-color:#263A55;color:#AFC4DA}
.ru-command-results{max-height:420px;overflow:auto;padding:8px}
.ru-command-item{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;color:#1C416C;text-decoration:none}
.ru-command-item:hover,.ru-command-item.active{background:#F0F6FD}
body.ru-dark .ru-command-item{color:#DCEBFA}
body.ru-dark .ru-command-item:hover,body.ru-dark .ru-command-item.active{background:#12243C}
.ru-command-item i{font-style:normal;width:36px;height:36px;border-radius:11px;background:#EDF5FF;display:grid;place-items:center}
body.ru-dark .ru-command-item i{background:#152A45}

.ru-toast-stack{position:fixed;right:18px;bottom:18px;z-index:9999;display:grid;gap:8px}
.ru-toast{
  min-width:260px;max-width:360px;padding:12px 14px;border-radius:13px;background:#0B2B57;color:#fff;
  box-shadow:0 18px 45px rgba(0,31,70,.24);font-size:11px;display:flex;gap:9px;align-items:flex-start;
  animation:ruToastIn .28s ease both
}
.ru-toast.ok{background:#0C704E}.ru-toast.warn{background:#875B0C}
@keyframes ruToastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ru-backtop{
  position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:14px;border:1px solid #DCE7F2;
  background:#fff;color:#1A5AA8;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;
  transform:translateY(8px);transition:.2s;z-index:110;box-shadow:0 10px 25px rgba(32,71,117,.12)
}
.ru-backtop.show{opacity:1;pointer-events:auto;transform:none}
body.ru-dark .ru-backtop{background:#0D1A2D;border-color:#20334D;color:#BFD9F7}

.ru-wow-divider{
  height:1px;background:linear-gradient(90deg,transparent,#CFE0F2 18%,#7AB7F1 50%,#CFE0F2 82%,transparent);
  margin:10px 0 28px;opacity:.75
}

@media(max-width:850px){
  .ru-nav-actions .ru-icon-btn:first-child{display:none}
  .ru-ticker-shell{padding:0 12px}
  .ru-command-backdrop{padding-top:45px}
}
@media(max-width:600px){
  .ru-ticker{border-radius:12px}.ru-ticker-label{display:none}
  .ru-hero-metrics{display:grid;grid-template-columns:1fr 1fr}
  .ru-orb{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ru-ticker-track,.ru-orb,.ru-live-skeleton::before{animation:none!important}
  .ru-reveal{opacity:1!important;transform:none!important;transition:none!important}
}


/* =========================================================
   RAKAM USTASI V11.1 — LUXE EXPERIENCE
   Typography, depth, layout rhythm, premium admin
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Inter+Tight:wght@700;800;900&display=swap');

:root{
  --ru-font-body:"Inter","SF Pro Text","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --ru-font-display:"Inter Tight","SF Pro Display","Inter",ui-sans-serif,system-ui,sans-serif;
  --ru-font-mono:ui-monospace,"SFMono-Regular","JetBrains Mono","Consolas",monospace;
  --ru-shadow-premium:0 22px 60px rgba(14,44,82,.09);
  --ru-shadow-glow:0 0 0 1px rgba(66,140,232,.06), 0 18px 50px rgba(20,57,101,.10);
  --ru-radius-xl:28px;
  --ru-radius-lg:22px;
  --ru-radius-md:16px;
}
html,body{font-family:var(--ru-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.v92-brand,.power-hero h1,.v92-hero h1,.v92-tool h3,.v92-stat strong,.v92-livecard strong,.result-main strong{
  font-family:var(--ru-font-display);
  letter-spacing:-0.03em;
}
.v92-hero h1{font-size:clamp(38px,6vw,68px);line-height:.95;max-width:13ch;text-wrap:balance}
.v92-hero h1 span{
  background:linear-gradient(135deg,#ffffff,#d6e8ff 40%,#7cc5ff 72%,#6df0d0);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.v92-hero p{font-size:15px;line-height:1.8;max-width:62ch;color:#D6E4F4}
.v92-kicker,.calc-kicker{
  letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900
}
.v92-top,.power-section,.power-card,.calc-card,.info-card,.history-item,.compare-card,.v92-tool,.v92-livecard,.v92-stat,.tools-index-card{
  border-radius:var(--ru-radius-lg)!important;
  box-shadow:var(--ru-shadow-premium);
}
.v92-top{
  backdrop-filter:blur(16px);
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.65)!important
}
body.ru-dark .v92-top{background:rgba(9,20,36,.82)!important}
.v92-brand img{filter:drop-shadow(0 8px 20px rgba(23,104,218,.10))}
.v92-menu a{
  position:relative;font-size:13px;font-weight:700;letter-spacing:-.01em
}
.v92-menu a::after{
  content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;border-radius:999px;
  background:linear-gradient(90deg,#1768da,#54b0ff);transform:scaleX(0);transform-origin:left;transition:transform .2s ease
}
.v92-menu a:hover::after{transform:scaleX(1)}
.v92-search{
  border-radius:16px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 10px 30px rgba(28,66,109,.06);
}
.v92-search input{font-size:13px;font-weight:600}
.v92-admin,.v92-btn,.power-btn,.calc-smartbtn,.ru-icon-btn{
  font-family:var(--ru-font-body);font-weight:800;letter-spacing:-.01em
}
.v92-btn.primary,.power-btn.primary,.v92-admin{
  box-shadow:0 12px 28px rgba(23,104,218,.25)
}
.v92-btn.primary:hover,.power-btn.primary:hover,.v92-admin:hover{
  transform:translateY(-2px);box-shadow:0 16px 34px rgba(23,104,218,.30)
}
.v92-btn.secondary{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);backdrop-filter:blur(8px)
}
body.ru-dark .v92-btn.secondary{background:#10233b}
.v92-stat small,.v92-livecard small,.power-card small{
  font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:9px
}
.v92-stat strong,.v92-livecard strong{
  line-height:1;letter-spacing:-.045em
}
.v92-section h2,.power-section h2,.calc-hero h1{
  font-size:clamp(24px,3vw,38px);line-height:1.04;text-wrap:balance
}
.v92-head p,.power-hero p,.power-card p,.v92-tool p,.v92-livecard p,.calc-hero p{
  font-size:13px;line-height:1.75
}
.v92-tool,.v92-livecard,.v92-stat,.power-card,.tools-index-card{
  position:relative;overflow:hidden
}
.v92-tool::before,.v92-livecard::before,.v92-stat::before,.power-card::before,.tools-index-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 38%);
  opacity:.42
}
body.ru-dark .v92-tool::before,body.ru-dark .v92-livecard::before,body.ru-dark .v92-stat::before,body.ru-dark .power-card::before,body.ru-dark .tools-index-card::before{
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 36%)
}
.v92-statsbox,.v92-section,.v92-bottom,.power-section,.calc-layout{position:relative}
.v92-section,.power-section,.calc-layout{
  padding-top:4px
}
.v92-footer{
  border-top:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 15% 0%,rgba(69,169,255,.12),transparent 30%),
    linear-gradient(180deg,#071425,#05101d);
}
.v92-footer h3{font-family:var(--ru-font-display);font-size:18px}
.v92-footer p{color:#a6bdd6;line-height:1.8}
.power-hero,.calc-hero{
  border-radius:var(--ru-radius-xl)!important;
  box-shadow:0 24px 70px rgba(7,31,71,.22)
}
.result-card{
  border-radius:24px!important;
  box-shadow:0 24px 65px rgba(4,26,59,.28)
}
.ru-formula{
  font-family:var(--ru-font-mono)!important;
  letter-spacing:-.01em
}
.history-item h3,.compare-card h3,.ru-scenario-item b{font-family:var(--ru-font-display)}
.search-pro-item b,.ru-command-item b{font-family:var(--ru-font-display);font-size:14px}
.ru-command{border-radius:24px;overflow:hidden}
.ru-command-head{padding:16px}
.ru-command-head input{font-family:var(--ru-font-display);letter-spacing:-.02em}
.notice-item h3{font-family:var(--ru-font-display)}
.calendar-day{border-radius:16px!important}
.calendar-item{border-radius:10px!important}
.wrap{background:linear-gradient(180deg,#f5f9fe,#eef4fb)}
.side{
  border-right:1px solid #dde8f3;
  background:linear-gradient(180deg,#0b213f,#0b1730);
  box-shadow:8px 0 35px rgba(11,23,48,.12)
}
.side h2{font-family:var(--ru-font-display);letter-spacing:-.03em}
.side a{
  border-radius:13px;font-weight:700;letter-spacing:-.01em;
  transition:all .18s ease;
}
.side a:hover{background:rgba(255,255,255,.10);transform:translateX(3px)}
.main{padding:26px}
.main h1,.main h2{font-family:var(--ru-font-display);letter-spacing:-.03em}
.top,.box{
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(14,44,82,.06)
}
.btn{
  border-radius:13px!important;
  font-weight:800;letter-spacing:-.01em
}
input,select,textarea{
  font-family:var(--ru-font-body)!important;
  border-radius:13px!important;
}
::selection{background:#1768da;color:#fff}
@media(max-width:700px){
  .v92-hero h1{font-size:clamp(34px,11vw,48px)}
  .v92-hero p{font-size:14px}
  .main{padding:16px}
}


/* =========================================================
   RAKAM USTASI V12 — ULTIMATE PREMIUM
   ========================================================= */
:root{
  --ru-ink:#0B1F3A;
  --ru-electric:#2C8BFF;
  --ru-cyan:#58C9FF;
  --ru-mint:#55E2B1;
  --ru-gold:#FFB85C;
  --ru-card:rgba(255,255,255,.88);
}
body{
  background:
    radial-gradient(circle at 15% 0%,rgba(54,139,255,.07),transparent 30%),
    radial-gradient(circle at 95% 8%,rgba(85,226,177,.05),transparent 25%),
    var(--ru-bg);
}
.ru-svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none}
.v92-shell{position:relative}
.v92-top{
  position:sticky;top:12px;z-index:300;
  max-width:1180px;margin:12px auto 0!important
}
.ru-brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none}
.ru-brand-lockup img{width:190px;height:auto;display:block}
.ru-desktop-only{display:flex}
.ru-mobile-only{display:none}

.ru-hero-stage{
  position:absolute;right:3.5%;top:50%;transform:translateY(-50%);
  width:min(42%,500px);height:82%;pointer-events:none
}
.ru-stage-card{
  position:absolute;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);
  backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 20px 40px rgba(3,20,45,.12)
}
.ru-stage-card.one{right:2%;top:5%;width:58%;padding:14px;animation:ruFloat 7s ease-in-out infinite}
.ru-stage-card.two{left:0;bottom:3%;width:56%;padding:13px;animation:ruFloat 8.5s ease-in-out infinite reverse}
.ru-stage-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ru-stage-head span{font-size:8px;font-weight:800;color:#bcd4ea;letter-spacing:.08em;text-transform:uppercase}
.ru-stage-head b{font-size:9px;color:#55e2b1}
.ru-stage-value{font-family:var(--ru-font-display);font-size:28px;font-weight:900;color:#fff;margin:7px 0 2px;letter-spacing:-.05em}
.ru-stage-sub{font-size:8px;color:#aac4dc}
.ru-mini-line{margin-top:9px;height:54px}
.ru-mini-line svg{width:100%;height:100%;overflow:visible}
.ru-mini-line path{stroke:#6ec7ff;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}
.ru-mini-line .area{fill:url(#stageGrad);stroke:none}
.ru-mini-bars{display:flex;align-items:end;gap:5px;height:52px;margin-top:8px}
.ru-mini-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#66c8ff,#2d80e8)}
.ru-mini-bars i:nth-child(1){height:28%}.ru-mini-bars i:nth-child(2){height:52%}.ru-mini-bars i:nth-child(3){height:42%}.ru-mini-bars i:nth-child(4){height:78%}.ru-mini-bars i:nth-child(5){height:62%}.ru-mini-bars i:nth-child(6){height:90%}

.ru-section-eyebrow{
  display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;
  background:#EDF5FF;border:1px solid #DDE9F6;color:#1C65BB;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase
}
body.ru-dark .ru-section-eyebrow{background:#10243e;border-color:#203b5f;color:#8fc8ff}

.ru-story-grid{
  display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px
}
.ru-story-main,.ru-story-side{
  border:1px solid var(--ru-line);border-radius:24px;background:var(--ru-card);box-shadow:var(--ru-shadow-premium)
}
body.ru-dark .ru-story-main,body.ru-dark .ru-story-side{background:#0D1A2D}
.ru-story-main{padding:24px}
.ru-story-side{padding:18px}
.ru-story-title{font-family:var(--ru-font-display);font-size:26px;line-height:1.04;margin:8px 0 10px;letter-spacing:-.04em}
.ru-story-copy{font-size:12px;line-height:1.8;color:var(--ru-muted);max-width:66ch}
.ru-story-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.ru-story-metric{padding:14px;border-radius:16px;background:#F5F9FD;border:1px solid #E4EDF6}
body.ru-dark .ru-story-metric{background:#0A1628;border-color:#20334D}
.ru-story-metric small{display:block;font-size:8px;color:#7E91AA;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.ru-story-metric b{display:block;font-family:var(--ru-font-display);font-size:24px;margin-top:5px;letter-spacing:-.04em}
.ru-story-list{display:grid;gap:10px}
.ru-story-list article{padding:14px;border-radius:15px;background:#F7FAFD;border:1px solid #E5EDF5}
body.ru-dark .ru-story-list article{background:#0A1628;border-color:#20334D}
.ru-story-list h3{font-size:13px;margin:0 0 5px}
.ru-story-list p{font-size:9px;line-height:1.55;color:#7F91A7;margin:0}

.ru-trust-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0
}
.ru-trust-item{
  display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;
  background:rgba(255,255,255,.75);border:1px solid #E1EAF3;box-shadow:0 10px 26px rgba(30,68,110,.04)
}
body.ru-dark .ru-trust-item{background:#0D1A2D;border-color:#1F334C}
.ru-trust-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#EEF6FF;color:#1A68C7}
body.ru-dark .ru-trust-icon{background:#102640;color:#87c5ff}
.ru-trust-item b{display:block;font-size:10px}.ru-trust-item span{display:block;font-size:8px;color:#8092A8;margin-top:2px}

.ru-mobile-nav{
  display:none;position:fixed;left:50%;bottom:12px;transform:translateX(-50%);
  width:min(calc(100% - 22px),560px);z-index:500;padding:7px;
  background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.72);
  border-radius:20px;box-shadow:0 18px 50px rgba(13,47,86,.18)
}
body.ru-dark .ru-mobile-nav{background:rgba(9,20,36,.92);border-color:#213650}
.ru-mobile-nav a,.ru-mobile-nav button{
  flex:1;min-width:0;border:0;background:transparent;color:#6D819B;text-decoration:none;
  display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 5px;border-radius:13px;font-size:8px;font-weight:800
}
.ru-mobile-nav a.active,.ru-mobile-nav a:hover,.ru-mobile-nav button:hover{background:#EDF5FF;color:#1768DA}
body.ru-dark .ru-mobile-nav a.active,body.ru-dark .ru-mobile-nav a:hover,body.ru-dark .ru-mobile-nav button:hover{background:#112843;color:#86C4FF}
.ru-mobile-nav .ru-svg{width:18px;height:18px}

.ru-fab{
  position:fixed;left:18px;bottom:18px;z-index:115;width:48px;height:48px;border-radius:16px;border:0;
  background:linear-gradient(135deg,#1768DA,#2C8BFF);color:#fff;display:grid;place-items:center;
  box-shadow:0 16px 36px rgba(23,104,218,.28);cursor:pointer;transition:.2s
}
.ru-fab:hover{transform:translateY(-2px) scale(1.02)}
.ru-fab .ru-svg{width:22px;height:22px}

.ru-premium-callout{
  position:relative;overflow:hidden;border-radius:24px;padding:24px;
  background:linear-gradient(135deg,#071D3D,#0B4E8B 58%,#0C7CC4);color:#fff;
  box-shadow:0 24px 65px rgba(5,38,79,.18)
}
.ru-premium-callout:after{
  content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 66%)
}
.ru-premium-callout h2{color:#fff;margin:0 0 8px;font-size:30px}.ru-premium-callout p{color:#C7DAEC;margin:0;max-width:70ch;line-height:1.8}

.ru-admin-luxe-header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;margin-bottom:18px;
  background:linear-gradient(135deg,#071f43,#0b4e8d);color:#fff;border-radius:22px;box-shadow:0 20px 50px rgba(8,38,78,.18)
}
.ru-admin-luxe-header h1{color:#fff;margin:0}.ru-admin-luxe-header p{color:#bdd2e6;margin:4px 0 0}
.ru-admin-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);font-size:9px;font-weight:900}

@media(max-width:980px){
  .ru-story-grid{grid-template-columns:1fr}
  .ru-trust-row{grid-template-columns:1fr 1fr}
  .ru-hero-stage{opacity:.56;right:-3%}
}
@media(max-width:760px){
  body{padding-bottom:86px}
  .v92-top{top:8px;margin:8px 10px 0!important}
  .v92-menu,.v92-search,.ru-desktop-only{display:none!important}
  .ru-mobile-only{display:flex}
  .ru-mobile-nav{display:flex}
  .ru-fab{display:none}
  .ru-trust-row{grid-template-columns:1fr 1fr}
  .ru-story-metrics{grid-template-columns:1fr}
  .ru-hero-stage{display:none}
  .ru-brand-lockup img{width:168px}
  .v92-hero{padding-bottom:28px!important}
}
@media(max-width:480px){
  .ru-trust-row{grid-template-columns:1fr}
}


/* =========================================================
   RAKAM USTASI V13 — MASTERPIECE DESIGN SYSTEM
   ========================================================= */
:root{
  --ru-max:1180px;
  --ru-page-x:clamp(14px,3vw,28px);
  --ru-space-1:6px; --ru-space-2:10px; --ru-space-3:14px; --ru-space-4:18px;
  --ru-space-5:24px; --ru-space-6:32px; --ru-space-7:44px; --ru-space-8:64px;
  --ru-r-1:10px; --ru-r-2:14px; --ru-r-3:18px; --ru-r-4:24px; --ru-r-5:30px;
  --ru-border-soft:rgba(19,64,112,.10);
  --ru-surface-raised:rgba(255,255,255,.92);
  --ru-surface-soft:#F7FAFE;
  --ru-shadow-1:0 8px 22px rgba(18,55,96,.05);
  --ru-shadow-2:0 16px 40px rgba(16,49,89,.08);
  --ru-shadow-3:0 26px 72px rgba(9,37,76,.14);
  --ru-ease:cubic-bezier(.2,.72,.22,1);
}
*{box-sizing:border-box}
html{scroll-padding-top:96px}
body{overflow-x:hidden}
img,svg{max-width:100%}
a{text-underline-offset:3px}
button,input,select,textarea{font:inherit}

/* Global page rhythm */
.v92-shell,.power-shell,.calc-shell{max-width:var(--ru-max);margin-inline:auto;padding-inline:var(--ru-page-x)}
.v92-section{margin-top:clamp(42px,6vw,78px)}
.v92-head{align-items:flex-end;gap:20px;margin-bottom:18px}
.v92-head h2{max-width:18ch}
.v92-head p{max-width:68ch}

/* Executive glass nav */
.v92-top{
  border-radius:20px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 46px rgba(14,47,88,.10)!important;
}
body.ru-dark .v92-top{background:rgba(8,20,37,.82)!important;border-color:rgba(255,255,255,.05)!important}
.ru-brand-lockup{min-width:176px}
.ru-nav-actions{margin-left:auto}

/* Hero masterpiece */
.v92-hero{
  min-height:610px;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
  align-items:center;
  gap:40px;
  border-radius:32px!important;
  padding:clamp(34px,5vw,64px)!important;
  margin-top:20px!important;
  box-shadow:0 36px 90px rgba(5,34,72,.24)!important;
  overflow:hidden;
}
.v92-hero>div:first-of-type{position:relative;z-index:4;max-width:670px}
.v92-hero h1{font-size:clamp(46px,6vw,78px)!important;line-height:.92!important;max-width:12ch!important}
.v92-hero p{max-width:64ch!important;color:#d6e5f4!important}
.v92-actions{gap:10px;flex-wrap:wrap}
.v92-btn{min-height:46px;padding:0 16px!important;border-radius:14px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}

/* Premium data theater */
.ru-data-theater{position:relative;height:430px;isolation:isolate}
.ru-data-orbit{position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(255,255,255,.10);animation:ruOrbit 24s linear infinite}
.ru-data-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#55E2B1;box-shadow:0 0 20px rgba(85,226,177,.65);top:4%;left:48%}
@keyframes ruOrbit{to{transform:rotate(360deg)}}
.ru-data-main{
  position:absolute;inset:52px 38px 70px 38px;border-radius:28px;padding:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);
  box-shadow:0 28px 60px rgba(0,23,52,.18)
}
.ru-data-main-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ru-data-main-head span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#b9d1e6;font-weight:900}
.ru-live-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(85,226,177,.12);border:1px solid rgba(85,226,177,.18);color:#8af0cf;font-size:8px;font-weight:900}
.ru-live-pill i{width:6px;height:6px;background:#55E2B1;border-radius:50%;box-shadow:0 0 0 4px rgba(85,226,177,.10)}
.ru-data-kpi{margin-top:18px}.ru-data-kpi small{display:block;font-size:9px;color:#a9c4dc;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.ru-data-kpi b{display:block;font-family:var(--ru-font-display);font-size:42px;color:#fff;letter-spacing:-.05em;margin-top:4px}
.ru-data-kpi p{font-size:9px!important;color:#9fb9d1!important;margin:2px 0 0!important}
.ru-theater-chart{height:126px;margin-top:14px;position:relative}
.ru-theater-chart svg{width:100%;height:100%;overflow:visible}
.ru-theater-chart .grid{stroke:rgba(255,255,255,.08);stroke-width:.5}
.ru-theater-chart .line{fill:none;stroke:#69C2FF;stroke-width:2.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 8px rgba(105,194,255,.22))}
.ru-theater-chart .area{fill:url(#ruArea);opacity:.7}
.ru-floating-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);color:#fff;box-shadow:0 14px 35px rgba(0,18,42,.12)}
.ru-floating-chip.one{top:18px;right:8px}.ru-floating-chip.two{bottom:12px;left:4px}.ru-floating-chip i{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.10);display:grid;place-items:center}.ru-floating-chip b{font-size:10px}.ru-floating-chip span{display:block;font-size:8px;color:#a9c4db}

/* Stat cards – consistent information hierarchy */
.v92-statsbox{padding:18px!important;border-radius:28px!important;background:linear-gradient(180deg,#F8FBFF,#F3F8FD)!important;border:1px solid #DDE8F4!important}
body.ru-dark .v92-statsbox{background:linear-gradient(180deg,#0B1829,#091523)!important;border-color:#1A3049!important}
.v92-stats{gap:12px!important}
.v92-stat{min-height:200px;padding:20px!important;transition:transform .22s var(--ru-ease),box-shadow .22s var(--ru-ease)}
.v92-stat:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(8,40,80,.18)!important}
.v92-stat strong{font-size:clamp(28px,3vw,40px)!important;margin-top:8px}
.v96-subline{margin-top:auto!important;padding-top:12px}

/* Section shells */
.ru-section-shell{padding:24px;border-radius:26px;background:var(--ru-surface-raised);border:1px solid var(--ru-border-soft);box-shadow:var(--ru-shadow-2)}
body.ru-dark .ru-section-shell{background:#0D1A2D;border-color:#1B3048}

/* Tools grid – more editorial */
.v92-toolgrid{gap:12px!important}
.v92-tool{min-height:205px;padding:18px!important;transition:.22s var(--ru-ease)}
.v92-tool:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(18,54,95,.12)!important}
.v96-tool-icon{width:52px!important;height:52px!important;border-radius:17px!important}
.v92-tool h3{font-size:17px!important;margin:16px 0 7px!important}
.v92-tool p{font-size:11px!important;line-height:1.65!important}

/* Premium category navigator */
.ru-category-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.ru-category-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#F4F8FC;border:1px solid #DFE8F2;color:#4A6480;text-decoration:none;font-size:9px;font-weight:900;transition:.18s}
.ru-category-nav a:hover,.ru-category-nav a.active{background:#1768DA;border-color:#1768DA;color:#fff;transform:translateY(-1px)}
body.ru-dark .ru-category-nav a{background:#0A1628;border-color:#21374F;color:#A6BBD2}
body.ru-dark .ru-category-nav a:hover,body.ru-dark .ru-category-nav a.active{background:#1768DA;color:#fff}

/* Why Rakam Ustası */
.ru-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ru-why-card{padding:18px;border-radius:20px;background:#fff;border:1px solid #E1EAF4;box-shadow:var(--ru-shadow-1)}
body.ru-dark .ru-why-card{background:#0D1A2D;border-color:#1D334D}
.ru-why-icon{width:42px;height:42px;border-radius:14px;background:#EDF5FF;color:#1768DA;display:grid;place-items:center;margin-bottom:14px}
.ru-why-card h3{font-size:14px;margin:0 0 6px}.ru-why-card p{font-size:10px;line-height:1.6;color:#7C8FA6;margin:0}

/* Editorial / content cards */
.ru-editorial-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.ru-editorial-feature,.ru-editorial-stack article{border-radius:22px;background:#fff;border:1px solid #E0EAF3;box-shadow:var(--ru-shadow-1)}
body.ru-dark .ru-editorial-feature,body.ru-dark .ru-editorial-stack article{background:#0D1A2D;border-color:#1D324A}
.ru-editorial-feature{padding:22px;min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,#F3F8FE,#fff)}
body.ru-dark .ru-editorial-feature{background:linear-gradient(160deg,#0D213B,#0D1A2D)}
.ru-editorial-feature h3{font-size:26px;line-height:1.04;margin:8px 0}.ru-editorial-feature p{font-size:11px;line-height:1.7;color:#7589A0}
.ru-editorial-stack{display:grid;gap:10px}.ru-editorial-stack article{padding:16px}.ru-editorial-stack h3{font-size:14px;margin:6px 0}.ru-editorial-stack p{font-size:9px;line-height:1.6;color:#7C90A8;margin:0}

/* FAQ */
.ru-faq{display:grid;gap:8px}.ru-faq details{border:1px solid #DFE8F2;border-radius:16px;background:#fff;padding:0 15px}.ru-faq summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:800;font-size:11px}.ru-faq summary::-webkit-details-marker{display:none}.ru-faq details p{font-size:10px;line-height:1.7;color:#75899F;padding:0 0 15px;margin:0}.ru-faq summary:after{content:"+";float:right;color:#1768DA;font-size:16px}.ru-faq details[open] summary:after{content:"−"}
body.ru-dark .ru-faq details{background:#0D1A2D;border-color:#1D324A}

/* Calculator premium shell */
.calc-hero{padding:28px!important;background:linear-gradient(135deg,#071F43,#0B4D8A 66%,#0A84D3)!important}
.calc-layout{gap:18px!important}.calc-card{padding:22px!important}.result-card{position:sticky!important;top:102px!important;align-self:start}
.calc-field label{font-size:9px!important;letter-spacing:.05em;text-transform:uppercase;font-weight:900!important;color:#6B819A!important}.calc-field input,.calc-field select{min-height:48px!important;border:1px solid #D8E4EF!important;background:#FBFDFF!important}.calc-field input:focus,.calc-field select:focus{outline:0!important;border-color:#78B7F1!important;box-shadow:0 0 0 4px rgba(44,139,255,.09)!important}
body.ru-dark .calc-field input,body.ru-dark .calc-field select{background:#091626!important;border-color:#1D344E!important;color:#E9F2FB!important}
.calc-action{min-height:49px!important;border-radius:14px!important}
.calc-explain{gap:12px!important}.info-card{padding:20px!important}

/* Admin ultra premium */
.wrap{min-height:100vh;background:linear-gradient(180deg,#F5F9FE,#EEF4FB)!important}
.side{padding:20px 14px!important}.side h2{font-size:21px!important;margin:6px 8px 4px!important}.side a{min-height:42px;display:flex;align-items:center;padding:0 12px!important;margin:3px 0!important}.main{max-width:1500px}.box{border:1px solid #E0E9F2!important;background:#fff!important}.top{border:1px solid #E0E9F2!important;background:#fff!important}
body.ru-dark .wrap{background:#07101F!important}body.ru-dark .box,body.ru-dark .top{background:#0D1A2D!important;border-color:#1B3048!important}

/* Utility ribbons */
.ru-mini-ribbon{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#EEF6FF;border:1px solid #DDE9F6;color:#1D64B6;font-size:9px;font-weight:800}
body.ru-dark .ru-mini-ribbon{background:#10243C;border-color:#203A58;color:#93C9FF}

/* Footer refinements */
.v92-footer{padding-top:44px!important}.v92-footer-grid{gap:26px!important}.v92-footer h3{font-size:18px!important}.v92-footer p,.v92-footer a{font-size:10px!important}

@media(max-width:1020px){
  .v92-hero{grid-template-columns:1fr!important;min-height:auto}.ru-data-theater{height:340px}.ru-why-grid{grid-template-columns:1fr 1fr}.ru-editorial-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .v92-hero{padding:30px 22px!important;border-radius:25px!important}.v92-hero h1{font-size:clamp(40px,13vw,58px)!important}.ru-data-theater{height:300px}.ru-data-main{inset:38px 10px 50px}.ru-floating-chip.one{right:0}.ru-floating-chip.two{left:0}.ru-why-grid{grid-template-columns:1fr}.v92-statsbox{padding:12px!important}.result-card{position:static!important}.ru-editorial-feature{min-height:230px}
}
@media(prefers-reduced-motion:reduce){.ru-data-orbit{animation:none!important}}


/* =========================================================
   RAKAM USTASI V13.1 — FINAL POLISH & QA
   ========================================================= */
:root{
  --ru-focus:0 0 0 4px rgba(44,139,255,.12);
  --ru-danger:#C94A4A;
  --ru-warning:#A66A12;
  --ru-success:#198A59;
}
:focus-visible{outline:2px solid #2C8BFF!important;outline-offset:3px!important}
.skip-link{position:fixed;left:14px;top:10px;z-index:999999;transform:translateY(-140%);background:#0A3970;color:#fff;padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none;transition:.18s}.skip-link:focus{transform:none}

/* Stronger content reading system */
.article-shell{max-width:880px;margin:0 auto;padding:34px var(--ru-page-x) 70px}.article-header{padding:28px;border-radius:28px;background:linear-gradient(135deg,#071F43,#0A4E8C);color:#fff;box-shadow:0 26px 65px rgba(7,32,69,.18)}.article-header h1{font-size:clamp(34px,5vw,56px);line-height:.98;margin:8px 0 12px;color:#fff}.article-header p{max-width:68ch;color:#C8DAED;line-height:1.8}.article-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.article-meta span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:800}.article-body{margin-top:18px;padding:28px;border-radius:24px;background:#fff;border:1px solid #E1EAF3;box-shadow:var(--ru-shadow-2);font-size:15px;line-height:1.85;color:#29445F}.article-body h2{margin-top:32px;font-size:27px}.article-body h3{margin-top:25px;font-size:20px}.article-body p{margin:14px 0}.article-body ul,.article-body ol{padding-left:22px}.article-body blockquote{margin:20px 0;padding:15px 18px;border-left:4px solid #2C8BFF;background:#F4F8FE;border-radius:0 14px 14px 0}.article-body a{color:#1768DA;font-weight:700}.article-source{margin-top:18px;padding:15px;border-radius:15px;background:#F5F9FD;border:1px solid #E1EAF3;font-size:10px}.article-source b{display:block;margin-bottom:4px}
body.ru-dark .article-body{background:#0D1A2D;border-color:#1D324A;color:#C5D7E8}body.ru-dark .article-source{background:#091626;border-color:#1D324A}

/* Premium form messaging */
.ru-field-help{font-size:9px;line-height:1.5;color:#8193A8;margin-top:5px}.ru-inline-alert{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:13px;font-size:10px;line-height:1.5}.ru-inline-alert.info{background:#EEF6FF;border:1px solid #D9E9FA;color:#2C5F96}.ru-inline-alert.warn{background:#FFF8E9;border:1px solid #F3E1B8;color:#845D1E}.ru-inline-alert.ok{background:#EBF9F3;border:1px solid #CDEEDF;color:#216F50}
body.ru-dark .ru-inline-alert.info{background:#10233B;border-color:#1D3E61;color:#A6CDEF}

/* Result card finishing touches */
.result-main{padding:18px 0!important}.result-main strong{font-size:clamp(32px,4vw,48px)!important}.result-row{min-height:40px!important}.result-row span{color:#8A9BAF!important}.result-row b{font-variant-numeric:tabular-nums}.result-note{border-radius:13px!important}.calc-trust{gap:7px!important;flex-wrap:wrap}.calc-trust span,.calc-trust a{border-radius:999px!important}

/* Mobile calculator ergonomics */
.ru-mobile-calcbar{display:none;position:fixed;left:50%;bottom:84px;transform:translateX(-50%);z-index:470;width:min(calc(100% - 22px),560px);padding:7px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);border-radius:17px;box-shadow:0 18px 45px rgba(16,48,88,.18);backdrop-filter:blur(18px)}
.ru-mobile-calcbar button{width:100%;min-height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,#1768DA,#2C8BFF);color:#fff;font-weight:900;cursor:pointer}
body.ru-dark .ru-mobile-calcbar{background:rgba(9,20,36,.94);border-color:#213650}
.ru-result-sheet-backdrop{display:none;position:fixed;inset:0;z-index:800;background:rgba(3,14,28,.52);backdrop-filter:blur(6px)}.ru-result-sheet-backdrop.show{display:block}.ru-result-sheet{position:absolute;left:0;right:0;bottom:0;max-height:80vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:18px;box-shadow:0 -22px 60px rgba(5,28,58,.22)}body.ru-dark .ru-result-sheet{background:#0D1A2D}.ru-sheet-handle{width:42px;height:5px;border-radius:999px;background:#D6E1EC;margin:0 auto 12px}

/* Empty state */
.ru-empty{display:grid;place-items:center;text-align:center;padding:34px 18px;border:1px dashed #CBD8E6;border-radius:18px;background:#FAFCFE}.ru-empty i{width:48px;height:48px;border-radius:16px;background:#EEF6FF;color:#1768DA;display:grid;place-items:center;font-style:normal;font-size:20px}.ru-empty h3{font-size:14px;margin:12px 0 5px}.ru-empty p{font-size:10px;line-height:1.6;color:#8092A8;max-width:42ch;margin:0}
body.ru-dark .ru-empty{background:#091626;border-color:#263C55}

/* Better tables */
table{border-collapse:separate;border-spacing:0}th{font-size:9px!important;letter-spacing:.06em;text-transform:uppercase;color:#74879F;font-weight:900!important}td{font-size:10px}tr:hover td{background:rgba(44,139,255,.025)}

/* Admin dashboard polish */
.main>.ru-admin-luxe-header+*{margin-top:0}.side{position:sticky;top:0;height:100vh;overflow:auto}.side::-webkit-scrollbar{width:5px}.side::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}.side a{position:relative}.side a:before{content:"";position:absolute;left:3px;width:3px;height:0;border-radius:99px;background:#58C9FF;transition:.18s}.side a:hover:before{height:20px}.top{padding:16px 18px!important}.box{padding:18px!important}

/* Mobile nav safe area */
@supports(padding:max(0px)){.ru-mobile-nav{bottom:max(12px,env(safe-area-inset-bottom));}.ru-mobile-calcbar{bottom:calc(76px + env(safe-area-inset-bottom));}}
@media(max-width:760px){
  .ru-mobile-calcbar{display:block}.calc-smartbar{padding-bottom:3px}.article-shell{padding-top:18px}.article-header,.article-body{padding:20px}.article-header{border-radius:22px}.article-body{border-radius:20px}.article-body{font-size:14px}.side{position:static;height:auto}.wrap{display:block!important}.side{display:none!important}.main{padding:12px!important}.ru-admin-luxe-header{border-radius:18px;padding:15px}.ru-admin-luxe-header h1{font-size:22px}.box,.top{border-radius:17px!important}.top{display:block!important}.top>*+*{margin-top:10px}
}


/* =========================================================
   RAKAM USTASI V13.3.3 — HOMEPAGE VISUAL REBALANCE
   ========================================================= */
.ru-home-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);
  align-items:center;
  gap:42px;
  min-height:520px;
  margin:22px 0 0;
  padding:clamp(38px,5vw,66px);
  overflow:hidden;
  border-radius:30px;
  background:
    radial-gradient(circle at 16% 88%,rgba(61,156,255,.22),transparent 28%),
    radial-gradient(circle at 96% 5%,rgba(99,225,195,.13),transparent 25%),
    linear-gradient(135deg,#061B37 0%,#073665 48%,#085B96 100%);
  box-shadow:0 30px 75px rgba(5,35,72,.20);
}
.ru-home-hero:before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,#000,transparent 78%);
  pointer-events:none;
}
.ru-home-hero-copy{position:relative;z-index:2;max-width:650px}
.ru-home-eyebrow{
  display:flex;align-items:center;gap:10px;
  color:#8CC9FF;font-size:10px;font-weight:900;letter-spacing:.14em
}
.ru-home-eyebrow span{width:34px;height:2px;border-radius:99px;background:#49A9FF}
.ru-home-hero h1{
  margin:18px 0 17px!important;
  max-width:10.5ch!important;
  color:#fff!important;
  font-family:var(--ru-font-display);
  font-size:clamp(48px,5.3vw,70px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
.ru-home-hero h1 em{
  display:inline;
  font-style:normal;
  color:#69C5FF;
}
.ru-home-hero p{
  max-width:58ch;
  margin:0;
  color:#BFD4E8;
  font-size:15px;
  line-height:1.75;
}
.ru-home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ru-home-btn{
  min-height:48px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:0 17px;border-radius:14px;text-decoration:none;
  font-size:12px;font-weight:900;transition:.2s var(--ru-ease)
}
.ru-home-btn.primary{
  color:#07315E;background:#fff;
  box-shadow:0 14px 32px rgba(0,16,39,.18)
}
.ru-home-btn.primary b{font-size:17px}
.ru-home-btn.ghost{
  color:#D7E8F7;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)
}
.ru-home-btn:hover{transform:translateY(-2px)}
.ru-home-proof{
  display:flex;align-items:center;gap:15px;margin-top:28px;
  color:#fff
}
.ru-home-proof div{display:grid;gap:2px}
.ru-home-proof b{font-family:var(--ru-font-display);font-size:14px}
.ru-home-proof span{font-size:8px;color:#9FB8CF}
.ru-home-proof i{width:1px;height:26px;background:rgba(255,255,255,.15)}

.ru-home-dashboard{
  position:relative;z-index:2;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.065));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
  box-shadow:0 28px 60px rgba(0,20,48,.18);
}
.ru-dash-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ru-dash-top small{display:block;color:#8EB0CE;font-size:8px;font-weight:900;letter-spacing:.11em}
.ru-dash-top strong{display:block;margin-top:5px;color:#fff;font-family:var(--ru-font-display);font-size:23px;letter-spacing:-.035em}
.ru-dash-live{
  display:inline-flex;align-items:center;gap:6px;padding:7px 9px;
  border-radius:999px;color:#8BE6C5;background:rgba(83,225,178,.10);
  border:1px solid rgba(83,225,178,.18);font-size:8px;font-weight:900
}
.ru-dash-live i{width:6px;height:6px;border-radius:50%;background:#53E1B2;box-shadow:0 0 0 4px rgba(83,225,178,.10)}
.ru-dash-kpi{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-top:16px;padding:16px;
  border-radius:18px;background:rgba(4,26,56,.28);
  border:1px solid rgba(255,255,255,.07)
}
.ru-dash-kpi-main small{display:block;color:#89A9C4;font-size:8px;font-weight:900;letter-spacing:.10em}
.ru-dash-kpi-main strong{display:block;color:#fff;font-family:var(--ru-font-display);font-size:40px;letter-spacing:-.055em;margin-top:3px}
.ru-dash-kpi-main span{font-size:8px;color:#8FABC5}
.ru-dash-ring{
  width:72px;height:72px;flex:0 0 72px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(#58B9FF 0 37%,rgba(255,255,255,.08) 37% 100%);
  position:relative
}
.ru-dash-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#0C3C6A}
.ru-dash-ring span{position:relative;z-index:2;color:#fff;font-weight:900;font-size:13px}
.ru-dash-chart{margin-top:12px;padding:14px;border-radius:18px;background:rgba(2,20,45,.22);border:1px solid rgba(255,255,255,.06)}
.ru-chart-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.ru-chart-head span{color:#D8E8F7;font-size:9px;font-weight:900}
.ru-chart-head b{color:#7797B4;font-size:8px}
.ru-dash-chart svg{width:100%;height:105px;display:block;overflow:visible}
.ru-dash-chart .grid{stroke:rgba(255,255,255,.075);stroke-width:.6}
.ru-dash-chart .area{fill:url(#homeArea);stroke:none}
.ru-dash-chart .line{fill:none;stroke:#62BEFF;stroke-width:2.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 7px rgba(98,190,255,.25))}
.ru-dash-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.ru-dash-mini article{
  min-width:0;padding:11px;border-radius:14px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.075)
}
.ru-dash-mini small{display:block;color:#809EB9;font-size:7px;font-weight:900;letter-spacing:.07em}
.ru-dash-mini b{display:block;margin-top:4px;color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* tighten the space under the new hero */
.ru-home-hero + .ru-trust-row{margin-top:15px}

/* navigation/ticker final balance */
.v92-top{max-width:1180px!important}
.ru-ticker-shell{max-width:1180px!important;margin-inline:auto!important}
.ru-ticker{border-radius:16px!important}

/* make financial stat section feel lighter */
.v92-statsbox{margin-top:18px!important}
.v92-stat{min-height:185px!important}

@media(max-width:1000px){
  .ru-home-hero{grid-template-columns:1fr;gap:26px;min-height:auto}
  .ru-home-hero-copy{max-width:720px}
  .ru-home-hero h1{max-width:13ch!important}
  .ru-home-dashboard{max-width:720px;width:100%}
}
@media(max-width:650px){
  .ru-home-hero{margin-top:12px;padding:27px 20px;border-radius:24px;gap:22px}
  .ru-home-hero h1{font-size:clamp(39px,12vw,52px)!important;max-width:12ch!important}
  .ru-home-hero p{font-size:13px;line-height:1.65}
  .ru-home-actions{display:grid}
  .ru-home-btn{width:100%}
  .ru-home-proof{gap:10px;justify-content:space-between}
  .ru-home-proof i{display:none}
  .ru-home-proof b{font-size:12px}
  .ru-home-proof span{font-size:7px}
  .ru-home-dashboard{padding:13px;border-radius:20px}
  .ru-dash-kpi-main strong{font-size:32px}
  .ru-dash-ring{width:62px;height:62px;flex-basis:62px}
  .ru-dash-mini{grid-template-columns:1fr}
  .ru-dash-mini b{font-size:11px}
}


/* =========================================================
   RAKAM USTASI V13.3.5 — MASTER HEADER
   ========================================================= */
.ru-luxe-header{
  position:sticky;
  top:14px;
  z-index:420;
  max-width:1180px;
  margin:14px auto 0;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 12px;
  border-radius:24px;
  background:rgba(255,255,255,.91);
  border:1px solid rgba(218,229,242,.90);
  box-shadow:
    0 12px 30px rgba(16,51,91,.07),
    0 28px 64px rgba(16,51,91,.10);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
body.ru-dark .ru-luxe-header{
  background:rgba(8,20,37,.91);
  border-color:rgba(255,255,255,.065);
  box-shadow:0 18px 50px rgba(0,0,0,.30);
}

/* Brand */
.ru-luxe-brand{
  flex:0 0 auto;
  width:188px;
  min-width:188px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:8px 10px;
  border-radius:17px;
  text-decoration:none;
}
.ru-luxe-mark{
  width:42px;height:42px;flex:0 0 42px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  padding:8px;
  border-radius:14px;
  background:linear-gradient(145deg,#EFF6FF,#DDEBFF);
  border:1px solid #D4E3F7;
  box-shadow:inset 0 1px 0 #fff,0 10px 18px rgba(28,91,181,.08);
}
.ru-luxe-mark i{
  width:6px;
  border-radius:99px;
  background:linear-gradient(180deg,#5B9BFF,#285FCF);
}
.ru-luxe-mark i:nth-child(1){height:18px}
.ru-luxe-mark i:nth-child(2){height:27px}
.ru-luxe-mark i:nth-child(3){height:22px}
.ru-luxe-brand-text{min-width:0;display:grid;gap:3px}
.ru-luxe-brand-text strong{
  color:#17365F;
  font-family:var(--ru-font-display);
  font-size:20px;
  line-height:1;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.ru-luxe-brand-text small{
  color:#768AA2;
  font-size:8px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
}
body.ru-dark .ru-luxe-mark{
  background:linear-gradient(145deg,#10243F,#0D1D33);
  border-color:#1D3654;
  box-shadow:none;
}
body.ru-dark .ru-luxe-brand-text strong{color:#F5F9FF}
body.ru-dark .ru-luxe-brand-text small{color:#8CA6C2}

/* Main navigation */
.ru-luxe-nav{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:5px;
  border-radius:16px;
  background:#F5F8FC;
  border:1px solid #E4ECF5;
}
.ru-luxe-nav a{
  min-width:0;
  padding:10px 12px;
  border-radius:11px;
  color:#536B85;
  font-size:12px;
  line-height:1;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
  transition:.18s var(--ru-ease);
}
.ru-luxe-nav a:hover,
.ru-luxe-nav a.active{
  color:#123A70;
  background:#fff;
  box-shadow:0 7px 17px rgba(14,62,119,.075);
}
body.ru-dark .ru-luxe-nav{
  background:#0F223A;
  border-color:#1B324F;
}
body.ru-dark .ru-luxe-nav a{color:#A4BAD1}
body.ru-dark .ru-luxe-nav a:hover,
body.ru-dark .ru-luxe-nav a.active{
  color:#F5F9FE;
  background:#142B49;
  box-shadow:none;
}

/* Search trigger */
.ru-luxe-search{
  flex:0 0 218px;
  height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 11px;
  border-radius:16px;
  border:1px solid #E0E9F3;
  background:#FAFCFE;
  color:#203D61;
  cursor:pointer;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:.18s var(--ru-ease);
}
.ru-luxe-search:hover{
  border-color:#C8D9ED;
  background:#fff;
  transform:translateY(-1px);
}
.ru-luxe-search-icon{
  width:30px;height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#EEF5FD;
  color:#1D67C8;
  font-size:17px;
}
.ru-luxe-search-copy{
  min-width:0;
  display:grid;
  gap:2px;
  flex:1;
}
.ru-luxe-search-copy b{
  font-size:10px;
  line-height:1;
  color:#203D61;
}
.ru-luxe-search-copy small{
  font-size:8px;
  line-height:1;
  color:#7E91A8;
  white-space:nowrap;
}
.ru-luxe-search kbd{
  padding:4px 6px;
  border-radius:7px;
  background:#F0F4F8;
  border:1px solid #E2E8F0;
  color:#718198;
  font-size:8px;
  font-family:inherit;
}
body.ru-dark .ru-luxe-search{
  background:#0D2038;
  border-color:#1D3552;
  color:#DCEAF7;
  box-shadow:none;
}
body.ru-dark .ru-luxe-search-icon{background:#132D4C;color:#8AC7FF}
body.ru-dark .ru-luxe-search-copy b{color:#E9F3FD}
body.ru-dark .ru-luxe-search-copy small{color:#88A2BD}
body.ru-dark .ru-luxe-search kbd{background:#102A47;border-color:#203D5E;color:#A9BCD1}

/* Right actions */
.ru-luxe-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
}
.ru-luxe-icon{
  width:46px;height:46px;
  border-radius:14px;
  border:1px solid #DFE8F2;
  background:#F8FBFE;
  color:#38536F;
  font-weight:900;
  cursor:pointer;
}
.ru-luxe-admin{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border-radius:14px;
  background:linear-gradient(135deg,#1768DA,#2859CE);
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  box-shadow:0 12px 25px rgba(31,95,202,.20);
  transition:.18s var(--ru-ease);
}
.ru-luxe-admin:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(31,95,202,.25)}
body.ru-dark .ru-luxe-icon{background:#0D2038;border-color:#1D3552;color:#C0D3E5}

/* keep ticker visually detached from header */
.ru-luxe-header + .ru-ticker-shell{margin-top:12px!important}

/* Desktop compression */
@media(max-width:1100px){
  .ru-luxe-brand{width:174px;min-width:174px}
  .ru-luxe-brand-text strong{font-size:18px}
  .ru-luxe-nav a{padding:10px 9px;font-size:11px}
  .ru-luxe-search{flex-basis:190px}
  .ru-luxe-search-copy small{display:none}
}
@media(max-width:940px){
  .ru-luxe-nav{display:none}
  .ru-luxe-header{gap:10px}
  .ru-luxe-search{margin-left:auto;flex:0 1 250px}
}
@media(max-width:760px){
  .ru-luxe-header{
    top:8px;
    margin:8px 10px 0;
    min-height:66px;
    padding:8px 9px;
    border-radius:19px;
  }
  .ru-luxe-brand{width:auto;min-width:0;padding:5px 6px}
  .ru-luxe-mark{width:38px;height:38px;flex-basis:38px;padding:7px;border-radius:13px}
  .ru-luxe-brand-text strong{font-size:18px}
  .ru-luxe-brand-text small{font-size:7px}
  .ru-luxe-search{display:none}
  .ru-luxe-icon{width:42px;height:42px}
  .ru-luxe-admin{min-height:42px;padding:0 13px}
}
@media(max-width:430px){
  .ru-luxe-brand-text small{display:none}
  .ru-luxe-brand-text strong{font-size:17px}
  .ru-luxe-admin{padding:0 11px;font-size:10px}
}

/* V13.3.6 PRIVATE ADMIN + LIVE INDICATORS */
.ru-luxe-admin{display:none!important}
.ru-ticker-item.is-live span{display:inline-flex;align-items:center;gap:6px}
.ru-live-dot{position:relative;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#21C87A;box-shadow:0 0 0 3px rgba(33,200,122,.11),0 0 10px rgba(33,200,122,.38)}
.ru-live-dot:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(33,200,122,.34);border-radius:50%;animation:ruLivePulse 1.8s ease-out infinite}
@keyframes ruLivePulse{0%{transform:scale(.65);opacity:.85}75%,100%{transform:scale(1.65);opacity:0}}
@media(prefers-reduced-motion:reduce){.ru-live-dot:after{animation:none}}


/* =========================================================
   RAKAM USTASI V13.3.7 — MARKET DATA POLISH
   ========================================================= */
.ru-marketbar-shell{
  max-width:1180px;
  margin:12px auto 0;
  padding:0;
}
.ru-marketbar{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:10px;
  padding:9px;
  border-radius:19px;
  background:rgba(255,255,255,.84);
  border:1px solid #E0E9F3;
  box-shadow:0 12px 28px rgba(18,55,96,.055);
  backdrop-filter:blur(16px);
}
.ru-marketbar-title{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:8px 10px;
  border-radius:14px;
  background:linear-gradient(135deg,#0B315E,#0A5B9B);
  color:#fff;
}
.ru-marketbar-spark{
  width:28px;height:28px;
  display:grid;place-items:center;
  flex:0 0 28px;
  border-radius:9px;
  background:rgba(255,255,255,.11);
}
.ru-marketbar-spark i{
  width:8px;height:8px;border-radius:50%;
  background:#55E3AB;
  box-shadow:0 0 0 4px rgba(85,227,171,.11),0 0 13px rgba(85,227,171,.45);
}
.ru-marketbar-title b{display:block;font-size:10px;line-height:1.1}
.ru-marketbar-title small{display:block;margin-top:3px;font-size:7px;color:#AFCBE5;white-space:nowrap}

.ru-marketbar-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
.ru-market-chip{
  min-width:0;
  padding:8px 9px;
  border-radius:13px;
  background:#F8FBFE;
  border:1px solid #E6EDF5;
  transition:.18s var(--ru-ease);
}
.ru-market-chip:hover{
  background:#fff;
  border-color:#D5E2EF;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(20,61,110,.065);
}
.ru-market-label{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  color:#7B8DA3;
  font-size:7.5px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.025em;
  white-space:nowrap;
}
.ru-market-value{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  margin-top:5px;
}
.ru-market-value b{
  min-width:0;
  color:#173B65;
  font-family:var(--ru-font-display);
  font-size:11px;
  line-height:1;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ru-market-value > small{
  color:#8A9BAF;
  font-size:7px;
  white-space:nowrap;
}
.ru-market-meta{
  display:flex;
  justify-content:space-between;
  gap:5px;
  margin-top:5px;
  color:#98A7B8;
  font-size:6.5px;
  white-space:nowrap;
}
.ru-market-meta time{color:#7890A8}
.ru-market-trend{
  width:15px;height:15px;
  flex:0 0 15px;
  display:grid;place-items:center;
  border-radius:5px;
  font-size:9px;
  line-height:1;
  font-weight:900;
}
.ru-market-trend.up{color:#128B58;background:#E8F8F1}
.ru-market-trend.down{color:#C14C4C;background:#FFF0F0}
.ru-market-trend.flat{color:#71849B;background:#EFF4F8}

.ru-market-chip[data-state="offline"] .ru-live-dot{
  background:#AAB6C4;
  box-shadow:0 0 0 3px rgba(170,182,196,.10);
}
.ru-market-chip[data-state="offline"] .ru-live-dot:after{display:none}
.ru-market-chip[data-state="loading"] .ru-live-dot{
  background:#F0A43C;
  box-shadow:0 0 0 3px rgba(240,164,60,.11);
}

/* Green dot means provider data is available, not tick-by-tick realtime. */
.ru-market-chip.live .ru-live-dot{
  width:7px;height:7px;flex:0 0 7px;
}
body.ru-dark .ru-marketbar{
  background:rgba(9,20,36,.86);
  border-color:#1D324A;
}
body.ru-dark .ru-market-chip{
  background:#0D1D31;
  border-color:#1C324B;
}
body.ru-dark .ru-market-chip:hover{background:#10233B;border-color:#29435E}
body.ru-dark .ru-market-label{color:#8DA5BE}
body.ru-dark .ru-market-value b{color:#EDF5FD}
body.ru-dark .ru-market-meta{color:#68839E}
body.ru-dark .ru-market-trend.up{background:#103729;color:#63D5A0}
body.ru-dark .ru-market-trend.down{background:#3B1D23;color:#F19B9B}
body.ru-dark .ru-market-trend.flat{background:#172A3F;color:#A3B6C9}

@media(max-width:1080px){
  .ru-marketbar{grid-template-columns:125px minmax(0,1fr)}
  .ru-marketbar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ru-market-chip:nth-child(1),
  .ru-market-chip:nth-child(2),
  .ru-market-chip:nth-child(3){display:none}
}
@media(max-width:760px){
  .ru-marketbar-shell{margin:8px 10px 0}
  .ru-marketbar{display:block;padding:7px;border-radius:15px;overflow:hidden}
  .ru-marketbar-title{display:none}
  .ru-marketbar-grid{
    display:flex;
    overflow:auto;
    gap:7px;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .ru-marketbar-grid::-webkit-scrollbar{display:none}
  .ru-market-chip{
    flex:0 0 138px;
    padding:9px 10px;
  }
  .ru-market-chip:nth-child(1),
  .ru-market-chip:nth-child(2),
  .ru-market-chip:nth-child(3){display:block}
}


/* =========================================================
   RAKAM USTASI V13.3.8 — USER-FIRST HOMEPAGE + DARK MODE
   ========================================================= */

/* Compact hero: first-screen value, not a billboard */
.ru-home-hero{
  min-height:400px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  gap:30px!important;
  padding:clamp(30px,4vw,48px)!important;
  margin-top:14px!important;
  border-radius:28px!important;
}
.ru-home-hero h1{
  font-size:clamp(44px,4.6vw,62px)!important;
  max-width:11ch!important;
  margin:13px 0 13px!important;
}
.ru-home-hero p{
  font-size:13px!important;
  line-height:1.68!important;
  max-width:54ch!important;
}
.ru-home-actions{margin-top:20px!important}
.ru-home-proof{margin-top:20px!important}
.ru-home-dashboard{padding:15px!important}
.ru-dash-top strong{font-size:20px!important}
.ru-dash-kpi{margin-top:11px!important;padding:13px!important}
.ru-dash-kpi-main strong{font-size:34px!important}
.ru-dash-ring{width:62px!important;height:62px!important;flex-basis:62px!important}
.ru-dash-chart{margin-top:9px!important;padding:11px!important}
.ru-dash-chart svg{height:78px!important}
.ru-dash-mini{margin-top:8px!important}
.ru-dash-mini article{padding:9px!important}

/* Tools are now the first action after the hero */
.ru-fast-access{
  margin-top:18px;
  padding:0 2px;
}
.ru-fast-access-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:8px 2px 12px;
}
.ru-fast-access-head h2{
  margin:5px 0 4px;
  color:#17365F;
  font-family:var(--ru-font-display);
  font-size:clamp(23px,2.6vw,32px);
  line-height:1.05;
  letter-spacing:-.035em;
}
.ru-fast-access-head p{margin:0;color:#74879D;font-size:10px}
.ru-fast-kicker{font-size:8px;font-weight:900;letter-spacing:.13em;color:#2876CD}
.ru-fast-access-head>a{
  flex:0 0 auto;
  color:#1768DA;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
.ru-fast-access + .v92-section{
  margin-top:0!important;
  padding:14px!important;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid #E3EBF4;
  box-shadow:0 14px 36px rgba(21,62,109,.055);
}
.ru-fast-access + .v92-section .ru-category-nav{margin-top:0!important;margin-bottom:11px!important}
.ru-fast-access + .v92-section .v92-toolgrid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.ru-fast-access + .v92-section .v92-tool{
  min-height:150px;
  padding:14px!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.ru-fast-access + .v92-section .v92-ticon{
  width:38px!important;height:38px!important;border-radius:11px!important;font-size:17px!important;
}
.ru-fast-access + .v92-section .v92-tool h3{font-size:12px!important;margin:10px 0 5px!important}
.ru-fast-access + .v92-section .v92-tool p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:9px!important;
}
.ru-fast-access + .v92-section .v92-tool .go{font-size:9px!important;margin-top:9px!important}

/* Reduce vertical bloat across the remainder */
.v92-section{margin-top:clamp(32px,4vw,52px)!important}
.ru-trust-row{margin:14px 0!important}
.v92-benefits{margin-top:12px!important}
.v92-statsbox{margin-top:14px!important}
.ru-story-grid{margin-top:12px!important}

/* Public bottom should not leave an empty admin column */
.v92-bottom.public-only{grid-template-columns:1fr!important}
.v92-bottom.public-only .v92-panel{width:100%}

/* Dark-mode baseline: readable text everywhere */
body.ru-dark,
body.ru-dark main,
body.ru-dark .v92-shell{color:#EAF3FF!important}
body.ru-dark h1,
body.ru-dark h2,
body.ru-dark h3,
body.ru-dark h4,
body.ru-dark strong,
body.ru-dark b{color:#F2F7FD}
body.ru-dark p,
body.ru-dark li,
body.ru-dark .muted{color:#9FB2C7!important}
body.ru-dark a{color:#9FCBFF}
body.ru-dark .ru-fast-access-head h2{color:#F1F7FE}
body.ru-dark .ru-fast-access-head p{color:#8FA5BD}
body.ru-dark .ru-fast-kicker{color:#78B9FF}
body.ru-dark .ru-fast-access + .v92-section{
  background:#0B1728;
  border-color:#1B3049;
  box-shadow:none;
}
body.ru-dark .v92-stat,
body.ru-dark .v92-benefit,
body.ru-dark .v92-livecard,
body.ru-dark .v92-tool,
body.ru-dark .v92-panel,
body.ru-dark .ru-story-main,
body.ru-dark .ru-story-side,
body.ru-dark .ru-editorial-feature,
body.ru-dark .ru-editorial-stack article,
body.ru-dark .ru-faq details{
  background:#0D1A2D!important;
  border-color:#1D334D!important;
  color:#EAF3FF!important;
}
body.ru-dark .v92-stat small,
body.ru-dark .v92-status,
body.ru-dark .v92-benefit span,
body.ru-dark .v92-src,
body.ru-dark .ru-story-copy,
body.ru-dark .ru-story-list p,
body.ru-dark .ru-editorial-feature p,
body.ru-dark .ru-editorial-stack p,
body.ru-dark .ru-faq p{color:#91A7C0!important}
body.ru-dark .v92-stat strong,
body.ru-dark .v92-benefit b,
body.ru-dark .v92-livecard strong,
body.ru-dark .v92-tool h3,
body.ru-dark .v92-panel h3,
body.ru-dark .ru-story-title,
body.ru-dark .ru-story-list h3,
body.ru-dark .ru-editorial-feature h3,
body.ru-dark .ru-editorial-stack h3,
body.ru-dark .ru-faq summary{color:#F1F7FD!important}
body.ru-dark .ru-category-nav a{
  background:#0A1628!important;
  border-color:#21374F!important;
  color:#AAC0D7!important;
}
body.ru-dark .ru-category-nav a.active,
body.ru-dark .ru-category-nav a:hover{
  background:#1768DA!important;color:#fff!important
}

/* Footer dark mode stays legible */
body.ru-dark .v92-footer{background:#040D18!important}
body.ru-dark .v92-footer h3{color:#F2F7FD!important}
body.ru-dark .v92-footer p,
body.ru-dark .v92-footer a{color:#9CB1C8!important}

/* Responsive user-first flow */
@media(max-width:980px){
  .ru-home-hero{grid-template-columns:1fr!important;min-height:auto!important}
  .ru-home-dashboard{display:none!important}
  .ru-home-hero h1{max-width:13ch!important}
  .ru-fast-access + .v92-section .v92-toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .ru-home-hero{padding:25px 20px!important;border-radius:23px!important}
  .ru-home-hero h1{font-size:clamp(38px,11vw,49px)!important}
  .ru-home-proof{display:none!important}
  .ru-fast-access-head{align-items:flex-start}
  .ru-fast-access-head>a{margin-top:5px}
  .ru-fast-access + .v92-section{padding:10px!important;border-radius:18px}
  .ru-fast-access + .v92-section .v92-toolgrid{grid-template-columns:1fr 1fr!important}
  .ru-fast-access + .v92-section .v92-tool{min-height:142px}
}
@media(max-width:430px){
  .ru-fast-access + .v92-section .v92-toolgrid{grid-template-columns:1fr!important}
  .ru-fast-access + .v92-section .v92-tool{min-height:auto}
}


/* =========================================================
   RAKAM USTASI V13.3.9 — MOBILE-FIRST REBUILD
   ========================================================= */

/* tighter page rhythm */
.v92-shell{padding-top:12px!important}
.v92-section{margin-top:clamp(26px,3vw,40px)!important}
.v92-head h2{max-width:15ch}
.v92-head p{font-size:12px;line-height:1.65}

/* Header: better on phone, cleaner on desktop */
.ru-luxe-header{
  min-height:72px!important;
  padding:10px 12px!important;
  gap:12px!important;
}
.ru-luxe-brand{
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  max-width:220px;
}
.ru-luxe-brand-text strong{font-size:19px!important}
.ru-luxe-nav{
  flex:1 1 auto!important;
  justify-content:flex-start!important;
  overflow:auto;
  scrollbar-width:none;
}
.ru-luxe-nav::-webkit-scrollbar{display:none}
.ru-luxe-nav a{
  flex:0 0 auto;
  padding:10px 13px!important;
}
.ru-luxe-search{flex:0 0 192px!important}

/* Hero: smaller, more mobile-first */
.ru-home-hero{
  min-height:auto!important;
  grid-template-columns:minmax(0,1fr) minmax(285px,.84fr)!important;
  gap:22px!important;
  margin-top:12px!important;
  padding:24px!important;
  border-radius:24px!important;
}
.ru-home-hero-copy{max-width:560px!important}
.ru-home-eyebrow{font-size:9px!important;letter-spacing:.12em!important}
.ru-home-hero h1{
  font-size:clamp(34px,4vw,50px)!important;
  max-width:9.5ch!important;
  margin:10px 0 10px!important;
}
.ru-home-hero p{font-size:12px!important;line-height:1.65!important;max-width:48ch!important}
.ru-home-actions{margin-top:16px!important;gap:9px!important}
.ru-home-btn{min-height:44px!important;padding:0 14px!important;font-size:11px!important}
.ru-home-proof{margin-top:16px!important;gap:12px!important}
.ru-home-proof b{font-size:13px!important}
.ru-home-proof span{font-size:7px!important}
.ru-home-dashboard{
  max-width:390px;
  justify-self:end;
  padding:12px!important;
  border-radius:20px!important;
}
.ru-dash-top strong{font-size:17px!important}
.ru-dash-live{font-size:7px!important;padding:6px 8px!important}
.ru-dash-kpi{margin-top:9px!important;padding:12px!important;border-radius:15px!important}
.ru-dash-kpi-main strong{font-size:29px!important}
.ru-dash-ring{width:58px!important;height:58px!important;flex-basis:58px!important}
.ru-dash-chart{padding:10px!important}
.ru-dash-chart svg{height:70px!important}
.ru-dash-mini{gap:6px!important}
.ru-dash-mini article{padding:8px!important}
.ru-home-shortcuts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.ru-home-shortcuts a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  color:#EAF5FF;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}
.ru-home-shortcuts a:hover{background:rgba(255,255,255,.14)}
body.ru-dark .ru-home-shortcuts a{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}

/* Quick tools should appear sooner and breathe better */
.ru-fast-access{margin-top:14px!important}
.ru-fast-access-head{padding:4px 2px 10px!important}
.ru-fast-access-head h2{font-size:clamp(20px,2.4vw,28px)!important}
.ru-fast-access + .v92-section{padding:12px!important;border-radius:20px!important}
.ru-fast-access + .v92-section .ru-category-nav{
  display:flex;
  gap:8px;
  flex-wrap:nowrap;
  overflow:auto;
  scrollbar-width:none;
  padding-bottom:2px;
}
.ru-fast-access + .v92-section .ru-category-nav::-webkit-scrollbar{display:none}
.ru-fast-access + .v92-section .ru-category-nav a{flex:0 0 auto}
.ru-fast-access + .v92-section .v92-toolgrid{gap:10px!important}
.ru-fast-access + .v92-section .v92-tool{
  min-height:138px!important;
  padding:13px!important;
  border-radius:15px!important;
}
.ru-fast-access + .v92-section .v92-tool h3{font-size:12px!important;line-height:1.25!important}
.ru-fast-access + .v92-section .v92-tool p{font-size:9px!important;line-height:1.55!important}

/* Financial cards more usable */
.v92-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.v92-stat{min-height:150px!important;padding:17px!important}
.v92-livegrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.v92-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.v92-benefit{padding:15px!important}

/* Page ending clean, no homepage admin teaser */
.v92-bottom,
.v92-bottom.public-only{grid-template-columns:1fr!important;margin-top:26px!important}
.v92-bottom .v92-panel{padding:18px!important}
.v92-admin-preview{display:none!important}

/* Better mobile-first behavior */
@media(max-width:1080px){
  .ru-home-hero{grid-template-columns:1fr!important}
  .ru-home-dashboard{justify-self:start;max-width:100%}
  .v92-livegrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:940px){
  .ru-luxe-header{
    flex-wrap:wrap;
    align-items:center;
    border-radius:20px!important;
  }
  .ru-luxe-brand{max-width:none}
  .ru-luxe-search{display:none!important}
  .ru-luxe-nav{
    order:4;
    width:100%;
    flex:0 0 100%;
    padding:4px!important;
    border-radius:14px!important;
  }
  .ru-luxe-nav a{padding:10px 12px!important;font-size:11px!important}
}
@media(max-width:760px){
  .v92-shell{padding-inline:10px!important}
  .ru-luxe-header{
    top:8px!important;
    margin:8px 0 0!important;
    min-height:auto!important;
    padding:10px!important;
    gap:10px!important;
  }
  .ru-luxe-brand{padding:4px 2px!important;gap:9px!important}
  .ru-luxe-mark{width:36px!important;height:36px!important;flex-basis:36px!important}
  .ru-luxe-brand-text strong{font-size:17px!important}
  .ru-luxe-brand-text small{display:block!important;font-size:7px!important}
  .ru-luxe-nav a{font-size:10px!important;padding:10px 11px!important}
  .ru-luxe-actions{margin-left:auto}

  .ru-marketbar-shell{margin:8px 0 0!important}
  .ru-marketbar{padding:7px!important;border-radius:14px!important}

  .ru-home-hero{
    padding:20px!important;
    border-radius:20px!important;
    gap:16px!important;
  }
  .ru-home-hero h1{
    font-size:clamp(29px,9vw,40px)!important;
    max-width:8.8ch!important;
    line-height:.96!important;
  }
  .ru-home-hero p{font-size:11.5px!important;max-width:none!important}
  .ru-home-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .ru-home-btn{width:100%;min-height:42px!important;border-radius:12px!important}
  .ru-home-shortcuts{margin-top:12px;gap:7px}
  .ru-home-shortcuts a{min-height:32px;padding:0 10px;font-size:9px}
  .ru-home-proof{display:none!important}
  .ru-home-dashboard{display:none!important}

  .ru-fast-access-head{display:block!important}
  .ru-fast-access-head>a{display:inline-flex;margin-top:7px}
  .ru-fast-access + .v92-section .v92-toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .v92-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v92-livegrid,
  .v92-benefits,
  .v92-footer-grid{grid-template-columns:1fr!important}
  .v92-stat{min-height:auto!important}
}
@media(max-width:480px){
  .ru-luxe-brand-text small{display:none!important}
  .ru-luxe-brand-text strong{font-size:16px!important}
  .ru-home-actions{grid-template-columns:1fr!important}
  .ru-fast-access + .v92-section .v92-toolgrid{grid-template-columns:1fr!important}
  .v92-stats{grid-template-columns:1fr!important}
}

/* Dark mode last-mile fixes */
body.ru-dark .ru-luxe-icon{color:#E6F0FB!important}
body.ru-dark .ru-fast-access + .v92-section,
body.ru-dark .v92-panel,
body.ru-dark .v92-stat,
body.ru-dark .v92-livecard,
body.ru-dark .v92-benefit{box-shadow:none!important}
body.ru-dark .v92-head p,
body.ru-dark .v92-row small{color:#96A9BD!important}
body.ru-dark .v92-row{border-color:#183149!important}
body.ru-dark .v92-footer{border-top:1px solid rgba(255,255,255,.05)}