.learning-portal-shell{--learn-primary:#3855ff;--learn-soft:#f4f7ff;--learn-dark:#122047}.learning-portal-hero{min-height:420px;padding:70px max(24px,6vw);display:flex;align-items:center;justify-content:space-between;gap:36px;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.2),transparent 22%),linear-gradient(135deg,#111b4f,#3855ff 54%,#f6a623);color:#fff}.learning-portal-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.18);font-weight:800;margin-bottom:14px}.learning-portal-hero h1{font-size:clamp(2.1rem,5vw,4.5rem);line-height:1.02;font-weight:950;max-width:840px}.learning-portal-hero p{font-size:1.1rem;max-width:760px;opacity:.93}.learning-portal-actions{display:flex;gap:12px;flex-wrap:wrap}.learning-portal-icon{width:150px;height:150px;border-radius:40px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:4rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.learning-portal-filter,.learning-portal-card,.learning-portal-side{background:#fff;border:1px solid rgba(18,32,71,.08);box-shadow:0 18px 40px rgba(25,32,80,.08);border-radius:26px;padding:22px}.learning-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.learning-portal-card{padding:0;overflow:hidden}.learning-portal-cover{height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#eef3ff,#fff7e7);font-size:3.4rem;color:var(--learn-primary)}.learning-portal-card h2{font-size:1.25rem;font-weight:900;color:var(--learn-dark)}.learning-portal-card p{color:#667085}.learning-portal-meta{display:flex;gap:12px;flex-wrap:wrap;color:#667085;font-size:.92rem}.learning-portal-meta span{display:inline-flex;align-items:center;gap:6px}.learning-panel-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.learning-panel-head>i{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:var(--learn-soft);color:var(--learn-primary);font-size:1.25rem}.learning-panel-head h2{font-size:1.18rem;font-weight:850;margin:0}.learning-panel-head p{margin:4px 0 0;color:#667085}.learning-portal-side{top:20px}.learning-portal-roadmap,.learning-mini-list{display:grid;gap:12px}.learning-portal-roadmap div,.learning-mini-list article{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:16px;background:#f8fbff}.learning-portal-roadmap i,.learning-mini-list i{color:var(--learn-primary);font-size:1.2rem}.learning-portal-roadmap span{font-weight:800;display:block}.learning-portal-roadmap small{color:#667085}.learning-empty{grid-column:1/-1;min-height:220px;border:2px dashed rgba(56,85,255,.24);border-radius:24px;display:grid;place-items:center;text-align:center;padding:24px;color:#667085}.learning-empty i{font-size:3rem;color:var(--learn-primary)}.learning-empty strong{display:block;color:#122047;font-size:1.25rem}.form-control,.form-select{border-radius:14px}.btn{font-weight:800}
@media (max-width:1199px){.learning-portal-hero{align-items:flex-start}.learning-portal-icon{display:none}.learning-portal-grid{grid-template-columns:1fr}}@media (max-width:767px){.learning-portal-hero{min-height:auto;padding:46px 22px}.learning-portal-actions .btn{width:100%}.learning-portal-filter,.learning-portal-card,.learning-portal-side{border-radius:22px}.learning-portal-meta{display:grid}}