.roleGate{position:fixed;inset:0;z-index:1000;background:linear-gradient(145deg,#f8fcfa,#fffaf0);display:flex;align-items:center;justify-content:center;padding:18px}.roleGate[hidden]{display:none}.roleGateCard{width:min(920px,100%);background:#fff;border:1px solid #dbe9e4;border-radius:30px;box-shadow:0 24px 80px rgba(18,62,53,.16);padding:28px}.roleGateBrand{display:flex;align-items:center;gap:12px;color:#17483e;font-size:20px;font-weight:900}.roleGateBrand span{font-size:36px}.roleGateIntro{text-align:center;margin:10px auto 22px;max-width:650px}.roleGateIntro h1{margin:0 0 8px;color:#153f37;font-size:32px}.roleGateIntro p{margin:0;color:#657a73;line-height:1.5}.roleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.roleCard{border:1px solid #d9e8e2;background:#fff;border-radius:22px;padding:20px;text-align:left;cursor:pointer;transition:.18s;min-height:190px}.roleCard:hover,.roleCard:focus{border-color:#17483e;transform:translateY(-2px);box-shadow:0 10px 30px rgba(23,72,62,.1);outline:none}.roleIcon{font-size:34px;display:block;margin-bottom:12px}.roleCard strong{display:block;color:#17483e;font-size:19px;margin-bottom:7px}.roleCard p{font-size:13px;color:#647870;line-height:1.45;margin:0}.rolePrivacy{margin-top:16px;padding:12px 14px;border-radius:14px;background:#f1f8f5;color:#536d65;font-size:12px}.roleBadge{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe0da;background:#f8fcfa;color:#17483e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer;margin-left:auto}.roleBadge:hover{background:#eef7f3}.role-student .searchAudit,.role-student .curriculum,.role-student .currRoute,.role-student .card.sources{display:none}.role-family .searchAudit,.role-family .currRoute{display:none}.role-family .dailyHub .dailyMode[data-mode="challenge"],.role-family .dailyHub .dailyMode[data-mode="check"]{display:none}.roleIntroStrip{margin:16px 0;padding:12px 15px;border-radius:16px;background:#eef7f3;color:#315b50;font-size:13px}.roleIntroStrip b{color:#17483e}@media(max-width:760px){.roleGateCard{padding:20px;border-radius:24px}.roleGateIntro h1{font-size:26px}.roleGrid{grid-template-columns:1fr}.roleCard{min-height:0}.roleCard p{font-size:12px}}