@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--primary:#5b5bd6;--primary-dark:#383894;--ink:#181a2a;--muted:#667085;--line:#e5e7ee;--soft:#f7f8fc;--white:#fff;--success:#16845b;--warning:#a76500;--danger:#c93c3c;--shadow:0 22px 60px rgba(33,35,72,.11);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfbfd;color:var(--ink);font:14px/1.6 'DM Sans',system-ui,sans-serif}h1,h2,h3,strong,b{font-family:'Manrope','DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}main{min-height:calc(100vh - 74px)}
.site-header{height:74px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:14px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.03em}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#7b78f0);color:#fff;font:800 13px 'Manrope';box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 24%,transparent)}.brand-mark.large{width:58px;height:58px;border-radius:18px;font-size:18px}.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{padding:9px 12px;border-radius:10px;color:#52566f;font-size:12px;font-weight:700}.nav-links a:hover,.nav-links a.active{background:#f0f0ff;color:var(--primary)}.nav-links a.nav-cta{background:var(--primary);color:#fff}.nav-toggle{display:none;border:0;background:#f2f3f7;width:40px;height:40px;border-radius:12px}.eyebrow{font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.14em;color:var(--primary);text-transform:uppercase}.muted{color:var(--muted)}.text-link{display:inline-block;color:var(--primary);font-weight:800;font-size:12px;margin-top:8px}.inline-note{display:inline-block;color:var(--muted);font-size:11px;margin-top:8px}.tag{display:inline-flex;padding:5px 8px;border-radius:8px;background:#efefff;color:var(--primary);font-weight:700;font-size:11px}.top-gap{margin-top:18px}.span-all,.span-2{grid-column:1/-1}.wide{grid-column:span 2}.button-row,.result-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:12px;padding:12px 17px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 25%,transparent)}.btn.ghost{background:#fff;border-color:var(--line);color:#434760}.btn.wide{width:100%}.link-danger{border:0;background:none;color:var(--danger);padding:0;font-weight:700}.approve-link{color:var(--success)!important}.toast{position:fixed;right:22px;top:88px;z-index:200;max-width:420px;padding:13px 18px;border-radius:12px;color:#fff;box-shadow:var(--shadow);animation:toastIn .3s ease}.toast.success{background:var(--success)}.toast.danger{background:var(--danger)}.toast.warning{background:var(--warning)}@keyframes toastIn{from{transform:translateY(-15px);opacity:0}}
.hero{max-width:1240px;margin:0 auto;padding:90px 28px 80px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.hero-copy h1{font-size:64px;line-height:1.02;letter-spacing:-.055em;margin:14px 0 20px;max-width:720px}.hero-copy h1 em{font-style:normal;color:var(--primary)}.hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:11px;margin:28px 0}.hero-stats{display:flex;gap:42px;margin-top:38px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:28px}.hero-stats span{font-size:11px;color:var(--muted)}.hero-visual{min-height:500px;position:relative;display:grid;place-items:center}.hero-visual:before{content:'';position:absolute;inset:60px 10px;background:radial-gradient(circle,#dcdcff,transparent 67%);filter:blur(15px)}.orbit{position:absolute;border:1px dashed #c9cae7;border-radius:50%}.orbit-one{width:420px;height:420px}.orbit-two{width:310px;height:310px}.visual-card{position:relative;background:rgba(255,255,255,.94);border:1px solid rgba(214,216,235,.9);box-shadow:var(--shadow);border-radius:24px}.main-card{width:320px;padding:30px;z-index:2}.main-card>strong{font-size:34px;display:block;margin:11px 0}.main-card p{color:var(--muted)}.mini-label{font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--primary)}.mini-bars{display:grid;gap:7px;margin-top:22px}.mini-bars i{height:8px;border-radius:9px;background:linear-gradient(90deg,var(--primary) var(--w),#ececf5 var(--w))}.float-card{position:absolute;padding:16px 18px;display:grid;grid-template-columns:34px 1fr;column-gap:9px;z-index:3}.float-card>span{grid-row:span 2;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#efefff;color:var(--primary);font-weight:800}.float-card b{font-size:12px}.float-card small{font-size:10px;color:var(--muted)}.top-card{top:72px;right:4px}.bottom-card{bottom:58px;left:0}.section{max-width:1240px;margin:0 auto;padding:78px 28px}.compact-section{padding-top:35px}.soft-section{max-width:none;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2));background:#f5f5fb}.section-heading{text-align:center;max-width:760px;margin:0 auto 34px}.section-heading.left{text-align:left;margin-left:0}.section-heading h2{font-size:36px;line-height:1.18;letter-spacing:-.035em;margin:10px 0}.section-heading p{color:var(--muted);font-size:15px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-card,.level-card,.steps-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.role-card>span{font-size:30px}.role-card h3{font-size:18px;margin:12px 0 7px}.role-card p,.level-card p,.steps-grid p{color:var(--muted);margin:0}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.level-card{padding:20px;text-align:center}.level-card>span{font-size:30px}.level-card h3{font-size:14px;margin:10px 0 4px}.level-card p{font-size:11px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps-grid b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#efefff;color:var(--primary)}.steps-grid h3{font-size:16px;margin:16px 0 7px}.site-footer{max-width:1240px;margin:0 auto;border-top:1px solid var(--line);padding:30px 28px;display:flex;justify-content:space-between;gap:30px;color:var(--muted)}.site-footer p{margin:5px 0;font-size:12px}.site-footer small{font-size:11px}
.page-hero{max-width:920px;margin:0 auto;padding:78px 26px 34px;text-align:center}.page-hero h1{font-size:46px;line-height:1.1;letter-spacing:-.045em;margin:13px 0}.page-hero p{color:var(--muted);font-size:16px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:26px}.guide-grid>article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.taxonomy-row{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.taxonomy-row:last-child{border-bottom:0}.taxonomy-row>b{width:38px;height:38px;border-radius:11px;background:#efefff;color:var(--primary);display:grid;place-items:center}.taxonomy-row p{margin:3px 0;color:var(--muted);font-size:12px}.callout{background:linear-gradient(135deg,#272752,#3b3b85)!important;color:#fff}.callout p{color:#d9daf3}.verify-hero{padding-bottom:20px}.verify-form{display:flex;gap:9px;max-width:700px;margin:25px auto 0}.verify-form input{flex:1}.narrow-section{max-width:860px;padding-top:25px}.verification-result{background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px;text-align:center;box-shadow:var(--shadow)}.verification-result>span{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;font-size:28px;background:#f1f2f6}.verification-result.verified>span{background:#e8f7f0;color:var(--success)}.verification-result.pending>span{background:#fff5df;color:var(--warning)}.verification-result.revoked>span,.verification-result.invalid>span{background:#ffeded;color:var(--danger)}.verification-data{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;text-align:left;margin-top:28px}.verification-data>div{background:var(--soft);padding:15px;border-radius:13px}.verification-data small,.verification-data strong{display:block}.verification-data small{color:var(--muted);font-size:10px}.revoke-note{color:var(--danger);font-weight:700}
.auth-shell{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:45px 22px;background:radial-gradient(circle at 20% 10%,#eeeeff,transparent 33%),#f8f8fc}.auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.wide-auth .auth-card{width:min(760px,100%)}.auth-card h1{font-size:32px;margin:10px 0}.auth-switch{text-align:center;color:var(--muted);margin:24px 0 0}.auth-switch a{color:var(--primary);font-weight:800}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f1f2f6;padding:4px;border-radius:12px;margin:22px 0}.segmented a{text-align:center;padding:9px;border-radius:9px;font-weight:800;font-size:12px}.segmented a.active{background:#fff;color:var(--primary);box-shadow:0 5px 12px rgba(20,20,50,.08)}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:grid;gap:6px;color:#42465e;font-weight:700;font-size:12px}label small{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #d9dce6;border-radius:11px;background:#fff;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}textarea{resize:vertical}.check-label{display:flex;align-items:center;gap:8px}.check-label input{width:auto}.info-box{background:#f3f3ff;border:1px solid #ddddfb;border-radius:14px;padding:15px}.info-box p{margin:4px 0;color:var(--muted);font-weight:400}.info-box code{display:block;font-size:16px;color:var(--primary);margin-top:5px}.status-card{text-align:center}.status-illustration{font-size:48px}.account-summary{display:grid;gap:6px;padding:18px;background:var(--soft);border-radius:14px;margin:20px 0}.alert{padding:12px 14px;border-radius:11px;margin:12px 0}.alert.danger{background:#ffefef;color:var(--danger)}.alert.success{background:#e8f7f0;color:var(--success)}
.dashboard-hero{max-width:1180px;margin:0 auto;padding:52px 28px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-hero h1{font-size:42px;margin:9px 0 3px}.dashboard-hero p{color:var(--muted);margin:0}.dashboard-grid{max-width:1180px;margin:0 auto;padding:0 28px 80px;display:grid;grid-template-columns:1.35fr .65fr;gap:17px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px}.dashboard-card.span-2{grid-column:1/-1}.score-line{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-top:20px}.score-orb{width:135px;height:135px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--primary) 0 75%,#ececf5 75%);position:relative}.score-orb:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#fff}.score-orb>*{position:relative}.score-orb strong{font-size:36px;line-height:1}.score-orb span{font-size:10px;color:var(--muted)}.score-orb.small{width:110px;height:110px}.score-line h3{margin:8px 0 4px}.score-line p{margin:0;color:var(--muted)}.certificate-mini{display:flex;gap:15px;align-items:flex-start;padding:20px;background:linear-gradient(145deg,#f8f5e8,#fff);border-radius:16px}.certificate-mini>span{font-size:35px}.certificate-mini p{margin:7px 0}.certificate-mini small{color:var(--muted)}.priority-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.priority-grid>div{background:var(--soft);border-radius:14px;padding:16px;display:grid;gap:5px}.priority-grid span{color:var(--muted);font-size:11px}.priority-grid strong{font-size:14px}
.assessment-shell{max-width:900px;margin:0 auto;padding:45px 24px 80px}.assessment-top{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.assessment-top h1{font-size:34px;margin:8px 0}.progress-meta{text-align:right;min-width:220px}.progress-meta>span{font-size:11px;color:var(--muted)}.progress-track{height:7px;background:#e7e8ef;border-radius:10px;overflow:hidden;margin-top:8px}.progress-track i{display:block;height:100%;background:var(--primary);border-radius:10px;transition:.3s}.question-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.question-panel.active{display:block}.question-meta{display:flex;gap:8px;flex-wrap:wrap}.question-meta span{font-size:10px;padding:5px 8px;border-radius:8px;background:#f1f2f6;color:#596074;font-weight:700}.question-panel h2{font-size:24px;line-height:1.42;margin:25px 0}.answer-list{display:grid;gap:10px}.answer-list label{display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;cursor:pointer;font-weight:500}.answer-list label:has(input:checked){border-color:var(--primary);background:#f5f5ff}.answer-list input{width:auto}.answer-letter{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f0f1f5;font-weight:800}.question-nav{display:flex;justify-content:space-between;gap:10px;margin-top:26px}
.result-hero{max-width:1180px;margin:0 auto;padding:55px 28px 30px;display:flex;justify-content:space-between;align-items:center;gap:35px}.result-hero h1{font-size:48px;margin:10px 0 5px}.result-hero p{color:var(--muted)}.big-score{width:210px;height:210px;border-radius:50%;background:conic-gradient(var(--primary) 0 78%,#e9e9f2 78%);display:grid;place-content:center;text-align:center;position:relative;flex:none}.big-score:before{content:'';position:absolute;inset:14px;border-radius:50%;background:#fff}.big-score>*{position:relative}.big-score strong{font-size:56px;line-height:.95}.big-score span{font-size:12px;color:var(--muted)}.big-score small{font-weight:800;color:var(--primary);margin-top:4px}.result-grid{max-width:1180px;margin:0 auto;padding:0 28px 35px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.result-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.result-card.span-2{grid-column:1/-1}.result-card h2{font-size:22px;margin:9px 0}.result-card>p{color:var(--muted)}.solo-scale{height:55px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:relative;margin-top:25px;padding-top:22px}.solo-scale:before{content:'';position:absolute;top:9px;left:0;right:0;height:5px;border-radius:9px;background:linear-gradient(90deg,#ececf5,#c6c6f1,var(--primary))}.solo-scale i{position:absolute;top:0;left:var(--position);width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:var(--primary);transform:translateX(-50%);box-shadow:0 3px 8px rgba(30,30,70,.2)}.solo-scale span{text-align:center;font-size:9px;color:var(--muted)}.metric-list{display:grid;gap:10px;margin-top:15px}.metric-list>div{display:grid;grid-template-columns:105px 1fr 43px;align-items:center;gap:10px;font-size:11px}.metric-list.compact>div{grid-template-columns:90px 1fr 40px}.metric-list progress{width:100%;height:8px;border:0;border-radius:10px;overflow:hidden}.metric-list progress::-webkit-progress-bar{background:#eceef4}.metric-list progress::-webkit-progress-value{background:var(--primary)}.domain-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.domain-cards>div{background:var(--soft);border-radius:14px;padding:18px 10px;text-align:center}.domain-cards strong{display:block;font-size:24px}.domain-cards span{color:var(--muted);font-size:10px}.recommendation{background:linear-gradient(145deg,#292959,#4545a5);color:#fff}.recommendation p,.recommendation .eyebrow{color:#d9daf7}.insight{display:flex;gap:12px;margin-top:20px;align-items:center}.insight strong{font-size:26px}.insight span{color:#e5e6ff;font-size:12px}.action-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.action-plan>div{background:var(--soft);border-radius:14px;padding:16px}.action-plan b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eaeaFF;color:var(--primary)}.action-plan p{margin:10px 0 0;font-size:12px;color:#565b72}.teacher-note{margin:16px 0;padding:20px;border-left:4px solid var(--primary);background:#f6f6ff;border-radius:0 14px 14px 0}.note-form{display:grid;gap:10px;margin-top:15px}.certificate-status-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#fffdf5,#fff)}.certificate-status-card p{max-width:650px}.certificate-status-card code{font-weight:800;color:var(--primary)}.verify-action{min-width:300px;display:grid;gap:9px}.details-section{padding-top:40px}.accordion-list{display:grid;gap:9px}.accordion-list details{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.accordion-list summary{display:grid;grid-template-columns:35px 1fr auto;gap:13px;padding:16px;cursor:pointer;align-items:start}.accordion-list summary>span{width:32px;height:32px;border-radius:9px;background:#efefff;color:var(--primary);display:grid;place-items:center;font-weight:800}.accordion-list summary p{margin:3px 0;color:var(--muted);font-size:11px}.detail-body{padding:0 64px 18px;color:#4c526a}.materials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.material-card{display:grid;grid-template-columns:48px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.material-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f1f1ff;font-size:20px}.material-meta{display:flex;gap:7px;flex-wrap:wrap}.material-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f1f2f6;padding:4px 6px;border-radius:6px}.material-content h3{font-size:15px;margin:8px 0 5px}.material-content p{font-size:12px;color:var(--muted);margin:0}
.admin-shell{max-width:1240px;margin:0 auto;padding:34px 24px 80px}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:30px;overflow:auto}.admin-tabs a{padding:11px 13px;white-space:nowrap;font-size:11px;font-weight:800;color:var(--muted)}.admin-tabs a.active{color:var(--primary);border-bottom:2px solid var(--primary)}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-title h1{font-size:34px;margin:7px 0 0}.admin-title p{color:var(--muted);margin:5px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.stat-grid article,.admin-panel,.editor-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.stat-grid span,.stat-grid small{display:block;color:var(--muted);font-size:11px}.stat-grid strong{font-size:32px;display:block;margin:4px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-grid{align-items:start}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.panel-head h2{font-size:18px;margin:0}.panel-head a{color:var(--primary);font-weight:800;font-size:11px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row span{display:flex;flex-direction:column}.list-row small{color:var(--muted)}.tutor-code-box{background:#f1f1ff;border:1px solid #ddddfb;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;column-gap:15px;align-items:center}.tutor-code-box small{grid-column:1/-1;color:var(--muted)}.tutor-code-box strong{font-size:20px;color:var(--primary)}.tutor-code-box button{border:0;background:#fff;border-radius:8px;padding:6px 9px;font-size:10px;color:var(--primary);font-weight:800}.filter-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.filter-chips a{font-size:11px;padding:7px 11px;background:#fff;border:1px solid var(--line);border-radius:999px}.filter-chips a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:17px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f8f9fc;color:#667085;font-size:9px;text-transform:uppercase;letter-spacing:.06em}td small{display:block;color:var(--muted);margin-top:3px}.question-cell{max-width:430px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.status.on{background:#e8f7f0;color:var(--success)}.status.pending{background:#fff5df;color:var(--warning)}.status.off{background:#f1f2f5;color:#666d80}.status.danger-status{background:#ffeded;color:var(--danger)}.row-actions{display:flex;align-items:center;gap:9px}.row-actions a,.row-actions button{border:0;background:none;padding:0;color:var(--primary);font-size:11px;font-weight:800}.row-actions button{color:var(--danger)}.editor-card h2{font-size:18px;margin:8px 0 16px}.option-editor{display:grid;gap:9px;margin:14px 0 20px}.option-editor>div{display:grid;grid-template-columns:35px 1fr 105px;gap:9px;align-items:center}.option-editor>div>span{width:32px;height:32px;border-radius:9px;background:#efefff;color:var(--primary);display:grid;place-items:center;font-weight:800}.storage-note{margin-top:25px;background:var(--soft);border-radius:14px;padding:15px}.storage-note code{display:block;margin:5px 0}.storage-note p{font-size:11px;color:var(--muted);margin:0}.inline-form{display:flex;align-items:end;gap:10px}.panel-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:16px}.panel-form label{flex:1}.empty-state,.empty-mini{text-align:center;color:var(--muted);padding:45px}.empty-state h3{color:var(--ink)}.empty-state p{max-width:480px;margin:8px auto 18px}.empty-icon{font-size:35px}.empty-mini{padding:25px}
.install-body{background:radial-gradient(circle at 20% 0,#eaeaff,transparent 36%),#f7f8fc}.install-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.install-card{width:min(720px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.install-card h1{margin:10px 0}.requirements{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.requirements span,.requirements strong{font-size:10px;padding:6px 8px;border-radius:7px;background:#f2f3f7}
.certificate-page{background:#eceef3}.certificate-toolbar{max-width:1120px;margin:20px auto 10px;padding:0 15px;display:flex;justify-content:space-between}.certificate-sheet{width:1120px;min-height:790px;margin:12px auto 40px;padding:22px;background:#fff;position:relative;box-shadow:0 25px 80px rgba(25,27,55,.18);overflow:hidden}.certificate-border{min-height:746px;border:2px solid #282852;outline:1px solid #d5b864;outline-offset:-9px;padding:54px 65px;position:relative;text-align:center}.certificate-brand{display:flex;align-items:center;justify-content:center;gap:12px}.certificate-brand>div:last-child{display:grid;text-align:left}.certificate-brand span{font-size:10px;color:var(--muted)}.certificate-kicker{font:800 13px 'Manrope';letter-spacing:.28em;color:#9a7e27;margin:45px 0 13px}.certificate-sheet h1{font-size:19px;font-weight:500;margin:0}.certificate-sheet h2{font-family:Georgia,serif;font-size:46px;font-weight:500;margin:12px 0;color:#2b2b55;border-bottom:1px solid #d5b864;display:inline-block;padding:0 30px 6px}.certificate-text{max-width:760px;margin:12px auto 28px;color:#53576c;font-size:15px}.certificate-achievement{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:780px;margin:0 auto}.certificate-achievement>div{border:1px solid #dddfe8;border-radius:13px;padding:14px}.certificate-achievement span,.certificate-achievement small{display:block;color:var(--muted);font-size:10px}.certificate-achievement strong{font-size:20px;color:#292956}.certificate-footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;text-align:left;margin-top:55px}.certificate-code small,.certificate-code strong,.certificate-code span{display:block}.certificate-code strong{font-size:17px}.certificate-code span{font-size:9px;color:var(--muted);word-break:break-all}.signature{text-align:center}.signature-space{height:45px}.signature strong{display:block;border-top:1px solid #303044;padding-top:6px}.signature small{color:var(--muted)}.certificate-validity{position:absolute;right:28px;bottom:25px;border:2px solid;padding:8px 13px;border-radius:8px;font-weight:800;transform:rotate(-4deg)}.certificate-validity.verified{color:var(--success);border-color:var(--success)}.certificate-validity.pending{color:var(--warning);border-color:var(--warning)}.certificate-validity.revoked{color:var(--danger);border-color:var(--danger)}.certificate-watermark{position:absolute;z-index:2;top:46%;left:50%;transform:translate(-50%,-50%) rotate(-22deg);font:800 70px 'Manrope';color:rgba(190,60,60,.13);white-space:nowrap}.certificate-verify-box{max-width:720px;margin:0 auto 50px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;align-items:end;gap:10px}.certificate-verify-box label{flex:1}
@media(max-width:1000px){.hero{grid-template-columns:1fr;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{min-height:450px}.level-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.result-grid,.admin-grid,.guide-grid{grid-template-columns:1fr}.result-card.span-2{grid-column:auto}.dashboard-grid{grid-template-columns:1fr}.dashboard-card.span-2{grid-column:auto}.action-plan{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.certificate-sheet{width:96%;min-height:auto}.certificate-border{min-height:700px}}
@media(max-width:720px){.site-header{padding:0 14px}.brand strong{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:67px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:9px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero{padding:55px 18px}.hero-copy h1{font-size:45px}.hero-stats{gap:20px}.hero-visual{transform:scale(.87);margin:-25px 0}.role-grid,.level-grid,.steps-grid,.materials-grid{grid-template-columns:1fr}.section{padding:55px 18px}.section-heading h2{font-size:30px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.span-2,.span-all,.wide{grid-column:auto}.auth-card{padding:28px 20px}.page-hero h1{font-size:37px}.verify-form{flex-direction:column}.verification-data{grid-template-columns:1fr}.dashboard-hero,.result-hero,.admin-title,.assessment-top{align-items:flex-start;flex-direction:column}.dashboard-hero h1{font-size:35px}.dashboard-grid,.result-grid{padding-left:14px;padding-right:14px}.big-score{align-self:center;width:180px;height:180px}.result-hero h1{font-size:38px}.domain-cards{grid-template-columns:1fr}.action-plan{grid-template-columns:1fr}.certificate-status-card{align-items:flex-start;flex-direction:column}.verify-action{min-width:0;width:100%}.assessment-shell{padding:30px 13px}.question-panel{padding:24px 16px}.question-panel h2{font-size:20px}.question-nav .btn{flex:1;padding:11px 8px}.progress-meta{text-align:left;width:100%;min-width:0}.metric-list>div{grid-template-columns:90px 1fr 40px}.accordion-list summary{grid-template-columns:32px 1fr}.accordion-list summary>b{grid-column:2}.detail-body{padding:0 17px 15px}.stat-grid{grid-template-columns:1fr 1fr}.admin-shell{padding:24px 13px}.admin-title h1{font-size:29px}.option-editor>div{grid-template-columns:32px 1fr}.option-editor select{grid-column:2}.inline-form,.certificate-verify-box{align-items:stretch;flex-direction:column}.site-footer{flex-direction:column}.certificate-toolbar{flex-direction:column;gap:8px}.certificate-sheet{padding:8px}.certificate-border{padding:38px 20px;min-height:720px}.certificate-sheet h2{font-size:33px;padding-inline:10px}.certificate-achievement{grid-template-columns:1fr}.certificate-footer{grid-template-columns:1fr;margin-top:35px}.certificate-watermark{font-size:38px}}
@media print{.site-header,.site-footer,.no-print,.toast{display:none!important}body{background:#fff}.result-hero,.result-grid,.section{padding-left:0;padding-right:0}.result-card,.material-card{break-inside:avoid;box-shadow:none}.details-section{page-break-before:always}.accordion-list details{break-inside:avoid}.accordion-list details>*{display:block!important}.certificate-page{background:#fff}.certificate-sheet{width:297mm;height:210mm;min-height:210mm;margin:0;padding:7mm;box-shadow:none}.certificate-border{min-height:196mm;padding:13mm 18mm}.certificate-kicker{margin-top:12mm}.certificate-footer{margin-top:12mm}@page{size:A4 landscape;margin:0}}

/* ===== Adaptive experience: Version 3 ===== */
body.theme-play{--primary:#e6499a;--primary-dark:#9d2268;--theme-soft:#fff1f8;--theme-accent:#ffbf3f;background:radial-gradient(circle at 8% 12%,#fff0a8 0 5%,transparent 16%),radial-gradient(circle at 93% 18%,#bee9ff 0 5%,transparent 17%),linear-gradient(180deg,#fffaff,#fbfdff)}
body.theme-mission{--primary:#1868d4;--primary-dark:#104386;--theme-soft:#edf6ff;--theme-accent:#16b8a6;background:linear-gradient(180deg,#f7fbff,#fbfcff)}
body.theme-lab{--primary:#6941c6;--primary-dark:#3d2583;--theme-soft:#f4f0ff;--theme-accent:#f79009;background:linear-gradient(180deg,#fcfbff,#fafbfc)}
body.theme-studio{--primary:#1c6b60;--primary-dark:#10473f;--theme-soft:#edf8f5;--theme-accent:#c27a1a;background:linear-gradient(180deg,#f8fcfb,#fafbfc)}
body.theme-worklife{--primary:#344054;--primary-dark:#182230;--theme-soft:#f2f4f7;--theme-accent:#0e9384;background:linear-gradient(180deg,#f8fafc,#fff)}
body[class*="theme-"] .brand-mark{background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 62%,#fff))}
.level-dashboard{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--theme-soft) 88%,#fff));box-shadow:0 22px 65px color-mix(in srgb,var(--primary) 10%,transparent)}
.level-dashboard:after{content:'';position:absolute;width:310px;height:310px;border-radius:50%;right:-120px;top:-160px;background:color-mix(in srgb,var(--theme-accent) 15%,transparent)}
.level-welcome{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.level-mascot,.assessment-mascot{width:72px;height:72px;border-radius:23px;display:grid;place-items:center;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 18%,transparent);font-size:34px;flex:0 0 auto}
.theme-play .level-mascot,.theme-play .assessment-mascot{border-radius:50%;background:linear-gradient(145deg,#fff7c8,#fff);animation:mascotBob 2.8s ease-in-out infinite}.theme-play .level-dashboard{border-radius:32px}.theme-play .dashboard-card{border-radius:28px}.theme-mission .level-mascot,.theme-mission .assessment-mascot{background:linear-gradient(145deg,#e8f5ff,#fff)}.theme-lab .level-mascot,.theme-lab .assessment-mascot{background:linear-gradient(145deg,#f1ebff,#fff)}.theme-studio .level-mascot,.theme-studio .assessment-mascot{background:linear-gradient(145deg,#e7f8f2,#fff)}.theme-worklife .level-mascot,.theme-worklife .assessment-mascot{border-radius:16px;background:linear-gradient(145deg,#edf1f5,#fff)}
@keyframes mascotBob{50%{transform:translateY(-7px) rotate(3deg)}}

.themed-assessment{max-width:1040px;position:relative}.themed-assessment:before{content:'';position:fixed;inset:74px 0 0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 28%),radial-gradient(circle at 90% 35%,color-mix(in srgb,var(--theme-accent) 9%,transparent),transparent 25%)}
.assessment-title-wrap{display:flex;align-items:flex-start;gap:18px;max-width:690px}.assessment-title-wrap h1{font-size:34px;margin:5px 0 4px;letter-spacing:-.035em}.assessment-title-wrap p{margin:0;color:var(--muted)}.assessment-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.assessment-facts span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700;color:#596078}.progress-meta small{display:block;margin-top:8px;color:var(--primary);font-weight:700}.mission-trail{max-width:820px;margin:4px auto 16px;display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden}.mission-trail i{width:10px;height:10px;border-radius:999px;background:#dfe2ea;transition:.25s}.mission-trail i.done{background:color-mix(in srgb,var(--primary) 58%,#fff)}.mission-trail i.active{width:30px;background:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 11%,transparent)}
.question-panel{border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));box-shadow:0 24px 64px color-mix(in srgb,var(--primary) 9%,transparent);overflow:hidden}.question-panel:before{content:'';display:block;height:5px;margin:-34px -34px 27px;background:linear-gradient(90deg,var(--primary),var(--theme-accent))}.question-panel h2{font-size:25px;line-height:1.42;letter-spacing:-.02em}.question-meta{flex-wrap:wrap}.question-meta span:first-child{background:var(--primary);color:#fff;border-color:var(--primary)}.scenario-box{margin:17px 0 20px;padding:17px 19px;border-radius:17px;background:color-mix(in srgb,var(--theme-soft) 82%,#fff);border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line))}.scenario-box b{display:block;color:var(--primary);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.scenario-box p{margin:5px 0 0;color:#3f4557;font-size:14px;line-height:1.75}.skill-chips{display:flex;gap:6px;flex-wrap:wrap}.skill-chips span{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,#fff);border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));color:var(--primary-dark);font-size:10px;font-weight:800}.question-skills{margin:0 0 17px}.answer-list{gap:10px}.answer-list label{position:relative;grid-template-columns:39px 1fr 22px;min-height:65px;align-items:center;border:1px solid #e2e6ee;background:#fff;transition:.18s ease;overflow:hidden}.answer-list label:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 40%,var(--line));box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 9%,transparent)}.answer-list label.selected{border-color:var(--primary);background:color-mix(in srgb,var(--theme-soft) 80%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.answer-list label i{font-style:normal;opacity:0;transform:scale(.4);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;transition:.2s}.answer-list label.selected i{opacity:1;transform:scale(1)}.answer-letter{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f2f4f7;color:#667085;font-weight:800}.answer-list label.selected .answer-letter{background:var(--primary);color:#fff}.question-panel.needs-answer{animation:needsAnswer .34s ease}.question-panel.needs-answer .answer-list{outline:3px solid color-mix(in srgb,#e5484d 20%,transparent);outline-offset:6px;border-radius:16px}@keyframes needsAnswer{25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-4px)}}
.theme-play .question-panel{border-radius:30px}.theme-play .question-panel h2{font-size:27px}.theme-play .scenario-box{background:linear-gradient(135deg,#fff8c9,#fff0fa);border-style:dashed;border-width:2px}.theme-play .answer-list label{border-radius:19px;font-size:15px}.theme-play .answer-list label:nth-child(4n+1) .answer-letter{background:#ffe0ef;color:#b4236a}.theme-play .answer-list label:nth-child(4n+2) .answer-letter{background:#dcf4ff;color:#056b91}.theme-play .answer-list label:nth-child(4n+3) .answer-letter{background:#e7f9dd;color:#397a16}.theme-play .answer-list label:nth-child(4n+4) .answer-letter{background:#fff0cc;color:#8d5a00}.theme-play .question-nav .btn{border-radius:999px;padding-inline:22px}.theme-mission .question-panel{border-radius:22px}.theme-mission .scenario-box{border-left:5px solid var(--primary)}.theme-lab .question-panel{border-radius:15px}.theme-lab .scenario-box{background:#faf8ff}.theme-studio .question-panel{border-radius:18px}.theme-worklife .question-panel{border-radius:12px;box-shadow:0 18px 46px rgba(16,24,40,.08)}.theme-worklife .scenario-box{border-radius:9px;background:#f8fafc}.answer-sparkle{position:absolute;z-index:9999;pointer-events:none;color:#e6499a;font-weight:900;animation:sparkleFly .8s ease-out forwards}@keyframes sparkleFly{from{transform:translate(0,0) scale(.6);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.4) rotate(180deg);opacity:0}}

.diagnostic-section,.lifecycle-section{padding-top:42px;padding-bottom:42px}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.diagnostic-grid>article{display:grid;grid-template-columns:44px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px}.diagnostic-grid>article>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800}.diagnostic-grid small{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.diagnostic-grid h3{margin:3px 0 7px;font-size:16px}.diagnostic-grid p{margin:5px 0;color:#555d70}.diagnostic-grid .evidence{padding:9px 11px;border-radius:10px;background:#f7f8fb}.lifecycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lifecycle-grid article{position:relative;overflow:hidden;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}.lifecycle-grid article:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:var(--stage)}.lifecycle-grid .stage-output{--stage:#6941c6}.lifecycle-grid .stage-outcome{--stage:#1570ef}.lifecycle-grid .stage-impact{--stage:#079455}.lifecycle-grid .stage-sustainability{--stage:#dc6803}.lifecycle-grid small{color:var(--stage);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.lifecycle-grid h3{font-size:16px;margin:7px 0}.lifecycle-grid p{color:var(--muted);min-height:82px}.lifecycle-grid article div{padding-top:12px;border-top:1px solid var(--line);font-size:11px}.mini-lifecycle{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:14px}.mini-lifecycle span{padding:8px;border-radius:9px;background:#f7f8fb;font-size:10px;color:#53596a}.strength-line{padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--theme-soft) 82%,#fff);margin:12px 0}.material-impact{margin-top:13px;border-top:1px solid var(--line);padding-top:11px}.material-impact summary{cursor:pointer;color:var(--primary);font-weight:800;font-size:11px}.material-impact div{display:grid;gap:6px;margin-top:10px}.material-impact p{margin:0!important;padding:8px 10px;border-radius:9px;background:#f8f9fb;font-size:11px}.mentor-card{border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--theme-soft) 75%,#fff))}.action-plan.enhanced article{border-top:4px solid var(--primary)}

.editor-card .impact-fields{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:16px}.form-grid .span-3{grid-column:1/-1}.reference-editor textarea{min-height:110px}

@media(max-width:900px){.assessment-title-wrap{max-width:none}.lifecycle-grid{grid-template-columns:repeat(2,1fr)}.diagnostic-grid{grid-template-columns:1fr}}
@media(max-width:720px){.level-welcome{align-items:flex-start}.level-mascot,.assessment-mascot{width:58px;height:58px;font-size:27px}.assessment-title-wrap{flex-direction:column}.assessment-title-wrap h1{font-size:27px}.assessment-facts{gap:5px}.mission-trail{justify-content:flex-start;padding:6px}.question-panel:before{margin:-24px -16px 22px}.theme-play .question-panel h2{font-size:22px}.answer-list label{grid-template-columns:36px 1fr 20px;padding:12px 11px}.lifecycle-grid,.mini-lifecycle{grid-template-columns:1fr}.lifecycle-grid article p{min-height:0}.diagnostic-grid>article{grid-template-columns:36px 1fr;padding:16px}.diagnostic-grid>article>span{width:34px;height:34px}.assessment-facts span{font-size:9px}.form-grid .span-3{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.theme-play .level-mascot,.theme-play .assessment-mascot{animation:none}*{scroll-behavior:auto!important}.answer-list label,.btn{transition:none}}
.certificate-competencies{max-width:760px;margin:20px auto 0;padding:10px 16px;border-radius:12px;background:#f7f8fb;color:#4c5364;font-size:11px;text-align:center}.certificate-disclaimer{max-width:760px;margin:8px auto 0;color:#858b99;font-size:8px;text-align:center}.certificate-sheet.verified .certificate-competencies{background:#f0faf6}

/* ===== Version 4: responsive comfort + editable professional certificate ===== */
html{font-size:16px}body{font-size:clamp(14px,13.2px + .12vw,16px);line-height:1.62;-webkit-text-size-adjust:100%}main{overflow-x:hidden}.hero,.section,.site-footer{max-width:1180px}.hero{padding:clamp(54px,7vw,82px) clamp(18px,3vw,30px);gap:clamp(28px,5vw,54px)}.hero-copy h1{font-size:clamp(38px,5vw,58px);line-height:1.05}.hero-copy>p{font-size:clamp(15px,1.3vw,17px)}.section{padding:clamp(48px,6vw,72px) clamp(18px,3vw,30px)}.section-heading h2,.page-hero h1{font-size:clamp(30px,4vw,43px)}.auth-card,.editor-card,.admin-panel,.result-card,.dashboard-card,.question-panel{padding:clamp(20px,3vw,32px)}input,select,textarea{min-height:46px;font-size:16px}textarea{min-height:96px}.btn{min-height:44px;padding:11px 16px}.admin-tabs{scrollbar-width:thin}.admin-tabs a{white-space:nowrap}.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:760px}.question-panel h2{font-size:clamp(20px,2.5vw,26px)}.answer-list label{font-size:clamp(13px,1.2vw,15px);padding:clamp(12px,1.8vw,16px)}

.certificate-editor-layout{display:grid;grid-template-columns:minmax(340px,470px) minmax(0,1fr);gap:22px;align-items:start}.certificate-design-form{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}.certificate-design-form h2{margin:8px 0 14px}.certificate-preview-wrap{min-width:0}.preview-label{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:10px}.preview-label span{font-size:11px;color:var(--muted)}.certificate-preview-stage{background:linear-gradient(135deg,#eef1f6,#f8f9fb);border:1px solid var(--line);border-radius:22px;padding:18px;overflow:auto}.certificate-preview{width:1120px;aspect-ratio:1120/790;transform-origin:top left;zoom:.55;background:#fff;position:relative;box-shadow:0 20px 55px rgba(16,24,40,.15)}

.certificate-page{background:#eef1f5}.certificate-page main{overflow-x:auto}.certificate-toolbar{max-width:1120px;margin:24px auto 10px;padding:0 12px;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.certificate-sheet{width:min(1120px,calc(100vw - 28px));aspect-ratio:1120/790;min-height:0;height:auto;margin:10px auto 38px;padding:18px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.18);border-radius:5px;overflow:hidden}.certificate-sheet .certificate-border,.certificate-preview .certificate-border{height:100%;min-height:0;border:2px solid var(--cert-accent,#173b67);outline:1px solid var(--cert-secondary,#c79a32);outline-offset:-9px;padding:clamp(24px,4.2vw,54px) clamp(24px,5vw,66px);position:relative;text-align:center;background:
radial-gradient(circle at 0 0,color-mix(in srgb,var(--cert-secondary,#c79a32) 14%,transparent),transparent 24%),
radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--cert-accent,#173b67) 10%,transparent),transparent 26%),#fff;color:#172033}.certificate-style-modern .certificate-border{outline:none;border:0;border-left:13px solid var(--cert-accent);border-right:13px solid var(--cert-secondary);background:linear-gradient(145deg,#fff 0 76%,color-mix(in srgb,var(--cert-accent) 7%,#fff) 76%)}.certificate-style-minimal .certificate-border{outline:none;border:1px solid #d9dee8;background:#fff}.certificate-corner{position:absolute;width:65px;height:65px;border-color:var(--cert-secondary);pointer-events:none}.certificate-style-minimal .certificate-corner{display:none}.corner-a{left:16px;top:16px;border-left:4px solid;border-top:4px solid}.corner-b{right:16px;top:16px;border-right:4px solid;border-top:4px solid}.corner-c{left:16px;bottom:16px;border-left:4px solid;border-bottom:4px solid}.corner-d{right:16px;bottom:16px;border-right:4px solid;border-bottom:4px solid}.certificate-style-modern .certificate-corner{border-width:0;width:80px;height:80px;background:color-mix(in srgb,var(--cert-secondary) 16%,transparent);clip-path:polygon(100% 0,100% 100%,0 0)}.certificate-style-modern .corner-a,.certificate-style-modern .corner-c{display:none}.certificate-style-modern .corner-b{right:0;top:0}.certificate-style-modern .corner-d{right:0;bottom:0;transform:rotate(90deg)}
.certificate-header{display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left}.certificate-brand{display:flex;align-items:center;gap:12px}.certificate-brand strong,.certificate-brand span{display:block}.certificate-brand strong{font-size:clamp(12px,1.2vw,16px);color:var(--cert-accent)}.certificate-brand span{font-size:clamp(8px,.8vw,11px);color:#687386}.certificate-logo{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--cert-accent);border:3px solid color-mix(in srgb,var(--cert-secondary) 80%,#fff);color:#fff;font:800 14px Manrope,sans-serif;letter-spacing:.03em}.certificate-verified-mark{text-align:right;color:var(--cert-accent)}.certificate-verified-mark span{display:block;font:800 10px Manrope,sans-serif;letter-spacing:.17em}.certificate-verified-mark small{font-size:8px;color:#7b8494}.certificate-heading{margin-top:clamp(10px,2vw,24px)}.certificate-subtitle{margin:0;color:var(--cert-secondary);font-weight:800;font-size:clamp(8px,.9vw,11px);letter-spacing:.2em;text-transform:uppercase}.certificate-sheet h1,.certificate-preview h1{font:800 clamp(17px,2.2vw,28px) Manrope,sans-serif;letter-spacing:.08em;color:var(--cert-accent);margin:5px 0 3px}.certificate-title-rule{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--cert-secondary)}.certificate-title-rule i{width:80px;height:1px;background:var(--cert-secondary)}.certificate-title-rule b{font-size:9px}.certificate-recipient-label{font-size:clamp(9px,1vw,12px);color:#697386;margin:clamp(10px,2vw,23px) 0 2px}.certificate-sheet h2,.certificate-preview h2{display:inline-block;margin:0;padding:0 clamp(14px,3vw,36px) 5px;border-bottom:1px solid var(--cert-secondary);font:italic 500 clamp(28px,4vw,50px) Georgia,serif;color:#1b2a42}.certificate-text{max-width:820px;margin:clamp(8px,1.3vw,15px) auto 0;font-size:clamp(9px,1.05vw,13px);line-height:1.55;color:#4f5c70}.certificate-achievement{max-width:800px;margin:clamp(10px,2vw,22px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid color-mix(in srgb,var(--cert-accent) 22%,#dfe4ec);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.82)}.certificate-achievement>div{padding:clamp(8px,1.5vw,16px);border-right:1px solid #e4e8ef}.certificate-achievement>div:last-child{border-right:0}.certificate-achievement span,.certificate-achievement strong,.certificate-achievement small{display:block}.certificate-achievement span{font-size:clamp(7px,.75vw,9px);text-transform:uppercase;letter-spacing:.09em;color:#7a8494}.certificate-achievement strong{font-size:clamp(13px,1.7vw,22px);line-height:1.15;color:var(--cert-accent);margin:3px 0}.certificate-achievement small{font-size:clamp(7px,.75vw,9px);color:#727d8f}.certificate-competencies{max-width:780px;margin:clamp(8px,1.4vw,15px) auto 0;padding:8px 13px;border-radius:999px;background:color-mix(in srgb,var(--cert-accent) 6%,#fff);font-size:clamp(7px,.78vw,9px);color:#586377}.certificate-competencies strong{color:var(--cert-accent);margin-right:6px}.certificate-bottom{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(190px,.55fr);gap:28px;align-items:end;margin-top:clamp(10px,1.8vw,20px)}.certificate-verification-panel{display:flex;align-items:center;gap:13px;text-align:left}.certificate-qr{width:82px;flex:0 0 82px;text-align:center}.certificate-qr img,.certificate-qr svg{display:block;width:76px;height:76px;border:1px solid #dfe4ea;padding:3px;background:#fff}.certificate-qr small{display:block;font-size:7px;color:#657084;margin-top:2px}.certificate-code{min-width:0}.certificate-code small,.certificate-code strong,.certificate-code b,.certificate-code span{display:block}.certificate-code small{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#7a8494}.certificate-code strong{font-size:12px;color:#24344c}.certificate-code b{font-size:10px;color:var(--cert-accent)}.certificate-code span{max-width:440px;font-size:6px;color:#788395;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signature{text-align:center;font-size:9px;color:#606b7d}.signature-space{height:34px}.signature strong{display:block;border-top:1px solid #27364b;padding-top:5px;color:#1d2c43}.signature small{display:block;color:#687386}.certificate-disclaimer{max-width:800px;margin:6px auto 0;font-size:6.5px;line-height:1.35;color:#87909e;text-align:center}.certificate-validity{right:28px;bottom:22px;font-size:8px;padding:6px 9px;background:#fff}.certificate-watermark{font-size:clamp(34px,6vw,70px)}.preview-qr-box{height:76px;border:1px dashed #b6bfcc;display:grid;place-items:center;color:#8a94a4;font-weight:800;background:#fff}

.password-reset-card{border:1px solid color-mix(in srgb,var(--warning) 35%,var(--line));background:linear-gradient(145deg,#fff,#fffaf0)}.password-field-row{display:grid;grid-template-columns:1fr auto;gap:8px}.password-field-row .btn{align-self:end}.must-change-note{font-size:11px;color:#7a5a19;background:#fff4d6;padding:9px 11px;border-radius:10px}

@media(max-width:1050px){.certificate-editor-layout{grid-template-columns:1fr}.certificate-design-form{position:static;max-height:none}.certificate-preview{zoom:.68}.certificate-preview-stage{overflow:hidden}.certificate-preview-wrap{max-width:760px}.level-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{height:66px}.hero{padding-top:48px}.hero-visual{min-height:380px}.hero-copy h1{letter-spacing:-.035em}.role-grid,.steps-grid,.level-grid{grid-template-columns:1fr}.admin-shell{padding:20px 12px}.admin-tabs{margin-inline:-2px}.admin-title{gap:12px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.wide,.span-2,.span-3{grid-column:auto}.certificate-toolbar{justify-content:stretch}.certificate-toolbar .btn{flex:1}.certificate-sheet{width:calc(100vw - 16px);padding:7px;aspect-ratio:auto;min-height:620px}.certificate-sheet .certificate-border{padding:25px 16px;min-height:606px}.certificate-header{align-items:flex-start}.certificate-logo{width:42px;height:42px;font-size:11px}.certificate-verified-mark small{display:none}.certificate-sheet h1{font-size:17px;letter-spacing:.04em}.certificate-sheet h2{font-size:31px}.certificate-text{font-size:10px}.certificate-achievement{grid-template-columns:1fr 1fr 1fr}.certificate-achievement>div{padding:9px 5px}.certificate-achievement strong{font-size:12px}.certificate-bottom{grid-template-columns:1fr;gap:10px;margin-top:12px}.certificate-verification-panel{justify-content:center}.certificate-qr{width:66px;flex-basis:66px}.certificate-qr img,.certificate-qr svg,.preview-qr-box{width:60px;height:60px}.signature{max-width:250px;margin-left:auto}.signature-space{height:22px}.certificate-validity{position:static;display:inline-block;margin-top:8px;transform:none}.certificate-corner{width:42px;height:42px}.certificate-preview{zoom:.42}.certificate-preview-stage{padding:8px}.password-field-row{grid-template-columns:1fr}.table-wrap table{min-width:680px}}
@media(max-width:430px){.certificate-achievement{gap:0}.certificate-achievement span{letter-spacing:0}.certificate-achievement small{display:none}.certificate-verification-panel{align-items:flex-start}.certificate-code span{display:none}.certificate-brand span{display:none}.certificate-verified-mark{display:none}.certificate-sheet h2{font-size:27px}.certificate-text{line-height:1.4}.certificate-disclaimer{font-size:6px}.certificate-preview{zoom:.34}}
@media print{html,body{width:297mm;height:210mm}.certificate-page main{overflow:visible}.certificate-sheet{width:297mm;height:210mm;min-height:210mm;aspect-ratio:auto;margin:0;padding:7mm;border-radius:0;box-shadow:none}.certificate-sheet .certificate-border{min-height:196mm;height:196mm;padding:12mm 17mm}.certificate-sheet h1{font-size:7mm}.certificate-sheet h2{font-size:12mm}.certificate-text{font-size:3.2mm}.certificate-achievement span{font-size:2.1mm}.certificate-achievement strong{font-size:4.4mm}.certificate-achievement small{font-size:2mm}.certificate-subtitle{font-size:2.3mm}.certificate-recipient-label{font-size:2.5mm}.certificate-code small{font-size:1.7mm}.certificate-code strong{font-size:3mm}.certificate-code b{font-size:2.5mm}.certificate-code span{font-size:1.4mm}.certificate-qr,.certificate-qr img,.certificate-qr svg{width:19mm;height:19mm}.certificate-disclaimer{font-size:1.55mm}.certificate-validity{font-size:2mm}.certificate-bottom{margin-top:4mm}.signature-space{height:9mm}}

/* Curriculum Society 5.0 */
.curriculum-hero{max-width:980px}.curriculum-section{padding-top:42px;padding-bottom:52px}.curriculum-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.curriculum-principles article,.curriculum-domain-grid article,.dimension-framework article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.curriculum-principles article>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef0ff;color:var(--primary);font-weight:800}.curriculum-principles h2{font-size:17px;margin:14px 0 7px}.curriculum-principles p,.curriculum-domain-grid p,.dimension-framework p{margin:0;color:var(--muted)}.curriculum-domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1120px;margin:0 auto}.curriculum-domain-grid b{font-size:28px}.curriculum-domain-grid h3{margin:10px 0 6px}.digital-taxonomy-grid{max-width:900px;margin:0 auto;display:grid;gap:10px}.digital-taxonomy-grid article{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.digital-taxonomy-grid article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#7979ea);color:#fff;font-weight:800}.digital-taxonomy-grid h3{margin:0 0 4px}.digital-taxonomy-grid p{margin:0;color:var(--muted)}.dimension-framework{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1050px;margin:0 auto}.dimension-framework article>span{font-size:30px}.dimension-framework h3{margin:10px 0 6px}.dimension-framework small{display:inline-block;margin-top:12px;padding:5px 8px;border-radius:8px;background:#f1f2f7;color:var(--primary);font-weight:700}.reference-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.reference-hub-grid a{display:block;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.18s}.reference-hub-grid a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:0 12px 28px rgba(20,25,60,.08)}.reference-hub-grid strong,.reference-hub-grid span{display:block}.reference-hub-grid strong{color:var(--primary);margin-bottom:5px}.reference-hub-grid span{font-size:11px;color:var(--muted)}
@media(max-width:980px){.curriculum-principles{grid-template-columns:repeat(2,1fr)}.reference-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.curriculum-principles,.curriculum-domain-grid,.dimension-framework,.reference-hub-grid{grid-template-columns:1fr}.curriculum-section{padding-top:32px;padding-bottom:38px}}

/* Version 5: course-style, international, HOTS multimedia */
.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#fff}.language-switch a{min-width:31px;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:800;text-align:center;color:var(--muted)}.language-switch a.active{background:var(--primary);color:#fff}.notification-badge,.tab-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:9px;font-weight:900}.admin-tabs a{display:inline-flex;align-items:center;gap:5px}
.course-dashboard-hero{max-width:1180px;margin:24px auto 8px;padding:clamp(20px,3vw,34px);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,#fff),#fff 62%);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 45px rgba(27,37,84,.08)}.course-dashboard-copy{display:flex;align-items:center;gap:18px;min-width:0}.course-dashboard-copy h1{font-size:clamp(25px,3vw,42px);margin:2px 0 7px;letter-spacing:-.035em}.course-dashboard-copy p{max-width:720px;margin:0;color:var(--muted)}.course-profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.course-profile-tags span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:10px;font-weight:750}.course-catalog-section{max-width:1180px;margin:0 auto;padding:24px 16px 54px}.course-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-program-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(24,34,76,.07);transition:.2s}.course-program-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(24,34,76,.11)}.course-cover{min-height:142px;padding:22px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(135deg,#eef0ff,#dbe4ff);position:relative;overflow:hidden}.course-cover:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;right:-45px;top:-55px;background:rgba(255,255,255,.45)}.course-cover>span{font-size:46px;position:relative;z-index:1}.course-cover>small{position:relative;z-index:1;padding:6px 9px;background:rgba(255,255,255,.8);border-radius:999px;font-weight:800}.cover-material{background:linear-gradient(135deg,#e8fff3,#d4f5e5)}.cover-certificate{background:linear-gradient(135deg,#fff8e5,#f6e6b8)}.course-program-card .course-body{padding:19px}.course-program-card h3{margin:0 0 7px;font-size:18px}.course-program-card p{min-height:48px;color:var(--muted);margin:0 0 15px}.course-progress{height:7px;border-radius:999px;background:#edf0f5;overflow:hidden;margin:12px 0}.course-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#7c7cf0)}.course-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.course-summary-grid div{padding:9px;border-radius:12px;background:#f7f8fb}.course-summary-grid strong,.course-summary-grid small{display:block}.course-summary-grid strong{font-size:16px}.course-summary-grid small{font-size:9px;color:var(--muted)}
.precision-assessment{max-width:1180px;margin:20px auto 54px;padding:0 16px}.course-assessment-top{padding:clamp(18px,2.6vw,30px);border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 38px rgba(29,38,78,.08)}.assessment-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.assessment-facts span{padding:6px 9px;border-radius:999px;background:#f5f6fa;font-size:10px;font-weight:700}.question-panel.media-question{padding:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 16px 44px rgba(24,32,67,.09)}.question-head-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fafbfe}.question-meta{display:flex;flex-wrap:wrap;gap:6px}.question-meta span{padding:5px 8px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:9px;font-weight:800}.question-time{white-space:nowrap;font-size:10px;color:var(--muted)}.question-case-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);min-height:410px}.question-case-layout.no-media{grid-template-columns:1fr}.question-media-card{padding:18px;background:linear-gradient(145deg,#f0f3ff,#f9fbff);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.media-label{margin-bottom:9px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.question-media-card img{display:block;width:100%;max-height:330px;object-fit:contain;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.05)}.question-media-card figcaption,.question-media-card>small{display:block;margin-top:9px;color:var(--muted);font-size:10px;line-height:1.45}.video-frame{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#101321}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.external-video-placeholder{min-height:235px;display:grid;place-items:center;text-align:center;padding:24px;border-radius:16px;background:linear-gradient(145deg,#1b2340,#313c69);color:#fff}.external-video-placeholder b{display:block;font-size:17px;margin-top:8px}.external-video-placeholder span{font-size:42px}.question-case-content{padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;justify-content:center;min-width:0}.case-kicker{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--primary);text-transform:uppercase}.question-case-content h2{font-size:clamp(20px,2.4vw,31px);line-height:1.26;margin:8px 0 14px}.case-scenario{font-size:clamp(13px,1.25vw,16px);line-height:1.72;color:#384154}.problem-prompt,.hots-prompt{padding:13px 15px;border-radius:14px;margin:10px 0}.problem-prompt{background:#fff7e8;border-left:4px solid #e39b21}.hots-prompt{background:color-mix(in srgb,var(--primary) 7%,#fff);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))}.problem-prompt small,.hots-prompt small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.precision-answers{display:grid;gap:9px;margin-top:15px}.precision-answers label{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:.16s}.precision-answers label:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--line));transform:translateX(2px)}.precision-answers label:has(input:checked){background:color-mix(in srgb,var(--primary) 7%,#fff);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 11%,transparent)}.precision-answers input{width:18px;height:18px}.precision-answers b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#f2f4f8;color:var(--primary)}
.level-sd .question-panel{border-radius:30px}.level-sd .question-head-row{background:#fff8d9}.level-sd .question-media-card{background:linear-gradient(145deg,#fff8d8,#e8f9ff)}.level-sd .precision-answers label{font-size:15px;border-width:2px}.level-sd .question-case-content h2{color:#273a69}.level-smp .question-head-row{background:#eaf5ff}.level-smp .question-media-card{background:linear-gradient(145deg,#eaf5ff,#effff8)}.level-sma .question-head-row{background:#f1f2ff}.level-sma .question-media-card{background:linear-gradient(145deg,#eef0ff,#f8f8ff)}.level-kuliah .question-head-row,.level-umum .question-head-row{background:#f5f6f8}.level-kuliah .question-media-card,.level-umum .question-media-card{background:linear-gradient(145deg,#eef1f5,#fafbfc)}
.notification-total{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#2e326d,#5b5bd6);color:#fff;margin-bottom:16px}.notification-total strong{font-size:32px}.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notification-panel{padding:0;overflow:hidden}.notification-panel .panel-head{padding:17px 18px;background:#fafbfe;border-bottom:1px solid var(--line)}.notification-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid var(--line)}.notification-item:last-child{border-bottom:0}.notification-item p{margin:2px 0;color:var(--muted);font-size:11px}.notification-item small{font-size:9px;color:#7c8493}.notification-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eef0ff}
.bilingual-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bilingual-columns>section,.bilingual-columns>div{display:grid;align-content:start;gap:11px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.language-label{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:#eef0ff;color:var(--primary);font-size:10px;font-weight:900}.editor-section{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.editor-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.editor-section-title>span{width:34px;height:34px;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900}.editor-section-title h2,.editor-section-title p{margin:0}.editor-section-title p{color:var(--muted);font-size:11px}.material-editor-v5{display:grid;gap:20px}
@media(max-width:980px){.course-program-grid{grid-template-columns:1fr 1fr}.question-case-layout{grid-template-columns:1fr}.question-media-card{border-right:0;border-bottom:1px solid var(--line)}.question-media-card img{max-height:290px}.notification-grid{grid-template-columns:1fr}}
@media(max-width:720px){.course-dashboard-hero{margin:12px 10px;align-items:stretch;flex-direction:column}.course-dashboard-copy{align-items:flex-start}.course-program-grid{grid-template-columns:1fr}.course-catalog-section{padding-inline:10px}.precision-assessment{padding:0 9px;margin-top:10px}.course-assessment-top{border-radius:18px}.question-panel.media-question{border-radius:18px}.question-head-row{align-items:flex-start}.question-time{display:none}.question-case-content{padding:20px 16px}.question-media-card{padding:12px}.precision-answers label{grid-template-columns:28px 1fr;padding:11px}.bilingual-columns{grid-template-columns:1fr}.course-summary-grid{grid-template-columns:repeat(3,1fr)}.language-switch{order:5}.notification-item{grid-template-columns:36px 1fr}.notification-item .btn{grid-column:2;width:max-content}}
@media(max-width:420px){.course-dashboard-copy{gap:11px}.course-dashboard-copy .level-mascot{width:48px;height:48px;flex-basis:48px}.course-profile-tags span{font-size:9px}.assessment-facts span{font-size:9px}.question-case-content h2{font-size:20px}.case-scenario{font-size:13px}.course-summary-grid{grid-template-columns:1fr}.course-summary-grid div{display:flex;justify-content:space-between;align-items:center}}


/* Version 6 — five-level pathway, QR verification, and refreshed visual language */
body{background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--primary) 7%,#fff),transparent 25%),#fbfbfd}
.site-header{box-shadow:0 8px 30px rgba(32,36,80,.045)}
.hero{position:relative}.hero:after{content:"5 LEVEL";position:absolute;right:3%;top:8%;font:800 clamp(42px,8vw,108px)/1 Manrope,sans-serif;letter-spacing:-.07em;color:color-mix(in srgb,var(--primary) 4%,transparent);z-index:-1}
.hero-copy h1 em{background:linear-gradient(120deg,var(--primary),#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.role-card,.level-card,.steps-grid article,.reference-hub-grid a{box-shadow:0 10px 32px rgba(30,35,80,.045)}
.level-path-section{position:relative;overflow:hidden}.level-path-section:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:color-mix(in srgb,var(--primary) 7%,transparent);filter:blur(45px);right:-120px;top:-160px}
.public-level-path{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;z-index:1}.public-level-path article{position:relative;min-height:190px;padding:23px 19px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.94);overflow:hidden}.public-level-path article:before{content:attr(data-level);position:absolute;right:12px;top:4px;font:800 56px/1 Manrope,sans-serif;color:color-mix(in srgb,var(--primary) 7%,transparent)}.public-level-path .level-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 16%,#fff),#fff);font-size:23px}.public-level-path h3{margin:16px 0 6px}.public-level-path p{margin:0;color:var(--muted);font-size:12px}.public-level-path small{display:inline-flex;margin-top:14px;padding:5px 8px;border-radius:999px;background:#eff0ff;color:var(--primary);font-weight:800}
.level-journey-wrap{margin:24px 0}.level-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.level-journey article{position:relative;padding:18px 14px;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:150px}.level-journey article:after{content:"";position:absolute;top:38px;right:-11px;width:11px;height:2px;background:var(--line)}.level-journey article:last-child:after{display:none}.level-journey article.done{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 5%,#fff)}.level-journey article.active{border-color:color-mix(in srgb,var(--primary) 65%,var(--line));box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 13%,transparent)}.level-journey article.locked{opacity:.58;background:#f8f8fb}.journey-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eef0ff;font-size:21px}.level-journey article.done .journey-icon{background:#e6f7ef}.level-journey h3{font-size:13px;margin:12px 0 4px}.level-journey p{font-size:10px;color:var(--muted);margin:0}.level-journey .viz-badge,.level-status{display:inline-flex;margin-top:9px;padding:4px 7px;border-radius:999px;background:#f0f1f6;color:#626a7d;font-size:9px;font-weight:800}.level-journey article.active .level-status{background:#ececff;color:var(--primary)}.level-journey article.done .level-status{background:#def5e9;color:var(--success)}
.completion-banner{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:22px auto;padding:23px 25px;border-radius:22px;border:1px solid var(--line);background:#fff}.completion-banner>div{display:flex;align-items:center;gap:17px}.completion-banner>div>span{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;font-size:25px;font-weight:900}.completion-banner small{font-size:9px;letter-spacing:.12em;font-weight:900}.completion-banner h2{margin:2px 0}.completion-banner p{margin:0;color:var(--muted)}.completion-banner.passed{border-color:color-mix(in srgb,var(--success) 30%,var(--line));background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--success) 7%,#fff))}.completion-banner.passed>div>span{background:#def5e9;color:var(--success)}.completion-banner.remedial{border-color:color-mix(in srgb,var(--warning) 35%,var(--line));background:linear-gradient(120deg,#fff,#fff8e8)}.completion-banner.remedial>div>span{background:#fff0ce;color:var(--warning)}
.reference-filter-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:-12px auto 24px}.reference-filter-bar span{padding:7px 10px;border-radius:999px;background:#eeefff;color:var(--primary);font-size:10px;font-weight:800}.reference-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-hub-grid a{position:relative;min-height:155px;padding:20px;overflow:hidden}.reference-hub-grid a:after{content:"↗";position:absolute;right:16px;top:13px;color:color-mix(in srgb,var(--primary) 55%,#aaa);font-weight:900}.reference-hub-grid small{display:inline-flex;margin-bottom:14px;padding:4px 7px;border-radius:999px;background:#f1f2f8;color:#646b7d;font-weight:800;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.reference-hub-grid strong{font-size:14px}.reference-hub-grid span{line-height:1.55}
.certificate-logo.uploaded{overflow:hidden;background:#fff}.certificate-logo.uploaded img,.certificate-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.certificate-qr svg{display:block;width:76px;height:76px;border:1px solid #dfe4ea;padding:3px;background:#fff}.certificate-level-title-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logo-upload-preview{display:flex;align-items:center;gap:15px;padding:14px;border:1px dashed var(--line);border-radius:16px;background:#fafbfe}.logo-upload-preview img{width:72px;height:72px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid var(--line);padding:5px}
@media(max-width:980px){.public-level-path,.level-journey{grid-template-columns:repeat(2,1fr)}.level-journey article:after{display:none}.reference-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.public-level-path,.level-journey,.certificate-level-title-fields{grid-template-columns:1fr}.completion-banner{align-items:stretch;flex-direction:column}.completion-banner .btn{width:100%}.reference-hub-grid{grid-template-columns:1fr}.reference-hub-grid a{min-height:auto}.certificate-qr svg{width:60px;height:60px}.hero:after{display:none}}


/* Version 6.1: participant guide, precise answer layout, admin grading, and signature upload */
.participant-guide-hero{padding-bottom:30px}.guide-hero-actions{justify-content:center;margin-top:24px}.participant-guide-summary{padding-top:14px}.guide-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guide-summary-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.guide-summary-grid article>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary);font-weight:900}.guide-summary-grid strong{display:block;font-size:15px}.guide-summary-grid p{margin:5px 0 0;color:var(--muted);font-size:12px}.participant-guide-steps{max-width:1000px}.participant-step-list{display:grid;gap:12px}.participant-step-card{display:grid;grid-template-columns:52px 52px minmax(0,1fr);align-items:center;gap:16px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:19px}.participant-step-card .step-number{font-weight:900;color:var(--primary);font-size:11px;letter-spacing:.08em}.participant-step-card .step-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--soft);font-size:23px}.participant-step-card h3{margin:0 0 4px;font-size:16px}.participant-step-card p{margin:0;color:var(--muted)}.guide-tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-tip-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.guide-tip-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--primary);color:#fff}.guide-tip-grid h3{margin:14px 0 6px}.guide-tip-grid p{margin:0;color:var(--muted)}.participant-guide-faq{max-width:920px}.guide-faq-list{display:grid;gap:9px}.guide-faq-list details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 17px}.guide-faq-list summary{padding:16px 0;cursor:pointer;font-weight:800}.guide-faq-list p{margin:0 0 16px;color:var(--muted)}.dashboard-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dashboard-hero-actions form{margin:0}

.answer-instruction{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:17px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfe}.answer-instruction>div{display:grid;gap:2px}.answer-instruction strong{font-size:13px}.answer-instruction span{color:var(--muted);font-size:11px}.answer-instruction>b{flex:none;padding:6px 10px;border-radius:999px;background:#f1f2f6;color:#667085;font-size:10px}.answer-instruction>b.answered{background:#e8f7f0;color:var(--success)}.precision-answers{margin:0;padding:18px 20px 6px;gap:11px}.precision-answers label{grid-template-columns:24px 42px minmax(0,1fr) 24px;gap:12px;min-height:66px;padding:12px 15px;align-items:center}.precision-answers input{margin:0;width:20px;height:20px;accent-color:var(--primary)}.precision-answers .answer-letter{width:38px;height:38px;border-radius:12px;font-size:14px}.precision-answers .answer-text{font-size:14px;line-height:1.55;color:#25293a;overflow-wrap:anywhere}.precision-answers .answer-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9ecef;color:transparent;font-style:normal;font-weight:900}.precision-answers label.selected .answer-check,.precision-answers label:has(input:checked) .answer-check{background:var(--primary);color:#fff}.precision-answers label.selected .answer-letter,.precision-answers label:has(input:checked) .answer-letter{background:var(--primary);color:#fff}.question-nav{padding:16px 20px 20px;margin-top:0}.question-panel.needs-answer .answer-instruction{background:#fff6e4}.question-panel.needs-answer .answer-instruction>b{background:#fff0ce;color:var(--warning)}

.admin-grading-section{padding-top:0;padding-bottom:22px}.admin-grading-card{display:grid;gap:18px;border-color:color-mix(in srgb,var(--primary) 28%,var(--line));background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--primary) 4%,#fff))}.admin-grading-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.admin-grading-summary h2{margin:6px 0}.admin-grading-summary p{max-width:690px;margin:0;color:var(--muted)}.grading-metrics{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px;min-width:330px}.grading-metrics>div{padding:12px;border-radius:13px;background:#fff;border:1px solid var(--line);text-align:center}.grading-metrics small,.grading-metrics strong{display:block}.grading-metrics small{font-size:9px;color:var(--muted)}.grading-metrics strong{font-size:17px}.admin-review-note{margin:0;padding:14px 16px;border-left:4px solid var(--primary);background:#fff;border-radius:0 12px 12px 0}.admin-grading-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:15px;border-top:1px solid var(--line)}.admin-grading-form label{display:grid;gap:6px;font-weight:700}.admin-grading-form input,.admin-grading-form select,.admin-grading-form textarea{width:100%}

.signature-space{height:58px;display:flex;align-items:flex-end;justify-content:center}.signature-space img{display:block;max-width:170px;max-height:58px;object-fit:contain;mix-blend-mode:multiply}.signature-upload-preview{display:flex;align-items:center;gap:18px;padding:14px;border:1px dashed var(--line);border-radius:16px;background:#fafbfe}.signature-upload-preview img{width:180px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px}.certificate-preview .signature-space img{max-width:135px;max-height:48px}

@media(max-width:980px){.guide-summary-grid{grid-template-columns:repeat(2,1fr)}.guide-tip-grid{grid-template-columns:1fr}.admin-grading-summary{flex-direction:column}.grading-metrics{width:100%;min-width:0}}
@media(max-width:720px){.guide-summary-grid{grid-template-columns:1fr}.participant-step-card{grid-template-columns:38px 42px minmax(0,1fr);padding:16px 14px;gap:10px}.participant-step-card .step-icon{width:40px;height:40px}.dashboard-hero-actions{align-items:stretch;flex-direction:column}.dashboard-hero-actions .btn,.dashboard-hero-actions form,.dashboard-hero-actions button{width:100%}.answer-instruction{align-items:flex-start;flex-direction:column;padding:14px 15px}.precision-answers{padding:13px 12px 4px}.precision-answers label{grid-template-columns:22px 34px minmax(0,1fr) 22px;gap:8px;min-height:60px;padding:10px}.precision-answers .answer-letter{width:32px;height:32px}.precision-answers .answer-text{font-size:13px}.question-nav{padding:14px 12px 16px}.grading-metrics{grid-template-columns:1fr}.admin-grading-form{grid-template-columns:1fr}.admin-grading-form .span-2{grid-column:auto}.signature-upload-preview{align-items:flex-start;flex-direction:column}}
@media print{.signature-space img{max-width:40mm;max-height:14mm}.admin-grading-section{display:none!important}}

/* Version 6.1 payment verification and approval workflow */
.completion-banner.pending-review{background:linear-gradient(135deg,#f2f5ff,#fff);border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}.completion-banner.pending-review>div>span{background:var(--primary);color:#fff}.certificate-payment-workflow{width:min(1120px,calc(100% - 32px));margin:20px auto 42px;display:grid;gap:14px}.payment-status-card,.payment-upload-form,.payment-review-form,.payment-proof-summary,.payment-review-note{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.payment-status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.payment-status-card h2{margin:5px 0 7px}.payment-status-card p{max-width:680px;margin:0;color:var(--muted)}.payment-facts{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;min-width:440px}.payment-facts span{padding:11px;border-radius:13px;background:#f7f8fb;border:1px solid var(--line)}.payment-facts small,.payment-facts strong{display:block}.payment-facts small{font-size:9px;color:var(--muted)}.payment-facts strong{margin-top:4px;font-size:13px}.payment-proof-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-proof-summary strong,.payment-proof-summary span{display:block}.payment-proof-summary span{margin-top:4px;color:var(--muted);font-size:11px}.payment-review-note{border-left:5px solid var(--primary)}.payment-review-note strong{display:block;margin-bottom:4px}.payment-review-note p{margin:0;color:var(--muted)}.payment-upload-form h3,.payment-review-form h3{margin-top:0}.payment-review-form{display:grid;gap:14px}.payment-review-form label{display:grid;gap:6px;font-weight:700}.payment-review-form textarea{width:100%}.danger-button{color:#a23434!important;border-color:#e1b4b4!important}.certificate-sheet.awaiting_payment,.certificate-sheet.payment_review,.certificate-sheet.payment_rejected,.certificate-sheet.pending{filter:saturate(.84)}.certificate-validity.awaiting_payment,.certificate-validity.payment_review,.certificate-validity.pending{background:#fff3d7;color:#8d5c00}.certificate-validity.payment_rejected{background:#ffe7e7;color:#9a2b2b}
@media(max-width:900px){.payment-status-card{flex-direction:column}.payment-facts{width:100%;min-width:0}}
@media(max-width:720px){.certificate-payment-workflow{width:calc(100% - 18px);margin-top:12px}.payment-facts{grid-template-columns:1fr}.payment-proof-summary{align-items:stretch;flex-direction:column}.payment-proof-summary .btn{width:100%}.payment-review-form .button-row{display:grid}.payment-review-form .button-row .btn{width:100%}}
@media print{.certificate-payment-workflow{display:none!important}}

.notification-grid.three-panels{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1180px){.notification-grid.three-panels{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.notification-grid.three-panels{grid-template-columns:1fr}}

.payment-instructions{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin:14px 0}.payment-instructions strong{display:block;margin-bottom:6px}.payment-instructions p{margin:0;color:var(--muted);line-height:1.65}