/* ELEARNZ Student Portal v2 — staging */
.ez-student-portal{padding:42px 0 110px;color:#0b1730}.ez-student-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:stretch;padding:44px;border-radius:30px;background:linear-gradient(135deg,#06142d,#0b2450 70%,#34206d);color:#fff;box-shadow:0 28px 80px rgba(5,24,53,.18)}.ez-student-welcome h1{margin:10px 0 16px;font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-.05em}.ez-student-welcome p{max-width:720px;margin:0;color:#c9d6e8;font-size:18px;line-height:1.7}.ez-student-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.ez-student-actions .btn-ghost,.ez-session-panel .btn-ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.05)}.ez-student-overview{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(3,10,22,.42);backdrop-filter:blur(12px)}.ez-student-ring{--progress:0;display:grid;place-items:center;width:164px;height:164px;border-radius:50%;background:conic-gradient(#6b5cf5 calc(var(--progress)*1%),rgba(255,255,255,.12) 0);position:relative}.ez-student-ring:after{content:'';position:absolute;inset:18px;border-radius:50%;background:#0a1427}.ez-student-ring>div{position:relative;z-index:1;text-align:center}.ez-student-ring strong{display:block;font-size:36px}.ez-student-ring span{font-size:11px;color:#aabbd0}.ez-student-overview-stats{display:grid;grid-template-columns:1fr;gap:14px}.ez-student-overview-stats div{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}.ez-student-overview-stats div:last-child{border-bottom:0}.ez-student-overview-stats strong{display:block;font-size:25px}.ez-student-overview-stats span{font-size:12px;color:#afbed1}
.ez-student-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 50px}.ez-student-kpis article{padding:24px;border:1px solid #e5eaf1;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(8,30,62,.05)}.ez-student-kpis span{display:block;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.12em}.ez-student-kpis strong{display:block;margin:8px 0 5px;font-size:30px;color:#0b1730}.ez-student-kpis small{color:#78869a;font-size:12px}
.ez-student-section{margin-top:48px}.ez-student-section-head,.ez-student-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.ez-student-section-head h2,.ez-student-panel-head h2{margin:5px 0 0;font-size:34px;letter-spacing:-.035em}.ez-student-section-head>a{color:#0868d7;font-weight:850;text-decoration:none}.ez-student-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ez-student-course{overflow:hidden;border:1px solid #e5eaf1;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(8,30,62,.06)}.ez-student-course-art{display:block;aspect-ratio:16/9;background:#091c3d;overflow:hidden}.ez-student-course-art img{width:100%;height:100%;object-fit:cover;display:block}.ez-student-course-art>span{height:100%;display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.15em}.ez-student-course-body{padding:22px}.ez-student-course-body>small{font-size:10px;font-weight:900;letter-spacing:.13em;color:#6156ed}.ez-student-course h3{margin:10px 0 20px;font-size:23px;line-height:1.2}.ez-student-course h3 a{color:inherit;text-decoration:none}.ez-student-progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#68778b;font-size:12px}.ez-student-progress-label strong{color:#0c1c38}.ez-student-progress{height:8px;border-radius:999px;background:#edf0f5;overflow:hidden}.ez-student-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5c53ee,#278cff)}.ez-student-continue{display:inline-flex;margin-top:18px;color:#0868d7;font-size:14px;font-weight:900;text-decoration:none}.ez-student-empty{padding:46px;border:1px dashed #ccd5e2;border-radius:22px;background:#fff}.ez-student-empty>span{font-size:11px;font-weight:900;letter-spacing:.14em;color:#6156ed}.ez-student-empty h3{margin:10px 0 8px;font-size:28px}.ez-student-empty p{max-width:700px;color:#6c7b8e;line-height:1.7}.ez-student-empty.compact{padding:28px}
.ez-student-two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:48px}.ez-student-panel{padding:28px;border:1px solid #e5eaf1;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(8,30,62,.05)}.ez-session-panel{background:linear-gradient(145deg,#07172e,#0e2d5e);color:#fff;border-color:transparent}.ez-session-panel p{color:#c5d3e5;line-height:1.7}.ez-activity-list{display:grid;gap:10px}.ez-activity-list a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:14px;background:#f8fafc;color:#0b1730;text-decoration:none}.ez-activity-list>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf8f3;color:#0a9a73;font-weight:900}.ez-activity-list div{display:grid;gap:3px}.ez-activity-list small{color:#758297}.ez-activity-list b{font-size:12px;color:#0868d7}.ez-muted{color:#748297}
.ez-student-recommend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ez-recommend-card{display:block;overflow:hidden;border:1px solid #e5eaf1;border-radius:18px;background:#fff;color:#0b1730;text-decoration:none;box-shadow:0 10px 26px rgba(8,30,62,.05)}.ez-recommend-art{display:block;aspect-ratio:16/9;background:#091c3d;overflow:hidden}.ez-recommend-art img{display:block;width:100%;height:100%;object-fit:cover}.ez-recommend-art b{height:100%;display:grid;place-items:center;color:#fff}.ez-recommend-card>span:last-child{display:grid;gap:6px;padding:16px}.ez-recommend-card small{color:#6156ed;font-size:9px;font-weight:900;letter-spacing:.12em}.ez-recommend-card strong{font-size:17px;line-height:1.25}.ez-recommend-card em{font-style:normal;color:#0868d7;font-size:12px;font-weight:850}
.ez-student-auth{max-width:760px;margin:70px auto;padding:48px;border:1px solid #e5eaf1;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(8,30,62,.08);text-align:center}.ez-student-auth h1{font-size:46px;letter-spacing:-.04em}.ez-student-auth p{color:#6c7b8e;font-size:17px;line-height:1.7}
@media(max-width:1100px){.ez-student-hero{grid-template-columns:1fr}.ez-student-kpis{grid-template-columns:repeat(2,1fr)}.ez-student-course-grid{grid-template-columns:repeat(2,1fr)}.ez-student-recommend-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.ez-student-portal{padding-top:24px}.ez-student-hero{padding:28px}.ez-student-overview{grid-template-columns:1fr;text-align:center}.ez-student-ring{margin:auto}.ez-student-kpis{grid-template-columns:1fr}.ez-student-course-grid,.ez-student-recommend-grid,.ez-student-two-col{grid-template-columns:1fr}.ez-student-section-head{align-items:flex-start;flex-direction:column}.ez-student-section-head h2,.ez-student-panel-head h2{font-size:29px}}