/* Gyanpith reference design (gyanpith_mobile_design_reference.html), ported 1:1.
   Every class from the reference is prefixed "r-" so it never clashes with the rest of the site. */
.rh, .r-header, .r-footer, .r-mobile-nav { --bg:#fcfaff;--white:#fff;--violet:#7652d6;--deep:#5535a5;--lav:#eee7ff;--pale:#f7f3ff;--ink:#241c35;--muted:#756d83;--line:#eae3f5;--green:#23865b;--shadow:0 10px 30px rgba(72,48,120,.08);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", 'Noto Sans Bengali', 'Noto Sans Devanagari', sans-serif; line-height: 1.5; color: var(--ink); }
:where(.rh, .r-header, .r-footer, .r-mobile-nav) a { text-decoration: none; color: inherit; }
:where(.rh, .r-header) :is(button, input) { font: inherit; }
:where(.rh, .r-footer) p { margin: 1em 0; }
:where(.rh) :is(h1, h2, h3) { font-family: inherit; font-weight: 700; margin: 1em 0; color: inherit; letter-spacing: normal; }
:where(.rh) h2 { margin: .83em 0; }
:where(.rh) section { display: block; }
body.has-appbar { padding-bottom: 0; }
.r-wrap{max-width:1120px;margin:auto;padding:0 22px}
.r-header{position:sticky;top:0;z-index:20;background:rgba(252,250,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.r-nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.r-brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:22px;letter-spacing:-.7px}
.r-logo{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#9c7af0,#5b3ab0);display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 6px 14px #7652d633}
.r-navlinks{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:14px;font-weight:600}
.r-navright{display:flex;align-items:center;gap:10px}
.r-lang,.r-login{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;color:var(--ink);font-weight:650}
.r-login{background:var(--violet);border-color:var(--violet);color:#fff}
.r-hero{padding:64px 0 44px;overflow:hidden}
.r-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center}
.r-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:30px;background:var(--lav);color:var(--deep);font-size:11px;font-weight:850;letter-spacing:1.2px}
.r-eyebrow i{width:7px;height:7px;background:var(--violet);border-radius:50%}
:where(.rh) h1{font-size:clamp(42px,5.5vw,66px);line-height:1.04;letter-spacing:-2.8px;margin:20px 0 17px;font-weight:850}
:where(.rh) h1 span{color:var(--violet)}
.r-lead{font-size:17px;color:var(--muted);max-width:530px;line-height:1.7}
.r-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.r-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:14px;font-weight:750;font-size:14px;border:1px solid transparent;cursor:pointer}
.r-primary{background:var(--violet);color:#fff;box-shadow:0 8px 18px #7652d633}
.r-secondary{background:#fff;color:var(--deep);border-color:var(--line)}
.r-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:12px;font-weight:650}
.r-trust span:before{content:"✓";color:var(--green);font-weight:900;margin-right:6px}
.r-art{min-height:345px;border-radius:32px;background:radial-gradient(circle at 75% 20%,#fff 0 9%,transparent 10%),linear-gradient(145deg,#f1eaff,#e6dcff 60%,#d9caff);position:relative;display:grid;place-items:center;overflow:hidden}
.r-art:before,.r-art:after{content:"";position:absolute;border-radius:50%;border:1px solid #fff9}
.r-art:before{width:300px;height:300px}
.r-art:after{width:390px;height:390px}
.r-book{position:relative;z-index:2;width:185px;height:220px;background:#fff;border-radius:17px 22px 22px 17px;box-shadow:16px 18px 35px #53359a33;transform:rotate(-8deg);padding:23px 18px}
.r-book:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:3px;background:#e5dcf8}
.r-book .r-mini{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--violet)}
.r-book h3{font-size:24px;line-height:1.05;margin:15px 0 10px}
.r-book p{font-size:10px;color:var(--muted)}
.r-book .r-lines{height:5px;background:#eee8f8;border-radius:9px;margin-top:9px;width:90%}
.r-book .r-lines:nth-last-child(1){width:60%}
.r-float{position:absolute;z-index:3;background:#fff;border:1px solid #fff;border-radius:16px;padding:12px 15px;box-shadow:var(--shadow);font-size:12px;font-weight:750}
.r-float b{display:block;color:var(--violet);font-size:18px}
.r-f1{top:52px;left:25px}
.r-f2{right:22px;bottom:52px}
.r-spark{position:absolute;color:#fff;font-size:28px}
.r-s1{top:40px;right:70px}
.r-s2{bottom:35px;left:75px}
:where(.rh) section{padding:38px 0}
.r-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}
.r-kicker{color:var(--violet);font-size:11px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}
:where(.rh) h2{font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-1px;margin:6px 0 0}
.r-sub{color:var(--muted);font-size:14px;margin:7px 0 0}
.r-textlink{color:var(--violet);font-size:13px;font-weight:800;white-space:nowrap}
.r-searchbox{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:9px 12px 9px 17px;box-shadow:var(--shadow)}
.r-searchbox .r-glass{font-size:20px;color:var(--violet)}
.r-searchbox input{border:0;outline:0;flex:1;min-width:0;color:var(--ink);padding:8px 0}
.r-searchbox button{border:0;background:var(--violet);color:#fff;border-radius:11px;padding:10px 17px;font-weight:750}
.r-chips{display:flex;gap:8px;overflow:auto;padding:13px 0 3px;scrollbar-width:none}
.r-chips::-webkit-scrollbar{display:none}
.r-chip{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:30px;padding:7px 12px;font-size:12px;font-weight:650}
.r-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.r-category{background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px;transition:.2s;min-height:155px}
.r-category:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d6c7f6}
.r-cat-icon{width:43px;height:43px;border-radius:14px;background:var(--pale);display:grid;place-items:center;font-size:22px;margin-bottom:15px}
.r-category h3{font-size:15px;margin:0 0 4px}
.r-category p{font-size:12px;color:var(--muted);margin:0}
.r-classrow{display:flex;gap:8px;overflow:auto;padding:18px 0 2px;scrollbar-width:none}
.r-classrow a{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 13px;color:var(--muted);font-size:12px;font-weight:750}
.r-classrow a.r-active{background:var(--violet);color:#fff;border-color:var(--violet)}
.r-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.r-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;display:flex;align-items:center;gap:13px}
.r-stat-icon{width:43px;height:43px;flex:0 0 43px;border-radius:14px;background:var(--pale);display:grid;place-items:center;font-size:20px}
.r-stat strong{display:block;font-size:15px}
.r-stat small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.r-ai{background:linear-gradient(120deg,#5e3ab5,#8060d9 62%,#a28be9);border-radius:27px;padding:30px;color:#fff;display:grid;grid-template-columns:1fr .85fr;gap:22px;align-items:center;overflow:hidden;position:relative}
.r-ai:after{content:"✦";position:absolute;font-size:180px;color:#ffffff12;right:12%;top:-65px}
.r-ai .r-kicker{color:#e8ddff}
.r-ai h2{font-size:32px;margin:8px 0}
.r-ai p{color:#eee8ff;max-width:480px;font-size:14px}
.r-ai .r-btn{background:#fff;color:var(--deep);position:relative;z-index:1}
.r-ai-box{position:relative;z-index:1;background:#ffffff20;border:1px solid #ffffff55;border-radius:18px;padding:16px;backdrop-filter:blur(8px)}
.r-ai-box label{font-size:12px;font-weight:750}
.r-ai-input{margin-top:10px;background:#fff;border-radius:12px;padding:12px;color:#958ba8;font-size:12px}
.r-ai-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.r-ai-tags span{border:1px solid #ffffff55;border-radius:20px;padding:5px 9px;font-size:10px}
.r-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.r-resource{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;gap:13px;align-items:center}
.r-resource .r-ico{width:42px;height:42px;border-radius:13px;background:var(--pale);display:grid;place-items:center;font-size:20px;flex:0 0 42px}
.r-resource h3{font-size:13px;margin:0 0 3px}
.r-resource p{font-size:11px;color:var(--muted);margin:0}
.r-gyandoot{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.r-service{border-radius:18px;background:#fff;border:1px solid var(--line);padding:20px}
.r-service .r-emoji{font-size:25px}
.r-service h3{font-size:15px;margin:12px 0 4px}
.r-service p{font-size:12px;color:var(--muted);margin:0}
.r-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.r-plan{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;position:relative}
.r-plan.r-featured{border:2px solid var(--violet);box-shadow:var(--shadow)}
.r-badge{position:absolute;right:15px;top:15px;background:var(--lav);color:var(--deep);font-size:10px;font-weight:850;border-radius:20px;padding:5px 9px}
.r-plan h3{font-size:16px;margin:0}
.r-price{font-size:31px;font-weight:850;letter-spacing:-1px;margin:13px 0 2px}
.r-price small{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:0}
.r-plan p{font-size:12px;color:var(--muted)}
.r-plan ul{padding:0;list-style:none;margin:17px 0}
.r-plan li{font-size:12px;margin:10px 0;color:#51485f}
.r-plan li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}
.r-plan .r-btn{width:100%}
.r-footer{margin-top:42px;border-top:1px solid var(--line);padding:30px 0 95px;background:#fff}
.r-foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.r-foot p{color:var(--muted);font-size:12px;max-width:320px}
.r-footlinks{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:650}
.r-copyright{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;color:var(--muted);font-size:11px}
.r-mobile-nav{display:none}
@media(max-width:800px){
.r-wrap{padding:0 18px}
.r-navlinks{display:none}
.r-hero{padding:37px 0 26px}
.r-hero-grid{grid-template-columns:1fr;gap:25px}
.r-hero-copy{text-align:left}
.r-art{min-height:280px;max-width:560px;width:100%;margin:auto}
.r-grid4{grid-template-columns:repeat(2,1fr)}
.r-resources{grid-template-columns:repeat(2,1fr)}
.r-ai{grid-template-columns:1fr}
.r-ai-box{max-width:520px}
.r-section-head{align-items:center}
.r-mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}
.r-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:10px;font-weight:700;min-width:54px}
.r-mobile-nav .r-navico{font-size:19px;line-height:1.2}
.r-mobile-nav a.r-active{color:var(--violet)}
.r-mobile-nav a.r-active .r-navico{background:var(--lav);border-radius:10px;padding:4px 12px}
.r-stats{grid-template-columns:1fr}
.r-pricing{grid-template-columns:1fr}
.r-plan{padding:20px}
.r-foot{display:block}
}

@media(max-width:480px){
.r-nav{height:62px}
.r-brand{font-size:19px}
.r-logo{width:34px;height:34px}
.r-lang{padding:8px 10px;font-size:12px}
.r-login{padding:8px 11px;font-size:12px}
.r-hero h1{font-size:43px;letter-spacing:-1.9px}
.r-lead{font-size:14px}
.r-actions .r-btn{flex:1;padding:12px 10px;font-size:12px}
.r-trust{gap:10px;font-size:10px}
.r-art{min-height:245px;border-radius:24px}
.r-book{transform:scale(.86) rotate(-8deg)}
.r-f1{top:27px;left:14px}
.r-f2{right:12px;bottom:28px}
.r-section-head{margin-bottom:15px}
:where(.rh) h2{font-size:25px}
.r-sub{font-size:12px}
.r-searchbox{padding:7px 8px 7px 13px}
.r-searchbox input{font-size:12px}
.r-searchbox button{padding:9px 11px;font-size:12px}
.r-category{padding:15px;min-height:143px}
.r-category h3{font-size:13px}
.r-category p{font-size:11px}
.r-resources{grid-template-columns:1fr}
.r-resource{padding:14px}
.r-gyandoot{grid-template-columns:1fr}
.r-ai{padding:23px;border-radius:22px}
.r-ai h2{font-size:27px}
.r-ai p{font-size:12px}
}


/* Additions needed to wire the reference to the real site (links instead of buttons, real logo, language menu) */
img.r-logo { object-fit: cover; padding: 0; background: none; }
.r-classrow a, .r-service, .r-ai-box { display: block; }
.r-ai-box { color: #fff; }
.r-ai-box label { cursor: pointer; display: block; }
.r-chip:hover, .r-classrow a:hover { border-color: #d6c7f6; color: var(--deep); }
.r-classrow a.r-active:hover { color: #fff; }
.r-service, .r-resource, .r-stat { transition: .2s; }
.r-service:hover, .r-resource:hover, .r-stat:hover { transform: translateY(-3px); box-shadow: var(--shadow); border-color: #d6c7f6; }
.r-navlinks a:hover { color: var(--ink); }
.r-searchbox button { cursor: pointer; }
.r-langdd { position: relative; }
.r-langdd summary { list-style: none; cursor: pointer; }
.r-langdd summary::-webkit-details-marker { display: none; }
.r-langmenu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; min-width: 140px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); padding: 6px; display: grid; gap: 2px; }
.r-langmenu a { padding: 9px 12px; border-radius: 10px; font-weight: 650; font-size: 14px; color: var(--ink); }
.r-langmenu a:hover, .r-langmenu a.on { background: var(--pale); color: var(--deep); }
.r-footer { margin-top: 42px; }
.r-footlinks a:hover { color: var(--violet); }
.r-mobile-nav a { text-decoration: none; }
/* Get-the-app popup (phones) and Google Play badge (footer) */
.r-apppop { --violet:#7652d6;--deep:#5535a5;--lav:#eee7ff;--ink:#241c35;--muted:#756d83;--line:#eae3f5;
  position: fixed; left: 12px; right: 12px; bottom: calc(76px + env(safe-area-inset-bottom)); z-index: 60; display: flex; gap: 14px; align-items: flex-start;
  background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 16px; box-shadow: 0 18px 50px rgba(72, 48, 120, .22);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: var(--ink); line-height: 1.45; transform: translateY(24px); opacity: 0; transition: transform .25s ease, opacity .25s ease; }
.r-apppop.r-on { transform: none; opacity: 1; }
.r-apppop[hidden] { display: none; }
.r-apppop-logo { width: 52px; height: 52px; border-radius: 15px; flex: none; }
.r-apppop-body { min-width: 0; flex: 1; }
.r-apppop b { display: block; font-size: 16px; font-weight: 800; letter-spacing: -.2px; }
.r-apppop p { margin: 4px 0 12px; font-size: 13px; color: var(--muted); }
.r-apppop-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.r-apppop .r-btn { padding: 10px 14px; font-size: 13px; text-decoration: none; }
.r-apppop .r-btn[hidden] { display: none; }
@media (min-width: 801px) { .r-apppop { left: auto; right: 24px; bottom: 24px; max-width: 380px; } }
.r-getapp { margin-top: 18px; }
.r-playbadge { display: inline-flex; align-items: center; gap: 10px; background: #111; color: #fff !important; border-radius: 10px; padding: 7px 14px 7px 12px; line-height: 1.1; font-weight: 700; font-size: 16px; }
.r-playbadge small { display: block; font-size: 9px; font-weight: 600; letter-spacing: .6px; opacity: .85; }
.r-playico { font-size: 18px; color: #34d399; }
.r-playbadge:hover { background: #2a2a2a; }