:root{--learn-bg:#f5f7fb;--learn-surface:#fff;--learn-primary:#2563eb;--learn-primary-dark:#1d4ed8;--learn-muted:#6b7280;--learn-border:#e5e7eb;--learn-radius:12px;--learn-shadow:0 20px 45px #0f172a1f;--learn-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.learn-auth{font-family:var(--learn-font);background:var(--learn-bg);color:#0f172a;margin:0}.learn-auth__shell{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex}.learn-auth__card{background:var(--learn-surface);border-radius:var(--learn-radius);box-shadow:var(--learn-shadow);flex-direction:column;gap:1.5rem;width:min(420px,100%);padding:clamp(2rem,5vw,3rem);display:flex}.learn-auth__header{text-align:center}.learn-auth__logo{color:var(--learn-primary);letter-spacing:-.04em;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.learn-auth__subtitle{color:var(--learn-muted);margin:0;font-size:.95rem;line-height:1.4}.learn-auth__form{gap:1rem;display:grid}.learn-auth__form label{margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.learn-auth__input,.learn-auth__textarea,.learn-auth__select{border:1px solid var(--learn-border);background-color:#fff;border-radius:12px;width:100%;min-height:52px;padding:.9rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.learn-auth__input:focus,.learn-auth__textarea:focus,.learn-auth__select:focus{border-color:var(--learn-primary);outline:none;box-shadow:0 0 0 4px #2563eb1f}.learn-auth__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.learn-auth__remember{color:var(--learn-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.learn-auth__submit{background:linear-gradient(135deg,var(--learn-primary),var(--learn-primary-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;min-height:54px;padding:.95rem 1rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 12px 25px #2563eb40}.learn-auth__submit:hover{transform:translateY(-1px);box-shadow:0 18px 30px #2563eb47}.learn-auth__links{text-align:center;flex-direction:column;gap:.35rem;display:flex}.learn-auth__links a{color:var(--learn-primary);font-weight:500;text-decoration:none}.learn-auth__links a:hover{text-decoration:underline}.learn-auth__message{border-radius:10px;padding:.85rem 1rem;font-size:.92rem;line-height:1.4}.learn-auth__message--error{color:#b91c1c;background:#dc26261a}.learn-auth__message--success{color:#15803d;background:#16a34a1a}.learn-dashboard-body{background:var(--learn-bg)}.learn-dashboard{scroll-behavior:smooth;gap:2.5rem;max-width:1140px;margin:0 auto;padding:clamp(2.5rem,6vw,3.5rem) 1.5rem 4rem;display:grid}.learn-dashboard__skeleton{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;display:none}.learn-state-loading .learn-dashboard__skeleton{display:grid}.learn-state-loading .learn-dashboard__section,.learn-state-loading .learn-dashboard__stats,.learn-state-loading .learn-dashboard__activity-list{opacity:0;pointer-events:none}.learn-skeleton{background:#94a3b840;border-radius:16px;min-height:140px;position:relative;overflow:hidden}.learn-skeleton:after{content:"";background:linear-gradient(90deg,#94a3b826 0%,#fff6 50%,#94a3b826 100%);animation:1.6s ease-in-out infinite learn-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes learn-skeleton-shimmer{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.learn-toast{color:#f8fafc;z-index:9999;opacity:0;visibility:hidden;background:#111827;border-radius:14px;padding:.85rem 1.25rem;font-size:.95rem;transition:opacity .25s,transform .25s,visibility .25s;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(10px);box-shadow:0 18px 40px #0f172a59}.learn-toast.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.learn-toast[data-type=warning]{background:#b45309}.learn-toast[data-type=success]{background:#047857}.learn-dashboard__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.learn-dashboard__user{align-items:center;gap:1rem;display:flex}.learn-dashboard__avatar{background:linear-gradient(135deg,var(--learn-primary),var(--learn-primary-dark));color:#fff;letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-weight:700;display:inline-flex;overflow:hidden;box-shadow:0 14px 30px #2563eb33}.learn-dashboard__avatar img{object-fit:cover;width:100%;height:100%}.learn-dashboard__user-info h1{margin:0;font-size:clamp(1.9rem,4vw,2.6rem)}.learn-dashboard__user-info p{color:var(--learn-muted);margin:.35rem 0 0}.learn-dashboard__nav{align-items:center;gap:1rem;display:flex}.learn-dashboard__breadcrumbs{color:var(--learn-muted);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.learn-dashboard__breadcrumbs a{color:inherit;text-decoration:none}.learn-dashboard__breadcrumbs a:hover{color:var(--learn-primary)}.learn-dashboard__dropdown{position:relative}.learn-dashboard__dropdown-toggle{color:var(--learn-primary-dark);cursor:pointer;background:#2563eb1a;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:background .2s;display:inline-flex}.learn-dashboard__dropdown-toggle:hover{background:#2563eb2e}.learn-dashboard__dropdown-menu{border:1px solid var(--learn-border);min-width:200px;box-shadow:var(--learn-shadow);z-index:20;background:#fff;border-radius:12px;padding:.65rem 0;display:none;position:absolute;top:calc(100% + .5rem);right:0}.learn-dashboard__dropdown[aria-expanded=true] .learn-dashboard__dropdown-menu{display:block}.learn-dashboard__dropdown-menu a{color:#0f172a;padding:.55rem 1.1rem;font-size:.94rem;text-decoration:none;display:block}.learn-dashboard__dropdown-menu a:hover{background:#2563eb14}.learn-dashboard__section{background:var(--learn-surface);border-radius:var(--learn-radius);box-shadow:var(--learn-shadow);gap:clamp(1.5rem,4vw,2rem);padding:clamp(1.75rem,4vw,2.4rem);display:grid}.learn-dashboard__section-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.learn-dashboard__section-header h2{margin:0;font-size:clamp(1.3rem,3vw,1.6rem)}.learn-dashboard__course-grid{scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.2rem,3vw,1.75rem);padding-bottom:.5rem;display:grid;overflow-x:auto}.learn-course-card{border:1px solid var(--learn-border);scroll-snap-align:start;background:#fff;border-radius:18px;grid-template-rows:auto 1fr auto;transition:transform .15s,box-shadow .15s;display:grid;overflow:hidden;box-shadow:0 18px 35px #0f172a0f}.learn-course-card:hover{transform:translateY(-4px);box-shadow:0 25px 45px #0f172a1f}.learn-course-card__thumb{object-fit:cover;background:#dbeafe;width:100%;height:180px;display:block}.learn-course-card__thumb--placeholder{background:linear-gradient(135deg,#2563eb2e,#6366f12e)}.learn-course-card__body{gap:.8rem;padding:1.4rem 1.5rem;display:grid}.learn-course-card__title{margin:0;font-size:1.1rem}.learn-course-card__excerpt{color:var(--learn-muted);margin:0;font-size:.92rem;line-height:1.5}.learn-course-card__progress{flex-direction:column;gap:.4rem;display:flex}.learn-progress{background:#2563eb1f;border-radius:999px;height:8px;position:relative;overflow:hidden}.learn-progress__bar{background:linear-gradient(135deg,var(--learn-primary),var(--learn-primary-dark));border-radius:inherit;height:100%;position:absolute;top:0;left:0}.learn-progress__bar--complete{background:linear-gradient(135deg,#22c55e,#16a34a);animation:1.2s ease-in-out forwards learn-progress-celebrate}.learn-progress__celebration{margin-left:.4rem;font-size:1.1rem}@keyframes learn-progress-celebrate{0%{transform:scaleX(.85)}60%{transform:scaleX(1.05)}to{transform:scaleX(1)}}.learn-course-card__footer{border-top:1px solid #0f172a12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.learn-course-card__meta{color:var(--learn-muted);flex-direction:column;gap:.2rem;font-size:.82rem;display:flex}.learn-course-card__cta{color:var(--learn-primary);touch-action:manipulation;background:#2563eb14;border:1px solid #2563eb40;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1.3rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.learn-course-card__cta:hover{transform:translateY(-2px)}.learn-course-card__cta:focus-visible,.learn-course-footer__button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #2563eb59}.learn-dashboard__activity-list{gap:1rem;display:grid}.learn-dashboard__activity-item{background:#3b82f614;border:1px solid #2563eb1f;border-radius:12px;gap:.25rem;padding:1rem 1.2rem;display:grid}.learn-dashboard__activity-item strong{font-weight:600}.learn-dashboard__activity-item time{color:var(--learn-muted);font-size:.8rem}.learn-dashboard__empty{text-align:center;background:#2563eb0a;border:2px dashed #2563eb40;border-radius:20px;gap:.85rem;padding:clamp(2rem,6vw,3rem);display:grid}.learn-dashboard__empty h3{margin:0;font-size:1.2rem}.learn-dashboard__empty p{color:var(--learn-muted);margin:0}.learn-dashboard__empty a{color:var(--learn-primary-dark);font-weight:600;text-decoration:none}.learn-dashboard__empty a:hover{text-decoration:underline}.learn-dashboard__mobile-collapse{touch-action:manipulation;display:none}.learn-dashboard__pull-indicator{color:var(--learn-muted);opacity:0;pointer-events:none;z-index:4;justify-content:center;align-items:center;padding:.35rem 0;font-size:.9rem;font-weight:600;transition:opacity .25s;display:flex;position:sticky;top:0;transform:translateY(-100%)}.learn-dashboard__pull-indicator.is-ready span{color:var(--learn-primary)}.learn-dashboard__pull-indicator.is-loading span{color:var(--learn-primary-dark)}.learn-skeleton--stat{min-height:90px}.learn-skeleton--card{min-height:220px}.learn-skeleton--activity{min-height:70px}@media (width<=767px){.learn-dashboard{gap:1.75rem;padding:2.2rem 1.1rem 3rem}.learn-dashboard__user-info h1{font-size:1.8rem}.learn-dashboard__dropdown{width:100%}.learn-dashboard__dropdown-toggle{justify-content:center;width:100%}.learn-dashboard__course-grid{grid-template-columns:repeat(auto-fill,minmax(260px,80vw));grid-auto-flow:column;gap:1.1rem}.learn-course-card__thumb{height:160px}.learn-dashboard__mobile-collapse{color:var(--learn-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;display:block}.learn-dashboard__section[hidden]{display:none!important}.learn-auth__card{box-shadow:none;border:1px solid #0f172a0f}.learn-auth__subtitle{font-size:.88rem}}@media (width>=768px) and (width<=1023px){.learn-dashboard__header{flex-direction:column;align-items:flex-start}.learn-dashboard__nav{justify-content:space-between;width:100%}}@media (width>=1200px){.learn-dashboard__course-grid{grid-template-columns:repeat(3,minmax(280px,1fr))}.learn-dashboard__section{padding:2.5rem 3rem}}