:root{--bg:#150d18;--bg2:#24152a;--panel:#211527;--panel2:#2b1a31;--gold:#caa354;--gold2:#f0d79b;--cream:#f7f0e5;--muted:#b9aeb9;--line:rgba(240,215,155,.16);--wine:#5a203f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#4b224d 0,transparent 28%),linear-gradient(180deg,#130c17,#1b1020 48%,#120b15);color:var(--cream);font:15px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.wrap{width:min(1240px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(18,10,22,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topin{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#fff}.brand .mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(202,163,84,.55);border-radius:50%;background:linear-gradient(145deg,#e1bd6a,#7b5120);color:#1b1020;font-weight:900}.brand b{display:block;letter-spacing:.12em}.brand small{display:block;color:var(--gold2);letter-spacing:.2em}.top nav{display:flex;gap:10px}.top nav a{color:#ddd0dc;text-decoration:none;padding:9px 13px;border-radius:999px}.top nav .kundli{background:linear-gradient(135deg,#e0bb68,#a87628);color:#1d1120;font-weight:800}.layout{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:32px 0 64px}.side{position:sticky;top:98px;align-self:start;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.side-title{font-size:11px;color:var(--gold2);letter-spacing:.18em;padding:7px 10px 12px}.side a{display:block;text-decoration:none;color:#c9bec9;padding:9px 10px;border-radius:11px;margin:2px 0}.side a:hover,.side a.active{background:linear-gradient(90deg,rgba(202,163,84,.18),rgba(90,32,63,.24));color:#fff;border:1px solid rgba(202,163,84,.18)}.hero,.card,.method,.cta{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 18px 60px rgba(0,0,0,.22);border-radius:22px}.hero{padding:34px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;top:-110px;background:radial-gradient(circle,rgba(202,163,84,.2),transparent 68%)}.eyebrow{color:var(--gold2);font-size:11px;letter-spacing:.18em;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,62px);line-height:1.04;margin:7px 0 15px;background:linear-gradient(90deg,#fff5df,#d4ae60);-webkit-background-clip:text;color:transparent}.hero p{max-width:880px;color:#d4c8d4;font-size:17px}.note{margin-top:22px;padding:14px 16px;border-left:3px solid var(--gold);background:rgba(202,163,84,.08);border-radius:8px;color:#e7dce5}.card{padding:25px;margin-top:20px}.card h2,.method h2,.cta h2{font-family:Georgia,serif;margin:0 0 16px;font-size:25px}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learn-item{display:flex;gap:10px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}.learn-item span{color:var(--gold)}.learn-item p{margin:0}.table{display:grid;gap:8px}.tr{display:grid;grid-template-columns:minmax(145px,.65fr) 1.2fr 1.3fr;gap:14px;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.tr:has(>div:nth-child(2):last-child){grid-template-columns:minmax(180px,.7fr) 1.8fr}.th{color:#f3d99c;font-weight:800}.muted{color:#afa2af}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.twocol ol,.twocol ul{margin:0;padding-left:22px}.twocol li{margin:9px 0;color:#d4c8d3}.method{margin-top:20px;padding:23px 25px;background:linear-gradient(135deg,rgba(90,32,63,.22),rgba(202,163,84,.06))}.method p{margin:0;color:#cfc2ce}.cta{margin-top:20px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{margin:5px 0 5px}.cta p{margin:0;color:#cbbfca}.cta a{white-space:nowrap;text-decoration:none;color:#1a0f1c;background:linear-gradient(135deg,#f0d79b,#b37c2e);padding:13px 18px;border-radius:12px;font-weight:900}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:static;display:flex;overflow:auto;gap:4px}.side-title{display:none}.side a{white-space:nowrap}.learn-grid,.twocol{grid-template-columns:1fr}.tr{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.top nav a:not(.kundli){display:none}}
/* =========================================================
   STUDY MODULE LIGHT ROYAL THEME
   ========================================================= */

:root{
  --bg:#FBF8F2;
  --bg2:#F7F0E7;
  --panel:#FFFFFF;
  --panel2:#FAF5EC;
  --gold:#C79A3B;
  --gold2:#A97A22;
  --cream:#2A222B;
  --muted:#746C73;
  --line:#E7DAC7;
  --wine:#6B2F52;
}

body{
  background:
    radial-gradient(circle at 75% -10%,#F1DEB7 0,transparent 28%),
    linear-gradient(180deg,#FFFDF9,#FBF8F2 48%,#F7F0E7);
  color:#29242B;
}

.top{
  background:rgba(255,255,255,.93);
  border-bottom-color:#E5D7C3;
  box-shadow:0 8px 24px rgba(70,45,30,.05);
}

.brand{color:#2E2630}
.brand .mark{
  background:linear-gradient(145deg,#F1D58F,#BE8A2D);
  color:#382A1A;
}

.brand small{color:#A97A22}

.top nav a{color:#655B63}

.side,
.hero,
.card,
.method,
.cta{
  background:#FFFFFF;
  border-color:#E7DAC7;
  box-shadow:0 14px 34px rgba(72,48,32,.07);
}

.side-title{color:#A97A22}

.side a{
  color:#665D64;
}

.side a:hover,
.side a.active{
  background:linear-gradient(90deg,#FFF6DF,#F9EFF4);
  color:#432F3F;
  border-color:#DCC17A;
}

.hero{
  background:
    radial-gradient(circle at 88% 5%,#E5C77C38,transparent 30%),
    linear-gradient(145deg,#FFFFFF,#F9F2E8);
}

.hero h1{
  background:linear-gradient(90deg,#513843,#A97A22 58%,#C79A3B);
  -webkit-background-clip:text;
  color:transparent;
}

.hero p,
.method p,
.cta p,
.twocol li{
  color:#746C73;
}

.note{
  background:#FFF7E6;
  color:#665648;
  border-left-color:#C79A3B;
}

.learn-item,
.tr{
  background:#FCFAF6;
  border-color:#E9DED0;
}

.th{color:#926719}
.muted{color:#81767D}

.method{
  background:linear-gradient(135deg,#FBF3E2,#FAF1F6);
}

.cta a{
  color:#382A1A;
  background:linear-gradient(135deg,#E8CB80,#BA842B);
}

