/* Shared LongRao Learning pages; vocabulary learning keeps its own identity. */
.platform-auth-brand{display:grid;justify-items:center;gap:5px;margin-bottom:22px;text-decoration:none;font-size:1.25rem;font-weight:700;color:var(--primary)}
.platform-auth-brand .auth-logo{margin-bottom:0}
.platform-page .container{margin-top:28px}
.platform-hero{padding:42px;background:linear-gradient(125deg,#fff9eb 0%,#fffafd 50%,#eee7fb 100%);overflow:hidden}
.platform-hero h1{margin:24px 0 20px;font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.45;overflow-wrap:anywhere}
.platform-hero .lead{max-width:640px;margin-bottom:0}
.platform-hero .hero-logo{width:180px;height:180px;margin:0 15px}
.platform-member-hero h1{font-size:clamp(1.8rem,4vw,2.65rem)}
.platform-member-hero .hero-logo{width:125px;height:125px}
.platform-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:36px 0 18px}
.platform-section-heading h2,.platform-section-heading p{margin-bottom:0}
.platform-section-heading .eyebrow{margin-bottom:8px}
.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}
.subject-card{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.subject-card-vocabulary{background:linear-gradient(155deg,#f0fbf3,#fff 70%);border-color:#cbe7d5}
.subject-card-grammar{background:linear-gradient(155deg,#f0eaff,#fff 70%)}
.subject-card-chemistry{background:linear-gradient(155deg,#e9f4ff,#fff 70%)}
.subject-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.subject-mark{display:grid;place-items:center;min-width:64px;height:64px;padding:0 10px;border-radius:19px;background:#def0e4;color:#416a51;font-size:1.7rem;font-weight:700;white-space:nowrap}
.subject-card-grammar .subject-mark{background:#e9dff7;color:var(--primary);font-size:1.2rem}
.subject-card-chemistry .subject-mark{background:#dbeefa;color:var(--blue)}
.subject-status{font-size:.8rem;color:var(--muted);background:rgba(255,255,255,.82);padding:5px 10px;border-radius:999px;white-space:nowrap;border:1px solid var(--border)}
.subject-status-active{color:var(--correct);border-color:var(--correct-border)}
.subject-card h3{font-size:1.25rem;margin-bottom:6px}
.subject-product{font-size:.82rem;color:var(--primary);margin-bottom:10px}
.subject-description{font-size:.93rem;margin-bottom:24px;flex:1}
.subject-card .button{width:100%;font-size:.9rem;min-height:54px;text-align:center}
.subject-card-soon .button:disabled{opacity:1;color:#817888;background:#f4f1f7;border-color:#e2dbe9;cursor:not-allowed;transform:none}
.platform-access-note{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(125deg,#fff9ec,#fff5fa)}
.platform-access-note>div{flex:1}
.platform-access-note p:last-child{margin-bottom:0}
.platform-access-note>.button{flex-shrink:0}
.platform-footer{color:var(--muted);font-size:.85rem;text-align:center;margin:30px 0}
.platform-footer a{display:inline-block;margin-left:16px;color:var(--muted)}
.platform-page a:focus-visible,.platform-auth-brand:focus-visible{outline:3px solid #b796dc;outline-offset:4px}
@media(max-width:900px){.subject-grid{gap:14px}.subject-card{padding:20px}.subject-card-top{flex-wrap:wrap}.platform-hero .hero-logo{width:140px;height:140px}.platform-access-note{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.platform-hero{padding:28px}.platform-hero .hero-logo{display:none}.platform-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.subject-grid{grid-template-columns:1fr}.subject-card{padding:24px}.subject-card-top{flex-wrap:nowrap;margin-bottom:16px}.subject-description{margin-bottom:20px}.platform-access-note{padding:24px}.platform-access-note>.button{width:100%}.platform-footer a{display:block;margin:8px 0 0}}
@media(prefers-reduced-motion:reduce){.platform-page .button{transition:none}}