/* EBI Learning Portal */
.ebi-portal{background:#F8F9FC;color:#1B2A4A;font-family:'Jost',system-ui,sans-serif;border-radius:14px;overflow:hidden;border:1px solid #DDE3EE}
.ebi-portal *{box-sizing:border-box}
.ebi-portal h1,.ebi-portal h2,.ebi-portal h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;margin:0}
.ebi-portal button{font-family:'Jost',sans-serif;cursor:pointer}
.ebip-topbar{background:#fff;border-bottom:1px solid #E1E6F0;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ebip-topbar .ebip-user{display:flex;align-items:center;gap:12px;font-size:14px}
.ebip-topbar .ebip-user img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #B9953F}
.ebip-hero{background:#14213D;color:#F8F9FC;padding:34px 36px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.ebip-hero .ebip-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#D9C48A;font-weight:600;margin-bottom:12px}
.ebip-hero h1{font-size:34px;color:#fff;margin-bottom:8px}
.ebip-hero p{font-size:15px;color:#A6AEC2;margin:0 0 18px;font-weight:300}
.ebip-hero img{width:100%;height:200px;object-fit:cover;border-radius:10px}
.ebip-btn{background:#B9953F;color:#14213D;border:none;font-weight:600;font-size:15px;letter-spacing:.03em;padding:13px 28px;border-radius:10px;transition:background .18s ease,color .18s ease,transform .18s ease}
.ebip-btn:hover{background:#8F6F2A;color:#fff;transform:translateY(-2px)}
.ebip-bar{height:8px;background:#E8ECF4;border-radius:4px;overflow:hidden}
.ebip-hero .ebip-bar{background:rgba(255,255,255,.14)}
.ebip-bar>span{display:block;height:100%;background:#B9953F;border-radius:4px;transition:width .3s ease}
.ebip-main{padding:32px 28px 48px;max-width:1180px;margin:0 auto}
.ebip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.ebip-grid{grid-template-columns:1fr}.ebip-hero{grid-template-columns:1fr}.ebip-player{grid-template-columns:1fr !important}}
.ebip-card{background:#fff;border:1px solid #DDE3EE;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column}
.ebip-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(20,33,61,.12)}
.ebip-card .ebip-cover{height:150px;background-size:cover;background-position:center;position:relative}
.ebip-badge{position:absolute;top:12px;left:12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:5px 12px;border-radius:6px}
.ebip-card .ebip-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.ebip-card h3{font-size:21px;line-height:1.2}
.ebip-card p{font-size:14px;color:#5A6580;margin:0;font-weight:300;flex:1}
.ebip-meta{font-size:12.5px;color:#7C86A0}
.ebip-player{display:grid;grid-template-columns:300px 1fr;min-height:520px}
.ebip-side{background:#fff;border-right:1px solid #E1E6F0;padding:22px 0;overflow-y:auto}
.ebip-side .ebip-sidehead{padding:0 20px 16px;border-bottom:1px solid #E8ECF4}
.ebip-side h2{font-size:21px;margin:8px 0 10px}
.ebip-back{background:none;border:none;font-size:13px;color:#8F6F2A;padding:0}
.ebip-back:hover{color:#B9953F}
.ebip-mod{padding:14px 20px 2px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8E97AE;font-weight:600}
.ebip-lesson{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;border-radius:8px;padding:9px 10px;margin:2px 10px;width:calc(100% - 20px);text-align:left;font-size:14px;color:#44506B;transition:background .15s ease}
.ebip-lesson:hover{background:#EEF1F7}
.ebip-lesson.active{background:#FAF4E2;color:#1B2A4A;font-weight:600}
.ebip-dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #CBD3E4;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}
.ebip-lesson.active .ebip-dot{border-color:#B9953F}
.ebip-dot.done{background:#B9953F;border-color:#B9953F}
.ebip-kind{margin-left:auto;font-size:11px;color:#8E97AE}
.ebip-content{padding:34px 40px 60px;max-width:860px}
.ebip-status{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:6px 14px;border-radius:20px;border:1px solid #D9C48A;background:#fff;color:#8F6F2A}
.ebip-status.done{background:#B9953F;border-color:#B9953F;color:#14213D}
.ebip-content h1{font-size:36px;margin:8px 0 22px}
.ebip-content p{font-size:16.5px;line-height:1.8;color:#3C4A66;font-weight:300;margin:0 0 16px}
.ebip-content h2{font-size:26px;margin:30px 0 12px}
.ebip-video{position:relative;border-radius:12px;overflow:hidden;background:#14213D;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ebip-video .ebip-vbg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.45}
.ebip-play{position:relative;width:80px;height:80px;border-radius:50%;background:#B9953F;border:none;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease}
.ebip-play:hover{transform:scale(1.08);background:#8F6F2A}
.ebip-play span{width:0;height:0;border-left:24px solid #14213D;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:6px;display:block}
.ebip-vbar{position:absolute;bottom:0;left:0;right:0;padding:12px 16px 10px;background:linear-gradient(transparent,rgba(20,33,61,.9));display:flex;align-items:center;gap:12px;color:#fff;font-size:12px}
.ebip-vbar .ebip-seek{flex:1;height:5px;background:rgba(255,255,255,.25);border-radius:3px;overflow:hidden}
.ebip-vbar .ebip-seek span{display:block;height:100%;width:18%;background:#B9953F}
.ebip-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.ebip-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #DDE3EE;border-radius:10px;padding:11px 16px;font-size:14px;color:#1B2A4A;font-weight:500;text-decoration:none;transition:border-color .15s ease}
.ebip-chip:hover{border-color:#B9953F}
.ebip-dochero{position:relative;border-radius:12px;overflow:hidden;height:210px;margin-bottom:24px;background-size:cover;background-position:center}
.ebip-dochero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,33,61,.82),rgba(20,33,61,.25))}
.ebip-dochero div{position:absolute;left:28px;bottom:22px;color:#fff}
.ebip-callout{background:#FAF4E2;border:1px solid #D9C48A;border-radius:10px;padding:20px 24px;margin:22px 0}
.ebip-callout p{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-style:italic;color:#1B2A4A;margin:0;line-height:1.4}
.ebip-check{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px}
.ebip-check span{flex:none;width:22px;height:22px;border-radius:50%;background:#B9953F;color:#14213D;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:2px}
.ebip-check p{margin:0;font-size:15.5px}
.ebip-fig{margin:24px 0}
.ebip-fig div{width:100%;height:300px;border-radius:10px;background-size:cover;background-position:center}
.ebip-fig figcaption{font-size:13px;color:#7C86A0;margin-top:8px;text-align:center}
.ebip-exercise{background:#14213D;border-radius:12px;padding:26px 30px;margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ebip-exercise p{color:#F8F9FC;margin:0;max-width:460px}
.ebip-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #DDE3EE}
.ebip-ghost{background:none;border:1px solid #CBD3E4;color:#44506B;font-size:15px;font-weight:500;padding:12px 24px;border-radius:10px;transition:border-color .15s ease,color .15s ease}
.ebip-ghost:hover{border-color:#B9953F;color:#8F6F2A}
.ebip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
@media(max-width:900px){.ebip-stats{grid-template-columns:1fr}}
.ebip-stat{background:#fff;border:1px solid #DDE3EE;border-radius:12px;padding:20px 22px;display:flex;align-items:center;gap:16px}
.ebip-stat b{width:52px;height:52px;border-radius:50%;background:#FAF4E2;border:2px solid #B9953F;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;color:#8F6F2A;flex:none}