/* Current achievement gallery, original certificate masters and course hub. */
@font-face{font-family:NewZen;src:url("https://m.universalclass.com/core/fonts/NewZen-Regular.ttf") format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:NewZen;src:url("https://m.universalclass.com/core/fonts/NewZen-SemiBold.ttf") format('truetype');font-weight:600;font-display:swap}
.uc-certificate-paper{position:relative;display:block;flex-shrink:0;width:100%;overflow:hidden;background:#f6f0df;--paper-unit:.5px;container-type:inline-size;font-family:NewZen,Georgia,serif;box-sizing:border-box;isolation:isolate;box-shadow:0 12px 42px #0006}
.uc-certificate-paper *{box-sizing:border-box}
.uc-certificate-paper .certificate-master{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0}
.uc-certificate-paper .certificate-field{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;white-space:normal;overflow:hidden;overflow-wrap:break-word;z-index:1;min-width:0;font-weight:400}
.uc-certificate-paper .certificate-recipient{font-weight:600}
.uc-certificate-paper .certificate-course{font-weight:600}
.uc-certificate-paper .certificate-issued,.uc-certificate-paper .certificate-details{flex-direction:column;justify-content:space-between;gap:2px}
.uc-certificate-paper small{display:block;font-size:.64em;letter-spacing:.08em}
.uc-certificate-paper .certificate-issued span{margin:auto}
.uc-certificate-paper .certificate-stats{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(var(--paper-unit)*22);width:100%;flex:1}
.certificate-stats>span{display:flex;flex-direction:column;gap:calc(var(--paper-unit)*3)}
.certificate-stats strong{font-size:1.6em;font-weight:500}
.uc-certificate-paper .certificate-serial{border-top:1px solid currentColor;padding-top:calc(var(--paper-unit)*5);font-size:.8em;width:100%}
.uc-certificate-paper .certificate-ink-stamp{display:block;width:100%;height:100%;overflow:visible;flex-shrink:0}
.uc-certificate-paper .certificate-presents,.uc-certificate-paper .certificate-ribbon{color:var(--certificate-accent)}
.certificate-print-frame{position:fixed;left:-20000px;top:0;width:1100px;height:850px;border:0}

.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-content{flex:1 1 0;height:100%;min-height:0;padding:24px 32px;max-width:1780px;width:100%;margin:0 auto;overflow:hidden}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-header{height:auto;min-height:58px;margin-bottom:20px;gap:12px;flex-wrap:wrap}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:34px;flex:1 1 0;min-height:0;overflow:hidden}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-spotlight{width:auto;min-height:0;overflow:hidden;padding:12px 0;justify-content:flex-start}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-story-title{font-size:clamp(26px,3vw,42px);line-height:1.2}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-height:160px;max-height:none;padding:8px;overflow:hidden;border-radius:8px}
.achievement-certificate-preview{display:block!important;width:100%}
.certificate-arrive{animation:certificate-arrive .4s ease-out both}
@keyframes certificate-arrive{from{opacity:.3;transform:translateX(15px) scale(.97)}to{opacity:1;transform:none}}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-collection{width:auto;min-height:0;overflow:hidden;padding:24px;flex:1 1 0}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-list{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow-y:auto;gap:10px;scroll-padding:12px}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-row{width:100%;height:auto;min-height:100px;flex-shrink:0;justify-content:flex-start;text-align:left;margin:0;padding:16px 12px;gap:10px}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-row-story{display:flex;flex-direction:column;flex:1 1 0;min-width:0}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-row-title{max-height:none;font-size:17px;overflow-wrap:anywhere;white-space:normal}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-row-meta{font-size:12px}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-row[aria-pressed="true"]{background:#293a36;border-color:#b9a56b}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-award-photo{object-fit:cover;opacity:.65}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-sort select{min-height:38px;padding:6px 10px;background:#1b2f32;color:#eef0e0;border:1px solid #4c6a63;border-radius:8px}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-feature-actions{gap:12px;flex-wrap:wrap}
.uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-empty{flex:1 1 0;min-height:160px}
.achievement-empty-paper{min-height:230px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:#eaddbb;color:#344136}
.achievement-empty-paper img{width:40px;height:60px;object-fit:contain}

.uc-client .client-certificate-viewer .cv-root{position:absolute;inset:0;min-height:0}
.uc-client .client-certificate-viewer .cv-window{position:relative;inset:auto;width:100%;height:100%;max-width:none;max-height:none;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0}
.uc-client .client-certificate-viewer .cv-header{flex:0 0 auto;min-height:65px;padding:14px 24px;gap:14px}
.uc-client .client-certificate-viewer .cv-toolbar{--certificate-control-height:42px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;flex:0 0 auto;gap:8px;padding:12px 24px}
.uc-client .client-certificate-viewer .cv-toolbar :is(.cv-tool,.cv-zoom){min-height:var(--certificate-control-height);height:var(--certificate-control-height)}
.uc-client .client-certificate-viewer .cv-viewport{flex:1 1 0;min-height:0;overflow:auto;padding:24px;background:#071019}
.uc-client .client-certificate-viewer .cv-paper-wrapper{position:relative;display:block;flex:none;width:100%;max-width:none;height:auto;min-height:0;padding:0;margin:0 auto}
.uc-client .client-certificate-viewer .cv-footer{flex:0 0 auto;flex-wrap:wrap;gap:12px;padding:14px 24px}
.uc-client .client-certificate-viewer .cv-heading{max-height:none;white-space:normal;overflow-wrap:anywhere;font-size:clamp(18px,2vw,25px)}
.uc-client .client-certificate-viewer .cv-header-copy{flex:1 1 0;min-width:0}
.uc-client .client-certificate-viewer .cv-heading{height:auto}
.uc-client .client-certificate-viewer button:focus{border-width:1px;outline:2px solid #f2dea8;outline-offset:2px}
.uc-client .client-certificate-viewer .cv-design{display:none}
.uc-client .client-certificate-viewer .cv-spacer{flex:1 1 0}
.uc-client .client-certificate-viewer .cv-zoom-controls{width:auto;min-width:0;margin:0;flex:0 0 auto}
.uc-client .client-certificate-viewer .cv-record-copy{width:auto;flex:1 1 0;min-width:0}
.certificate-design-picker{display:flex;align-items:center;margin:0 4px;max-width:100%}
.certificate-design-picker select{box-sizing:border-box;border:1px solid #64796c;border-radius:9px;background:#142830;color:#f6efd7;padding:8px 10px;min-height:var(--certificate-control-height);height:var(--certificate-control-height);max-width:100%;font:14px NewZen,system-ui}
.certificate-record-pager{display:flex;flex-direction:row!important;align-items:center;gap:12px;margin-top:8px;font-size:12px}
.certificate-record-pager button{height:36px;width:36px;min-height:36px;padding:0;font-size:22px}

.uc-client .client-course-hub .login-card{width:min(1050px,calc(100% - 32px));max-width:1050px;min-width:0;height:calc(100% - 32px);min-height:0;max-height:calc(100% - 32px);padding:0;margin:16px;background:#0d162b;border:1px solid #405370;border-radius:28px;overflow:hidden}
.uc-client .client-course-hub .login-scroll{position:relative;flex:1 1 0;min-height:0;overflow:auto;margin:0;padding:0}
.uc-client .client-course-hub .login-scroll-content{padding:clamp(20px,3vw,40px);flex-shrink:0;min-height:100%;width:100%}
.uc-client .client-course-hub .login-close-button{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;min-height:40px;padding:0;font-size:24px;background:#15243e;color:#f4efd6;border:1px solid #6d87a2;border-radius:50%}
.uc-client .client-course-hub .mc-card-fx{pointer-events:none}
.uc-client .client-course-hub .mc-hero{position:relative;z-index:1;min-height:120px;margin:0 0 24px;padding-right:40px;display:flex;flex-direction:row;align-items:center;gap:24px}
.uc-client .client-course-hub .mc-hero-copy{flex:1 1 0;min-width:0}
.uc-client .client-course-hub .mc-title{font-size:clamp(30px,4vw,44px);line-height:1.15;white-space:normal}
.uc-client .client-course-hub .mc-hero-orbit{width:76px;height:76px;flex-shrink:0}
.uc-client .client-course-hub .mc-hero-icon{width:100%;height:100%}
.uc-client .client-course-hub .mc-courses-container{display:flex;flex-direction:column;gap:12px}
.uc-client .client-course-hub .mc-course-row{display:flex;flex-direction:row;align-items:center;width:100%;gap:18px;margin:0;padding:18px;min-height:120px;border:1px solid #435474;border-radius:18px;background:#172139}
.uc-client .client-course-hub .mc-course-left{display:flex;flex-direction:column;flex:1 1 0;min-width:0;gap:7px}
.uc-client .client-course-hub .mc-course-title{margin:0;white-space:normal;overflow-wrap:anywhere;font-size:21px;line-height:1.25}
.uc-client .client-course-hub .mc-course-meta{margin:0;font-size:12px;color:#b7c9dc;white-space:normal}
.course-hub-thumb{width:80px;height:84px;object-fit:cover;border-radius:12px;flex-shrink:0}
.course-hub-resume{font-size:13px;color:#e9d19a;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.uc-client .client-course-hub .mc-withdraw-btn{min-height:42px;flex-shrink:0;margin:0;border-color:#925b69;color:#ffd4d2}
.course-hub-search{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:13px;color:#cbd4e0}
.course-hub-search input{background:#0a1527;color:#f4eedc;border:1px solid #536b87;border-radius:12px;padding:12px 16px;font:inherit;min-height:46px;width:100%}
.uc-client .client-course-hub .mc-footerbar{margin-top:24px;gap:16px;flex-wrap:wrap;align-items:center}
.course-hub-explore{color:#eed59c;text-decoration:underline;font-size:14px}
.course-hub-status{white-space:normal;font-size:14px;line-height:1.5;color:#eddaa4;margin:10px 0}
.course-hub-status:empty{display:none}
.course-hub-status[role=alert]{color:#ffc9b8}
.course-hub-empty{padding:35px;text-align:center;gap:16px}
.uc-client .client-course-hub :is(.mc-join-box,.mc-withdraw-box){position:relative;width:100%;max-width:none;flex-shrink:0;padding:22px;margin:0 0 18px;gap:14px}
.uc-client .client-course-hub :is(.mc-withdraw-title,.mc-join-title){white-space:normal;overflow-wrap:anywhere}
.uc-client .client-course-hub :is(.mc-withdraw-actions,.mc-join-actions){display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}

@media(max-width:850px){
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-content{overflow-y:auto;padding:18px;display:block;height:100%}
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-workspace{display:flex;flex-direction:column;overflow:visible;gap:24px;min-height:0}
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-spotlight{width:100%;overflow:visible;padding:0}
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-collection{width:100%;overflow:visible;flex:none;padding:18px;min-height:320px}
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-list{overflow:visible;flex:none;min-height:0}
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-stage{width:100%;height:auto;min-height:0;flex:none;display:block}
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-header{margin-bottom:22px}
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-signature{margin:12px 0}
 .uc-client [data-screen="MyAchievementsIntroductionPage"] .mai-page-title{font-size:26px}
}
@media(max-width:600px){
 .uc-client .client-course-hub .mc-course-row{flex-wrap:wrap;gap:12px;padding:14px}
 .course-hub-thumb{width:58px;height:72px}
 .uc-client .client-course-hub .mc-course-title{font-size:18px}
 .uc-client .client-course-hub .mc-withdraw-btn{margin-left:auto;font-size:13px}
 .uc-client .client-course-hub .mc-hero-orbit{width:48px;height:48px}
 .uc-client .client-course-hub .mc-count{width:100%;white-space:normal}
 .uc-client .client-certificate-viewer .cv-header,.uc-client .client-certificate-viewer .cv-footer{padding:12px}
 .uc-client .client-certificate-viewer .cv-toolbar{--certificate-control-height:36px;padding:10px;gap:6px;max-height:155px;overflow-y:auto}
 .uc-client .client-certificate-viewer .cv-viewport{padding:10px}
 .uc-client .client-certificate-viewer .cv-tool{font-size:11px;padding:8px;min-height:36px}
 .certificate-design-picker select{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.certificate-arrive{animation:none}}
@media(max-height:500px) and (min-width:700px){
 .uc-client .client-certificate-viewer .cv-header{min-height:48px;padding:6px 14px}
 .uc-client .client-certificate-viewer .cv-heading{font-size:16px}
 .uc-client .client-certificate-viewer .cv-toolbar{padding:6px 12px;gap:5px}
 .uc-client .client-certificate-viewer .cv-footer{padding:6px 14px;gap:8px}
 .uc-client .client-certificate-viewer .cv-record-copy{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 14px}
 .uc-client .client-certificate-viewer .cv-record-details{display:none}
 .uc-client .client-certificate-viewer .cv-viewport{padding:12px}
 .certificate-record-pager{margin:0}
}
html.reduced-motion .certificate-arrive,.client-reduced-motion .certificate-arrive{animation:none}
@media print{.uc-certificate-paper{box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid}}