/* Learncora home: dark landing theme (index.html and reset-password.html) */
body.auth-page{min-height:100vh;color:#fff;font-family:"Inter",system-ui,sans-serif;background:radial-gradient(700px 420px at 14% 14%,#14409f 0%,transparent 60%),linear-gradient(160deg,#07164f 0%,#0a2478 55%,#0b2d92 100%);background-attachment:fixed;overflow-x:hidden}
.page{max-width:1240px;margin:0 auto;padding:36px 48px 48px;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"intro card" "hero card";grid-template-rows:auto 1fr;column-gap:64px;align-content:center;align-items:start}
.brand{font-weight:800;font-size:1.6rem;letter-spacing:-.01em}
.intro h1{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:800;line-height:1.12;margin:40px 0 18px;max-width:13em;letter-spacing:-.02em}
.hl{color:#2f7bff}
.lead{color:#a9bde9;font-size:1rem;max-width:34em;margin:0 0 30px;line-height:1.6}
.features{list-style:none;display:flex;gap:34px;padding:0;margin:0 0 24px;flex-wrap:wrap}
.features li{display:grid;gap:10px;font-weight:600;font-size:.85rem;max-width:8.5em;color:#e6eeff;line-height:1.35}
.ficon{width:46px;height:46px;border-radius:12px;background:#0c2a7a;border:1px solid #1d3f9e;display:grid;place-items:center;color:#4d8dff}
.ficon .i{width:21px;height:21px}
.hero-wrap{grid-area:hero;align-self:end}
.hero{display:block;width:100%;max-width:520px;height:auto}
.card{grid-area:card;align-self:center}
.features li{justify-items:center;text-align:center}
@media(max-width:900px){
  .page{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "card";grid-template-rows:auto;padding:34px 16px 40px;row-gap:46px;min-height:0;align-content:start}
  .intro{text-align:center;display:grid;justify-items:center}
  .brand{font-size:2.1rem}
  .intro h1{margin:34px 0 20px;font-size:clamp(2rem,9vw,2.7rem);max-width:9.5em}
  .lead{margin:0 auto 34px;font-size:1.05rem;max-width:22em}
  .features{justify-content:center;gap:34px 38px;margin:0;max-width:21em}
  .features li{max-width:none;width:9em;font-size:1rem;gap:14px}
  .features li:last-child{margin:0 auto}
  .ficon{width:56px;height:56px;border-radius:15px}.ficon .i{width:25px;height:25px}
  .hero-wrap{display:none}
}