
/* Malayalam Sunday School lessons - landing page */
.lp-hero{position:relative;overflow:hidden;border-radius:24px;padding:3.2rem 2.2rem 2.6rem;color:#fff;text-align:center;
  background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.18),transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,193,7,.28),transparent 45%),linear-gradient(135deg,#1b2a4e 0%,#5b2a86 52%,#dc3545 100%);
  box-shadow:0 18px 50px rgba(27,42,78,.30);margin-bottom:2.2rem}
.lp-hero:before,.lp-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}
.lp-hero:before{width:260px;height:260px;left:-80px;bottom:-110px}
.lp-hero:after{width:180px;height:180px;right:-50px;top:-60px}
.lp-hero>*{position:relative;z-index:1}
.lp-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:50px;background:rgba(255,255,255,.16);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.lp-hero h1{font-family:"Ubuntu",sans-serif;font-weight:700;font-size:clamp(1.9rem,4.5vw,3rem);margin:.9rem 0 .6rem;color:#fff;line-height:1.15}
.lp-hero h1 span{color:#ffd166}
.lp-hero p.lead{max-width:680px;margin:0 auto 1.6rem;font-size:1.05rem;opacity:.93}
.lp-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem;margin-bottom:1.7rem}
.lp-stat{min-width:120px;padding:.8rem 1.1rem;border-radius:16px;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22)}
.lp-stat b{display:block;font-family:"Ubuntu",sans-serif;font-size:1.7rem;line-height:1.1}
.lp-stat small{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;opacity:.85}
.lp-search{position:relative;max-width:520px;margin:0 auto}
.lp-search i{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:#8a96a1;font-size:1.05rem}
.lp-search input{width:100%;border:0;border-radius:50px;padding:.95rem 1.2rem .95rem 2.9rem;font-size:1rem;box-shadow:0 8px 24px rgba(0,0,0,.22);outline:none;color:#2b3440}
.lp-search input:focus{box-shadow:0 8px 24px rgba(0,0,0,.22),0 0 0 4px rgba(255,209,102,.55)}
.lp-features{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2.6rem}
.lp-feature{background:#fff;border-radius:18px;padding:1.2rem 1rem;text-align:center;box-shadow:0 6px 22px rgba(78,93,107,.10);border-bottom:4px solid var(--c);transition:.25s}
.lp-feature:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(78,93,107,.18)}
.lp-feature i{display:inline-flex;width:52px;height:52px;border-radius:50%;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:var(--c);margin-bottom:.6rem}
.lp-feature h3{font-size:.98rem;font-weight:700;margin:0 0 .15rem}
.lp-feature p{font-size:.8rem;margin:0;color:#6b7785}
.lp-section-title{text-align:center;margin-bottom:1.6rem}
.lp-section-title h2{font-family:"Ubuntu",sans-serif;font-weight:700;font-size:1.7rem;margin:0}
.lp-section-title h2:after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:.6rem auto 0;background:linear-gradient(90deg,#5b2a86,#dc3545)}
.lp-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.7rem;align-items:start}
.lp-book{position:relative;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(78,93,107,.14);transition:.3s;display:flex;flex-direction:column}
.lp-book:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(78,93,107,.24)}
.lp-cover{position:relative;overflow:hidden;color:#fff;padding:1.5rem 1.5rem 1.3rem;background:linear-gradient(135deg,var(--a),var(--b));min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}
.lp-cover .big{position:absolute;right:-6px;top:-22px;font-family:"Ubuntu",sans-serif;font-weight:700;font-size:8.5rem;line-height:1;color:rgba(255,255,255,.17)}
.lp-cover .ico{position:absolute;left:1.3rem;top:1.15rem;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.lp-cover small{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;opacity:.9;font-weight:600}
.lp-cover h3{font-family:"Ubuntu",sans-serif;font-size:1.35rem;margin:.15rem 0 0;color:#fff;line-height:1.25}
.lp-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.3rem;border-bottom:1px solid #eef1f4}
.lp-pill{font-size:.78rem;font-weight:700;padding:.28rem .75rem;border-radius:50px;background:color-mix(in srgb,var(--a),#fff 88%);color:var(--a)}
.lp-pill.soon{background:#eef1f4;color:#7b8794}
.lp-start{font-size:.85rem;font-weight:700;color:var(--a);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}
.lp-start:hover{color:var(--b)}
.lp-book details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.3rem;font-weight:600;font-size:.92rem;color:#3b4654;user-select:none}
.lp-book details summary::-webkit-details-marker{display:none}
.lp-book details summary i{transition:.25s;color:var(--a)}
.lp-book details[open] summary i{transform:rotate(180deg)}
.lp-book details summary:hover{background:#f7f8fa}
.lp-list{list-style:none;margin:0;padding:0 0 .7rem;max-height:420px;overflow:auto}
.lp-list li a,.lp-list li div{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.3rem;color:#3b4654;text-decoration:none;font-size:.9rem;transition:.18s}
.lp-list li a:hover{background:color-mix(in srgb,var(--a),#fff 91%);color:var(--a);padding-left:1.6rem}
.lp-list .n{flex:0 0 auto;width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;font-weight:700;font-size:.72rem}
.lp-list .soon{opacity:.5}
.lp-list .soon .n{background:#aab4be}
.lp-list .tag{margin-left:auto;font-size:.66rem;font-weight:700;text-transform:uppercase;color:#8a96a1}
.lp-list li.hide{display:none}
.lp-comingsoon{padding:1.1rem 1.3rem 1.4rem;color:#7b8794;font-size:.9rem;display:flex;align-items:center;gap:.5rem}
.lp-noresult{text-align:center;color:#7b8794;padding:1.5rem;display:none}
@media (max-width:991px){.lp-features{grid-template-columns:repeat(2,1fr)}.lp-books{grid-template-columns:1fr}.lp-hero{padding:2.4rem 1.2rem 2rem;border-radius:18px}}
