:root{--navy:#0b2948;--navy2:#061b31;--blue:#124f7c;--green:#4caf50;--orange:#f28b2c;--ink:#162433;--muted:#66798d;--bg:#f6f8fb;--line:#dfe6ee;--white:#fff;--shadow:0 18px 45px rgba(8,36,62,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:var(--blue);text-decoration:none}img{max-width:100%}.container{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{background:var(--navy2);color:#d9e7f2;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.site-header{background:white}.nav-wrap{position:sticky;top:0;z-index:50;background:white;box-shadow:0 4px 20px rgba(10,40,65,.06)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:250px;display:block}.nav-links{display:flex;align-items:center;gap:22px;font-weight:650;font-size:14px}.nav-links>a:not(.btn){color:#24384b}.nav-links>a:not(.btn):hover{color:var(--orange)}.menu-btn{display:none;border:0;background:var(--navy);color:#fff;font-size:20px;padding:8px 12px;border-radius:8px}.inline{display:inline-flex;gap:8px;align-items:center;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:12px 18px;font-weight:750;cursor:pointer;font-size:14px;transition:.2s;background:white}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--orange);color:#fff}.btn.dark{background:var(--navy);color:#fff}.btn.light{background:white;color:var(--navy)}.btn.ghost{border-color:var(--line);color:var(--navy);background:#fff}.btn.whatsapp{background:#15a85a;color:#fff}.btn.small{padding:8px 12px;font-size:13px;border-radius:8px}.btn.full{width:100%}.hero{background:linear-gradient(135deg,var(--navy2),var(--navy) 55%,#0a4969);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:70px;align-items:center;min-height:620px;padding:70px 0}.eyebrow{display:inline-block;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}.hero h1,.page-hero h1,.course-hero h1,.dashboard-head h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:0 0 24px;letter-spacing:-.04em}.hero h1 span{color:#73d7c7}.hero p{font-size:19px;max-width:780px;color:#d5e3ee}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;color:#c9d9e7;font-size:13px}.hero-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);padding:28px;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.20)}.stat{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}.stat b{display:block;font-size:18px;margin-bottom:4px}.stat span{color:#c9d9e7;font-size:14px}.hero-panel .btn{margin-top:24px}.section{padding:82px 0}.section.soft{background:var(--bg)}.section-head{max-width:760px;margin-bottom:36px}.section-head h2,.learning-feature h2,.two-col h2{font-size:clamp(30px,3vw,44px);line-height:1.12;margin:0;letter-spacing:-.03em}.section-head.split{max-width:none;display:flex;justify-content:space-between;align-items:end}.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.domain-grid.five{grid-template-columns:repeat(5,1fr)}.domain{border:1px solid var(--line);border-radius:18px;padding:26px;background:white}.domain span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#eef5fa;color:var(--blue);font-weight:800}.domain h3{font-size:18px;margin:18px 0 8px}.domain p{color:var(--muted);font-size:14px;margin:0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(15,50,80,.05);display:flex;flex-direction:column}.course-cover{min-height:125px;background:linear-gradient(135deg,#0b2948,#17618a);color:white;padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.course-cover span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.course-cover b{font-size:12px;background:rgba(255,255,255,.14);padding:6px 8px;border-radius:8px}.course-body{padding:24px;display:flex;flex:1;flex-direction:column}.course-body h3{margin:0 0 10px;font-size:21px}.course-body p{color:var(--muted);font-size:14px;min-height:66px}.course-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding:17px 0;margin-top:auto}.course-meta strong{color:var(--navy)}.learning-feature{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.check-list{padding:0;list-style:none;display:grid;gap:12px;margin:24px 0}.check-list li:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e9f7ed;color:#188842;font-weight:900;margin-right:10px}.screen-mock{background:var(--navy2);border-radius:24px;padding:22px;box-shadow:0 35px 70px rgba(8,32,53,.2);color:white}.screen-top{border-bottom:1px solid rgba(255,255,255,.13);padding:4px 2px 18px;font-weight:800}.screen-card{background:white;color:var(--ink);border-radius:14px;padding:20px;margin-top:18px}.screen-card b,.screen-card span,.screen-card small{display:block}.screen-card span{color:var(--muted);font-size:13px;margin-top:12px}.progress{height:8px;background:#e6edf2;border-radius:999px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#f8bf5c);border-radius:999px}.screen-list{display:grid;gap:10px;margin-top:18px}.screen-list span{background:rgba(255,255,255,.08);padding:11px;border-radius:10px}.page-hero,.course-hero,.dashboard-head{background:#edf4f8;padding:74px 0}.page-hero.dark,.dashboard-head.dark{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff}.page-hero h1,.course-hero h1,.dashboard-head h1{font-size:clamp(36px,4vw,54px)}.page-hero p,.dashboard-head p{max-width:760px;color:var(--muted);font-size:18px}.page-hero.dark p,.dashboard-head.dark p{color:#cfdfeb}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters select{min-width:280px}.chip{padding:9px 14px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:13px;color:var(--ink)}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.course-hero{background:linear-gradient(135deg,#eef5f8,#fff)}.course-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.course-hero p{font-size:18px;color:var(--muted)}.price-card,.enroll-box,.info-card,.form-card,.quiz-box{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.price-card strong{display:block;font-size:36px;color:var(--navy);margin:6px 0 14px}#inscription{scroll-margin-top:112px}.enroll-panel{background:white;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.pm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:28px}.pm-card{position:relative;display:flex;align-items:flex-start;gap:14px;border:1.5px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s}.pm-card:hover{border-color:#b7c8d7}.pm-card:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.pm-card input[type=radio]{position:absolute;top:16px;right:16px;width:18px;height:18px;margin:0;accent-color:var(--blue)}.pm-card-mark{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;background:var(--navy)}.pm-mark-orange{background:#e8722c}.pm-mark-blue{background:#1a7fd6}.pm-mark-teal{background:#0f9a8e}.pm-mark-navy{background:var(--navy)}.pm-mark-slate{background:#5c7484}.pm-card-body{flex:1;min-width:0;display:grid;gap:6px;padding-right:22px}.pm-card-top{display:flex;flex-direction:column;gap:6px}.pm-card-top b{font-size:15px;color:var(--navy)}.pm-tag{align-self:flex-start;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px}.pm-tag-manual{background:#eef3f7;color:#3b5368}.pm-tag-auto{background:#e8f7ed;color:#187338}.pm-card-merchant{font-size:13px;color:var(--ink)}.pm-card-instructions{font-size:13px;color:var(--muted);line-height:1.5;white-space:pre-line}.pm-card-instructions p{margin:0 0 6px}.pm-card-instructions p:last-child{margin-bottom:0}.pm-card-link{font-size:13px;font-weight:800;color:var(--blue)}.enroll-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.two-col{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:start}.syllabus{display:grid;gap:10px;margin-top:24px}.syllabus>div{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.syllabus span{font-weight:800;color:var(--orange)}.syllabus small{color:var(--muted);text-transform:uppercase}.stack{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#385064}input,select,textarea{width:100%;font:inherit;color:var(--ink);padding:12px 13px;border:1px solid #cfd9e3;border-radius:9px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid rgba(18,79,124,.15);border-color:var(--blue)}label.check{display:flex;align-items:center;gap:8px}label.check input{width:auto}.auth-section{min-height:650px;background:var(--bg);display:grid;place-items:center;padding:60px 18px}.auth-card{width:min(480px,100%);background:white;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{margin-top:0}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:30px}.alert{margin-top:14px;border-radius:10px;padding:12px 16px;font-weight:650;font-size:14px}.alert.success{background:#eaf8ef;color:#176e37}.alert.warning{background:#fff5df;color:#7f5a10}.alert.error{background:#fff0f0;color:#a22424}.dashboard-grid,.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:start}.dash-nav{background:white;border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:4px;position:sticky;top:115px}.dash-nav a{padding:11px 12px;border-radius:9px;color:#31475b;font-weight:700;font-size:14px}.dash-nav a.active,.dash-nav a:hover{background:#eef5fa;color:var(--blue)}.student-courses{display:grid;gap:16px}.student-course{display:flex;justify-content:space-between;gap:22px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:20px}.student-course>div{flex:1}.student-course h3{margin:8px 0}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;text-transform:uppercase}.status.active{background:#e8f7ed;color:#187338}.status.pending{background:#fff2d9;color:#8b5d00}.status.suspended{background:#f5e8e8;color:#903535}.muted{color:var(--muted);font-size:13px}.empty{padding:34px;border:1px dashed #bdcbd6;border-radius:14px;background:#fafcfd}.course-room{display:grid;grid-template-columns:1fr 320px;gap:35px;align-items:start}.lesson-list{display:grid;gap:10px}.lesson-row{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:14px;border-radius:12px;background:#fff;color:var(--ink)}.lesson-row:hover{border-color:#b7c8d7;box-shadow:0 8px 20px rgba(20,60,90,.06)}.lesson-row>div{flex:1}.lesson-row small{display:block;color:var(--muted);margin-top:3px}.lesson-state{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eff5f8;color:var(--blue);font-weight:900}.progress.large{max-width:520px;height:11px;background:rgba(255,255,255,.16)}.lesson-page{background:var(--bg);padding:48px 0 80px}.lesson-layout{max-width:960px}.lesson-main{background:white;border:1px solid var(--line);padding:34px;border-radius:18px}.lesson-main h1{font-size:40px;line-height:1.1}.video-frame,.video-placeholder{aspect-ratio:16/9;background:#071a2b;border-radius:16px;overflow:hidden;margin:25px 0}.video-frame iframe,.video-frame video{width:100%;height:100%;border:0}.video-placeholder{display:grid;place-items:center;color:#aec2d3;padding:30px;text-align:center}.lesson-content{font-size:17px;line-height:1.8;margin:24px 0}.lesson-complete{margin-top:28px}.quiz-wrap{max-width:850px}.quiz-form{display:grid;gap:18px;margin-top:28px}.quiz-form fieldset{border:1px solid var(--line);border-radius:14px;padding:20px}.quiz-form legend{font-weight:800;padding:0 6px}.quiz-form label{display:flex;grid-template:none;align-items:center;gap:8px;padding:7px 0;font-weight:500}.quiz-form input{width:auto}.certificate-page{background:#edf2f5;padding:60px 18px;text-align:center}.certificate{width:min(980px,100%);margin:0 auto 24px;background:#fff;border:10px solid var(--navy);outline:2px solid var(--orange);outline-offset:-20px;min-height:650px;padding:65px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow)}.certificate img{width:270px}.certificate>span{letter-spacing:.18em;font-weight:900;color:var(--navy);margin:30px 0 8px}.certificate h1{font-size:20px;font-weight:500;margin:8px}.certificate h2{font-size:44px;color:var(--navy);margin:10px 0}.certificate h3{font-size:27px;color:var(--orange);margin:8px 0}.cert-bottom{width:100%;display:flex;justify-content:space-between;margin-top:50px;border-top:1px solid var(--line);padding-top:22px}.cert-bottom div{display:grid;gap:4px;text-align:left}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:white}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card b{display:block;font-size:34px;color:var(--navy);margin-top:7px}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;margin-top:18px}table{width:100%;border-collapse:collapse;background:white;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f5f8fa;color:#3b5368;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.admin-list{margin-top:24px}.footer{background:var(--navy2);color:#cbd9e4;padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:50px}.footer a{display:block;color:#dce9f1;margin:7px 0}.footer h4{color:white}.footer-logo{width:260px;filter:brightness(0) invert(1)}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:18px;margin-top:42px;font-size:13px}.install-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy2),var(--navy));padding:30px}.install-card{width:min(620px,100%);background:#fff;border-radius:22px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.install-logo{width:280px}.install-card h1{font-size:32px;margin:10px 0}.install-card p{color:var(--muted)}

@media(max-width:1000px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:18px;box-shadow:0 12px 25px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;max-height:calc(100vh - 78px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid,.learning-feature,.course-hero-grid,.two-col,.contact-grid,.course-room{grid-template-columns:1fr}.hero-grid{gap:30px;min-height:auto}.domain-grid,.domain-grid.five{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.admin-layout{grid-template-columns:1fr}.dash-nav:not(.dash-nav-acc){position:static;grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:650px){.topbar .container{display:block;text-align:center}.topbar span{display:block}.brand img{width:205px}.hero-grid{padding:52px 0}.hero h1{font-size:44px}.section{padding:58px 0}.domain-grid,.domain-grid.five,.course-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.section-head.split{display:block}.dashboard-head{padding:48px 0}.dash-nav:not(.dash-nav-acc){grid-template-columns:1fr 1fr}.student-course{display:block}.student-course .btn{margin-top:14px;width:100%}.certificate{padding:45px 28px;min-height:560px}.certificate h2{font-size:32px}.cert-bottom{display:grid;gap:15px}.stats-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.lesson-main{padding:22px}.lesson-main h1{font-size:32px}.enroll-panel{padding:22px}.enroll-fields{grid-template-columns:1fr}}

@media print{.site-header,.footer,.no-print{display:none!important}.certificate-page{padding:0;background:#fff}.certificate{box-shadow:none;width:100%;min-height:95vh;margin:0;page-break-inside:avoid}}



/* LAWAPAN E-Learning v2 */

.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.teacher-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(15,50,80,.06);display:flex;flex-direction:column}.teacher-card h3{margin:16px 0 4px;font-size:22px}.teacher-card strong{color:var(--blue);font-size:14px}.teacher-card p{color:var(--muted);flex:1}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#f6bd69);color:#fff;font-size:25px;font-weight:900}.avatar.large{width:96px;height:96px;font-size:38px}.avatar.small{width:38px;height:38px;font-size:15px;flex:none}.profile-hero{display:flex;align-items:center;gap:28px}.profile-hero h1{margin:0 0 8px}.lead{font-size:18px;line-height:1.8;color:#3d5265}.course-grid.compact{grid-template-columns:repeat(2,1fr)}.cta-panel{margin-top:42px;background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;border-radius:22px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-panel h2{margin:0 0 7px}.cta-panel p{margin:0;color:#d1e1ec}.dark-text{color:#496177}.cards-stack{display:grid;gap:16px}.live-card,.assignment-card,.submission-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;justify-content:space-between;gap:24px;align-items:center}.live-card h3,.assignment-card h3,.submission-card h3{margin:8px 0 5px}.live-card p,.assignment-card p,.submission-card p{margin:0;color:var(--muted)}.notification-list{display:grid;gap:10px}.notification{margin:0}.notification button{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px 17px;text-align:left;cursor:pointer;display:grid;gap:4px;color:var(--ink)}.notification.unread button{border-left:4px solid var(--orange);background:#fffaf3}.notification button b{font-size:14px}.notification button span{color:#50677b;font-size:13px}.notification button small{color:#8293a2}.mini-live{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}.mini-live:last-child{border-bottom:0}.mini-live small{color:var(--muted)}.success-box{border-color:#b9dec4;background:#f3fbf5}.back-link{display:inline-block;margin-bottom:16px;font-weight:750}.discussion-box{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.discussion-form{display:grid;gap:10px}.discussion-form .btn{justify-self:start}.discussion-list{display:grid;gap:14px;margin-top:24px}.discussion-post{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:16px}.discussion-post:first-child{border-top:0}.discussion-post p{margin:6px 0}.discussion-post time{font-size:12px;color:var(--muted)}.discussion-post b small{background:#eef5fa;color:var(--blue);padding:2px 6px;border-radius:999px;margin-left:5px}.cert-verify{display:flex;align-items:center;gap:20px;margin-top:34px;padding:18px 24px;border:1px solid var(--line);border-radius:14px}.cert-verify img{width:130px}.cert-verify div{display:grid;text-align:left}.cert-verify span{font-size:18px;font-weight:900;color:var(--navy)}.verify-wrap{max-width:850px}.verify-form{display:flex;gap:10px}.verify-result{display:flex;gap:20px;margin-top:28px;padding:26px;border-radius:16px;border:1px solid var(--line)}.verify-result>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:900;flex:none}.verify-result h2{margin:0 0 8px}.verify-result.valid{background:#f1fbf4;border-color:#b5dfc1}.verify-result.valid>span{background:#d7f3df;color:#167339}.verify-result.invalid{background:#fff4f4;border-color:#efc2c2}.verify-result.invalid>span{background:#f8dada;color:#9f2929}.grade-form{min-width:310px;display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:end}.grade-form label:nth-child(4){grid-column:1/-1}.grade-form button{grid-column:1/-1}.submission-card>div{flex:1}.admin-two{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:start;margin-top:30px}.stats-grid.eight{grid-template-columns:repeat(4,1fr)}.mini-form{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;min-width:360px}.mini-form button{grid-column:1/-1}.wide{grid-column:1/-1}.form-card h2.wide{margin:0}.status.teacher{background:#e8f1ff;color:#235f9f}.status.admin{background:#efe8ff;color:#623c9b}.status.student{background:#ecf7ef;color:#28723e}

@media(max-width:1000px){.teacher-grid{grid-template-columns:repeat(2,1fr)}.admin-two{grid-template-columns:1fr}.stats-grid.eight{grid-template-columns:repeat(2,1fr)}.course-grid.compact{grid-template-columns:1fr}.grade-form{min-width:0}.live-card,.assignment-card,.submission-card{align-items:flex-start}.submission-card{display:grid}.profile-hero{align-items:flex-start}}

@media(max-width:650px){.teacher-grid{grid-template-columns:1fr}.cta-panel{display:grid;padding:26px}.live-card,.assignment-card{display:grid}.verify-form{display:grid}.cert-verify{display:grid;justify-items:center}.cert-verify div{text-align:center}.profile-hero{display:grid}.stats-grid.eight{grid-template-columns:1fr}.mini-form{min-width:0;grid-template-columns:1fr}.grade-form{grid-template-columns:1fr}.grade-form label:nth-child(4),.grade-form button{grid-column:auto}}

/* ===== LAWAPAN E-LEARNING v3 ===== */

.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#0d2846;padding:10px 14px;border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.15)}.skip-link:focus{top:12px}

:focus-visible{outline:3px solid #f29a2e;outline-offset:3px}

.topbar a{color:inherit;text-decoration:underline}.form-details{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#f9fbfd}.form-details summary{font-weight:800;cursor:pointer;color:var(--navy);margin-bottom:10px}.form-details[open] summary{margin-bottom:18px}

.course-room-v3{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.course-main-v3{min-width:0}.tab-links{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:82px;z-index:4;background:#f5f8fb;padding:10px 0 16px;margin-bottom:12px}.tab-links a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.tab-links .resume-link{background:var(--navy);color:#fff;border-color:var(--navy)}

.module-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}.module-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:8px}.module-head h3{margin:4px 0}.module-head p{margin:0;color:var(--muted)}.lesson-row.locked{opacity:.55;cursor:not-allowed;pointer-events:none}.lesson-row.locked .lesson-state{background:#eef2f5;color:#627587}

.studio-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:24px;align-items:start}.module-list-admin{display:grid;gap:8px;margin:14px 0 26px}.module-list-admin>div{display:grid;gap:3px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.module-list-admin small{color:var(--muted)}

.content-block{margin:24px 0}.content-block h3{margin-bottom:10px}.content-image{max-width:100%;border-radius:15px;border:1px solid var(--line)}.content-block audio{width:100%}.callout{border-left:4px solid var(--orange);background:#fff7e9;border-radius:10px;padding:16px 18px;color:#334b5e;line-height:1.6}.link-button{border:0;background:none;color:var(--blue);font-weight:800;padding:0;cursor:pointer}.link-button.danger{color:#a32b2b}.discussion-post.solved{border:1px solid #b9dec4;background:#f4fbf6;border-radius:12px;padding:14px}.discussion-post em{font-style:normal;color:#19733a;background:#daf1e1;padding:2px 7px;border-radius:999px;font-size:11px}

.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 28px}.skill-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.skill-card>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}.skill-card h3{margin:7px 0 10px}.skill-card p{color:var(--muted);font-size:13px}.skill-level{height:8px;background:#e9eff4;border-radius:999px;overflow:hidden;margin:12px 0 7px}.skill-level i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:999px}.skill-assess{display:grid;grid-template-columns:minmax(180px,1.6fr) 90px 140px minmax(160px,1fr) auto;gap:8px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.skill-assess label{font-size:12px}

.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 28px}.resource-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.resource-card>span{color:var(--orange);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.resource-card h3{margin:7px 0}.resource-card p{color:var(--muted);font-size:13px;min-height:32px}.resource-card a{font-weight:850}.community-wrap,.assistant-wrap{max-width:900px}.back-link.light{color:#d5e3ee}.role-tag{background:#eef5fa;color:var(--blue);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.pin-badge{background:#fff2d9;color:#8b5d00;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800}.solved-badge{background:#e8f7ed;color:#187338;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800}.forum-wrap{max-width:900px}.forum-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:18px}.forum-tabs{display:flex;gap:8px;background:#eef2f5;padding:4px;border-radius:999px}.forum-tabs a{padding:8px 16px;border-radius:999px;font-weight:750;font-size:13px;color:#3b5368}.forum-tabs a.active{background:var(--navy);color:#fff}.forum-new-topic{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin-bottom:22px;box-shadow:var(--shadow)}.forum-new-topic summary{cursor:pointer;font-weight:800;color:var(--navy);list-style:none}.forum-new-topic summary::-webkit-details-marker{display:none}.forum-new-topic summary:before{content:'+ ';color:var(--orange)}.forum-new-topic[open] summary:before{content:'– '}.forum-new-topic form{margin-top:16px}.forum-list{display:grid;gap:12px}.forum-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;color:inherit}.forum-row:hover{border-color:#b7c8d7;box-shadow:0 8px 20px rgba(20,60,90,.06)}.forum-row.pinned{border-color:#f0cf8f;background:#fffaf0}.forum-row.solved{border-color:#b9dec4}.forum-row-body{flex:1;min-width:0;display:grid;gap:4px}.forum-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.forum-row-top b{font-size:15px;color:var(--navy)}.forum-row-meta{font-size:12.5px;color:var(--muted)}.forum-row-stats{display:flex;gap:18px;flex:none}.forum-row-stats span{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted)}.forum-row-stats b{font-size:16px;color:var(--navy)}.forum-thread{max-width:820px}.forum-post{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px}.forum-post.pinned{border-color:#f0cf8f;background:#fffaf0}.forum-post.reply{margin-left:24px}.forum-post.is-solution{border-color:#b9dec4;background:#f4fbf6}.forum-post-body{flex:1;min-width:0}.forum-post-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.forum-post-head b{color:var(--navy)}.forum-post-head time{margin-left:auto;font-size:12px;color:var(--muted)}.forum-post-content{line-height:1.7;color:var(--ink)}.forum-post-actions{display:flex;align-items:center;gap:16px;margin-top:14px}.like-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-weight:750;font-size:13px;color:#5c7484;cursor:pointer}.like-btn:hover{border-color:#e7a9ab}.like-btn.liked{background:#fdecec;border-color:#e7a9ab;color:#c23a3a}.forum-replies-title{margin:30px 0 14px;font-size:18px}.forum-replies{display:grid}.forum-reply-form{margin-top:20px;display:grid;gap:10px}.forum-reply-form .btn{justify-self:start}@media(max-width:650px){.forum-post.reply{margin-left:0}.forum-toolbar{flex-direction:column;align-items:stretch}}.assistant-wrap{display:grid;gap:18px}.assistant-answer{background:#fff;border:1px solid #b9dec4;border-radius:18px;padding:24px;line-height:1.7}.assistant-answer p{white-space:normal}.exam-timer{position:sticky;top:75px;z-index:5;background:#0d2846;color:#fff;padding:10px 14px;border-radius:10px;font-weight:900;text-align:center;margin-bottom:15px}.quiz-form fieldset small{color:var(--muted);font-weight:500}.scorm-shell{padding:30px 0 60px;background:#eef3f7}.scorm-frame{width:100%;height:75vh;border:1px solid var(--line);background:#fff;border-radius:16px}.certificate.v3{max-width:980px}.cert-skills{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:20px 0}.cert-skills>b{width:100%;margin-bottom:4px}.cert-skills span{background:#f0f6f9;border:1px solid #d9e7ee;border-radius:999px;padding:6px 10px;font-size:12px}.dashboard-grid>.dash-nav{max-height:calc(100vh - 110px);overflow:auto;position:sticky;top:90px}.dash-nav a{font-size:13px}
@media(max-width:1000px){.dashboard-grid>.dash-nav{position:static;max-height:none;overflow:visible}}

.btn[data-install-pwa]{margin-top:10px;color:#fff;border-color:rgba(255,255,255,.35)}

@media(max-width:1100px){.course-room-v3{grid-template-columns:1fr}.course-room-v3>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:1fr}.skill-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-assess{grid-template-columns:1fr 90px 130px}.skill-assess label:nth-of-type(3){grid-column:1/-1}.skill-assess button{grid-column:1/-1}}

@media(max-width:750px){.course-room-v3>aside{grid-template-columns:1fr}.tab-links{position:static}.skill-grid,.resource-grid{grid-template-columns:1fr}.skill-assess{grid-template-columns:1fr}.skill-assess label,.skill-assess button{grid-column:auto}.scorm-frame{height:65vh}.form-details .form-grid{grid-template-columns:1fr}.module-card{padding:16px}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.receipt-page{background:#eef3f7;padding:50px 20px;min-height:80vh;text-align:center}.receipt-doc{max-width:900px;margin:0 auto 20px;background:#fff;border:1px solid #d7e2e9;border-radius:8px;padding:38px;text-align:left;box-shadow:0 12px 35px rgba(20,48,70,.08)}.receipt-doc>img{width:210px;max-height:70px;object-fit:contain;object-position:left center}.receipt-head{display:flex;justify-content:space-between;gap:25px;border-top:4px solid var(--navy);border-bottom:1px solid var(--line);padding:20px 0;margin:18px 0}.receipt-head>div{display:grid;gap:4px}.receipt-head h1{font-size:20px;margin:0;color:var(--navy)}.receipt-doc table{width:100%;border-collapse:collapse}.receipt-doc th,.receipt-doc td{padding:13px;border:1px solid var(--line)}.receipt-doc th{width:34%;background:#f5f8fb;color:var(--navy)}.receipt-note{font-size:12px;color:var(--muted);margin-top:18px}.live-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:700px){.receipt-doc{padding:22px}.receipt-head{display:grid}.live-actions{justify-content:flex-start}}

@media print{.receipt-page{background:#fff;padding:0}.receipt-doc{box-shadow:none;border:0;max-width:none;margin:0}.no-print,.site-header,.footer,.skip-link{display:none!important}}

/* --- Menu tableau de bord (formateur/admin) en rubriques repliables --- */
.dash-nav-acc{padding:6px;display:grid;gap:10px;background:linear-gradient(160deg,#eef5fb 0%,#ffffff 55%);border-radius:14px}
.dash-nav-acc-filter{margin-bottom:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:#fff;color:var(--ink)}
.dash-nav-acc-filter:focus{outline:3px solid rgba(242,139,44,.22);border-color:var(--orange)}
.dash-nav-acc-group{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 10px rgba(11,41,72,.08);transition:box-shadow .15s ease}
.dash-nav-acc-group[open]{box-shadow:0 10px 26px rgba(11,41,72,.16)}
.dash-nav-acc-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 13px;font-size:11.5px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--blue),var(--navy));transition:filter .15s ease,background .15s ease}
.dash-nav-acc-group summary:hover{filter:brightness(1.08)}
.dash-nav-acc-group summary::-webkit-details-marker{display:none}
.dash-nav-acc-group summary:before{content:'\25B8';display:inline-block;color:var(--orange);transition:transform .15s ease;font-size:12px}
.dash-nav-acc-group[open] summary:before{transform:rotate(90deg)}
.dash-nav-acc-group[open]>summary{background:linear-gradient(135deg,var(--navy),var(--navy2))}
.dash-nav-acc-count{margin-left:auto;background:rgba(255,255,255,.24);color:#fff;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800;letter-spacing:0;text-transform:none;transition:background .15s ease}
.dash-nav-acc-group[open] .dash-nav-acc-count{background:var(--orange)}
.dash-nav-acc-links{display:grid;gap:3px;padding:6px 8px 10px;background:#fff}
.dash-nav-acc-links a{padding:10px 12px;border-radius:9px;color:#31475b;font-weight:700;font-size:13.5px;border-left:3px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}
.dash-nav-acc-links a:hover{background:#eef5fa;color:var(--blue)}
.dash-nav-acc-links a.active{background:#fff3e6;color:var(--navy);border-left-color:var(--orange);font-weight:800}
@media(max-width:1000px){.dash-nav-acc{grid-template-columns:none}}

/* ===================== Certificats & Attestations QR PRO — design ===================== */
.certificate.cert360{border:0;outline:0;box-shadow:0 25px 60px rgba(8,36,62,.16);padding:0;display:block;position:relative;overflow:hidden;background:#fff;width:min(1060px,100%);aspect-ratio:1.414/1;min-height:0}
@media print{
  @page{size:A4 landscape;margin:0}
  html,body{margin:0!important;padding:0!important}
  .certificate.cert360{width:297mm!important;height:210mm!important;aspect-ratio:auto;box-shadow:none;page-break-inside:avoid;page-break-after:avoid;break-inside:avoid}
  .certificate.cert360.format-A6{width:148mm!important;height:105mm!important}
  .certificate.cert360.format-BADGE{width:105mm!important;height:105mm!important}
}
.cert360 .c-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4% 6.5% 2.6%;box-sizing:border-box;z-index:1}
.cert360 .c-spacer{flex:1 1 auto;min-height:6px}
.cert360 .c-emblem{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cinzel',Georgia,serif;font-size:16px;letter-spacing:1px;margin-bottom:8px;flex:none}
.cert360 .c-kicker{font-family:'Cinzel',Georgia,serif;font-size:11.5px;letter-spacing:4px;font-weight:600;margin-bottom:3px}
.cert360 .c-issuer{font-size:12.5px;letter-spacing:1.6px;margin-bottom:16px;font-weight:600}
.cert360 .c-recipient-label{font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:15px;margin-bottom:4px}
.cert360 .c-name{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3.6vw,38px);font-weight:600;margin-bottom:8px;line-height:1.15;max-width:90%}
.cert360 .c-rule{width:150px;height:1px;margin:0 auto 14px}
.cert360 .c-body{font-family:'EB Garamond',Georgia,serif;font-size:13.5px;max-width:78%;line-height:1.5;margin-bottom:2px}
.cert360 .c-course{font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:600;margin:5px 0 6px}
.cert360 .c-meta{font-size:11.5px;letter-spacing:.3px;opacity:.85}
.cert360 .c-skills{display:flex;flex-wrap:wrap;gap:6px 8px;justify-content:center;max-width:82%;margin:12px 0 0}
.cert360 .c-skill{font-family:'EB Garamond',Georgia,serif;font-size:10.5px;padding:4px 11px;border-radius:20px;letter-spacing:.2px;white-space:nowrap}
.cert360 .c-footer{display:flex;justify-content:center;align-items:flex-end;width:100%;gap:40px;flex-wrap:wrap}
.cert360 .c-foot-col{flex:0 1 auto;text-align:center;min-width:110px}
.cert360 .c-foot-label{display:block;font-size:8.5px;letter-spacing:1.6px;text-transform:uppercase;opacity:.65;margin-bottom:3px}
.cert360 .c-foot-value{display:block;font-size:12px;font-weight:600}
.cert360 .c-sig-line{display:block;width:110px;height:1px;margin:0 auto 6px}
.cert360 .c-verify-block{display:flex;align-items:center;gap:8px}
.cert360 .c-qr{width:44px;height:44px;border-radius:3px}
.cert360 .c-serial{margin-top:10px;font-size:8.5px;letter-spacing:1.6px;opacity:.55}
.cert360 .c-corner{position:absolute;width:44px;height:44px;z-index:1}
.cert360 .c-watermark{position:absolute;top:44%;left:0;right:0;text-align:center;font-size:52px;font-weight:800;color:rgba(0,0,0,.08);transform:rotate(-18deg);letter-spacing:5px;pointer-events:none;z-index:2}
.cert360.economique{filter:grayscale(1)}
.cert360.format-A6{width:min(480px,100%)}
.cert360.format-BADGE{width:min(360px,100%);aspect-ratio:1/1;border-radius:18px}
.cert360.format-BADGE .c-inner{padding:8%}
.cert360.format-BADGE .c-body,.cert360.format-BADGE .c-skills{display:none}

/* --- 1. Prestige Or --- */
.cert360.tpl-prestige_or{background:radial-gradient(ellipse at top,#fdf8ea,#f3e7c8 72%)}
.cert360.tpl-prestige_or:before{content:'';position:absolute;top:3.2%;right:3.2%;bottom:3.2%;left:3.2%;border:2px solid #b8923b}
.cert360.tpl-prestige_or:after{content:'';position:absolute;top:4.6%;right:4.6%;bottom:4.6%;left:4.6%;border:1px solid #b8923b}
.cert360.tpl-prestige_or .c-emblem{background:radial-gradient(circle,#f3e2ae,#b8923b 75%);color:#1c2a3d;box-shadow:0 0 0 3px #fff,0 0 0 4px #b8923b}
.cert360.tpl-prestige_or .c-kicker,.cert360.tpl-prestige_or .c-issuer{color:#8a6a22}
.cert360.tpl-prestige_or .c-name,.cert360.tpl-prestige_or .c-course{color:#16233a}
.cert360.tpl-prestige_or .c-body,.cert360.tpl-prestige_or .c-meta,.cert360.tpl-prestige_or .c-recipient-label{color:#41352a}
.cert360.tpl-prestige_or .c-rule,.cert360.tpl-prestige_or .c-sig-line{background:#b8923b}
.cert360.tpl-prestige_or .c-skill{background:#fff;border:1px solid #b8923b;color:#8a6a22}
.cert360.tpl-prestige_or .c-corner{border:2px solid #b8923b}
.cert360.tpl-prestige_or .c-corner.tl{top:6.5%;left:6.5%;border-right:0;border-bottom:0}
.cert360.tpl-prestige_or .c-corner.tr{top:6.5%;right:6.5%;border-left:0;border-bottom:0}
.cert360.tpl-prestige_or .c-corner.bl{bottom:6.5%;left:6.5%;border-right:0;border-top:0}
.cert360.tpl-prestige_or .c-corner.br{bottom:6.5%;right:6.5%;border-left:0;border-top:0}

/* --- 2. Classique Universitaire --- */
.cert360.tpl-classique_universitaire{background:#f8f4ea}
.cert360.tpl-classique_universitaire:before{content:'';position:absolute;top:3.4%;right:3.4%;bottom:3.4%;left:3.4%;border:1px solid #6b1f2a}
.cert360.tpl-classique_universitaire:after{content:'';position:absolute;top:4.4%;right:4.4%;bottom:4.4%;left:4.4%;border:3px double #6b1f2a}
.cert360.tpl-classique_universitaire .c-emblem{background:#6b1f2a;color:#f3e6c8;clip-path:polygon(50% 0,100% 20%,100% 70%,50% 100%,0 70%,0 20%)}
.cert360.tpl-classique_universitaire .c-kicker{color:#6b1f2a}
.cert360.tpl-classique_universitaire .c-issuer{color:#4a3f36}
.cert360.tpl-classique_universitaire .c-name{color:#3a1015;font-style:italic}
.cert360.tpl-classique_universitaire .c-course{color:#3a1015}
.cert360.tpl-classique_universitaire .c-body,.cert360.tpl-classique_universitaire .c-meta,.cert360.tpl-classique_universitaire .c-recipient-label{color:#4a3f36}
.cert360.tpl-classique_universitaire .c-rule,.cert360.tpl-classique_universitaire .c-sig-line{background:#6b1f2a}
.cert360.tpl-classique_universitaire .c-skill{background:#fff;border:1px solid #6b1f2a;color:#6b1f2a}

/* --- 3. Universite Bleu & Or --- */
.cert360.tpl-universitaire_bleu{background:#0f2a55}
.cert360.tpl-universitaire_bleu:before{content:'';position:absolute;top:3.3%;right:3.3%;bottom:3.3%;left:3.3%;border:1px solid #c9a227}
.cert360.tpl-universitaire_bleu:after{content:'';position:absolute;top:4.6%;right:4.6%;bottom:4.6%;left:4.6%;border:1px solid #c9a227}
.cert360.tpl-universitaire_bleu .c-emblem{background:#c9a227;color:#0f2a55;clip-path:polygon(50% 0,100% 20%,100% 70%,50% 100%,0 70%,0 20%)}
.cert360.tpl-universitaire_bleu .c-kicker,.cert360.tpl-universitaire_bleu .c-issuer{color:#c9a227}
.cert360.tpl-universitaire_bleu .c-name,.cert360.tpl-universitaire_bleu .c-course{color:#fff}
.cert360.tpl-universitaire_bleu .c-body,.cert360.tpl-universitaire_bleu .c-recipient-label{color:#dfe6f2}
.cert360.tpl-universitaire_bleu .c-meta{color:#cbd6e8}
.cert360.tpl-universitaire_bleu .c-rule,.cert360.tpl-universitaire_bleu .c-sig-line{background:#c9a227}
.cert360.tpl-universitaire_bleu .c-skill{background:rgba(201,162,39,.12);border:1px solid #c9a227;color:#f3e9cf}
.cert360.tpl-universitaire_bleu .c-foot-label{opacity:.75;color:#cbd6e8}
.cert360.tpl-universitaire_bleu .c-foot-value{color:#fff}
.cert360.tpl-universitaire_bleu .c-serial{color:#a9b8d1}
.cert360.tpl-universitaire_bleu .c-corner{width:32px;height:32px;border:2px solid #c9a227}
.cert360.tpl-universitaire_bleu .c-corner.tl{top:7%;left:7%;border-right:0;border-bottom:0}
.cert360.tpl-universitaire_bleu .c-corner.tr{top:7%;right:7%;border-left:0;border-bottom:0}
.cert360.tpl-universitaire_bleu .c-corner.bl{bottom:7%;left:7%;border-right:0;border-top:0}
.cert360.tpl-universitaire_bleu .c-corner.br{bottom:7%;right:7%;border-left:0;border-top:0}

/* --- 4. Institutionnel Bleu --- */
.cert360.tpl-institutionnel_bleu{background:#fff}
.cert360.tpl-institutionnel_bleu:before{content:'';position:absolute;top:3.6%;right:3.6%;bottom:3.6%;left:3.6%;border:1px solid #0b5fa6}
.cert360.tpl-institutionnel_bleu .c-emblem{background:#fff;border:2px solid #0b5fa6;color:#0b5fa6}
.cert360.tpl-institutionnel_bleu .c-kicker{font-family:Inter,Segoe UI,Arial,sans-serif;color:#0b5fa6;font-weight:700}
.cert360.tpl-institutionnel_bleu .c-issuer{font-family:Inter,Segoe UI,Arial,sans-serif;color:#374b5c}
.cert360.tpl-institutionnel_bleu .c-name{color:#0b3a63}
.cert360.tpl-institutionnel_bleu .c-course{color:#0b3a63}
.cert360.tpl-institutionnel_bleu .c-body,.cert360.tpl-institutionnel_bleu .c-meta,.cert360.tpl-institutionnel_bleu .c-recipient-label{color:#374b5c}
.cert360.tpl-institutionnel_bleu .c-rule,.cert360.tpl-institutionnel_bleu .c-sig-line{background:#0b5fa6}
.cert360.tpl-institutionnel_bleu .c-skill{background:#eef5fb;border:1px solid #0b5fa6;color:#0b5fa6}

/* --- 5. Moderne Premium (asymetrique) --- */
.cert360.tpl-moderne_premium{background:#fff}
.cert360.tpl-moderne_premium:before{content:'';position:absolute;left:0;top:0;bottom:0;width:1.2%;background:#0e6b5c}
.cert360.tpl-moderne_premium .c-inner{align-items:flex-start;text-align:left;padding-left:9%}
.cert360.tpl-moderne_premium .c-emblem{border-radius:0;background:none;width:auto;height:auto;justify-content:flex-start;font-size:13px;letter-spacing:4px;color:#0e6b5c;margin-bottom:20px}
.cert360.tpl-moderne_premium .c-kicker,.cert360.tpl-moderne_premium .c-issuer,.cert360.tpl-moderne_premium .c-recipient-label,.cert360.tpl-moderne_premium .c-name,.cert360.tpl-moderne_premium .c-body,.cert360.tpl-moderne_premium .c-course,.cert360.tpl-moderne_premium .c-meta{text-align:left}
.cert360.tpl-moderne_premium .c-kicker{color:#a08430}
.cert360.tpl-moderne_premium .c-issuer{color:#12312b}
.cert360.tpl-moderne_premium .c-name{color:#0e2b23;font-size:clamp(28px,4vw,42px)}
.cert360.tpl-moderne_premium .c-rule{margin:0 0 16px;background:#a08430;width:100px}
.cert360.tpl-moderne_premium .c-body{color:#334b45;max-width:60%}
.cert360.tpl-moderne_premium .c-course{color:#0e6b5c}
.cert360.tpl-moderne_premium .c-meta{color:#4c6a63}
.cert360.tpl-moderne_premium .c-skills{justify-content:flex-start}
.cert360.tpl-moderne_premium .c-skill{background:#f2f8f6;border:1px solid #0e6b5c;color:#0e6b5c}
.cert360.tpl-moderne_premium .c-footer{justify-content:flex-start;gap:56px}
.cert360.tpl-moderne_premium .c-foot-col{text-align:left}
.cert360.tpl-moderne_premium .c-verify-block{justify-content:flex-start}
.cert360.tpl-moderne_premium .c-sig-line{margin:0 0 6px}
.cert360.tpl-moderne_premium .c-serial{align-self:flex-start}

/* --- 6. Administratif Premium --- */
.cert360.tpl-administratif_premium{background:#f7f1ec}
.cert360.tpl-administratif_premium:before{content:'';position:absolute;top:3.6%;right:3.6%;bottom:3.6%;left:3.6%;border:1px solid #5c1f2e}
.cert360.tpl-administratif_premium:after{content:'';position:absolute;top:4.5%;right:4.5%;bottom:4.5%;left:4.5%;border:1px solid #5c1f2e}
.cert360.tpl-administratif_premium .c-emblem{background:#fff;border:2px solid #5c1f2e;color:#5c1f2e}
.cert360.tpl-administratif_premium .c-kicker,.cert360.tpl-administratif_premium .c-issuer{color:#5c1f2e}
.cert360.tpl-administratif_premium .c-name,.cert360.tpl-administratif_premium .c-course{color:#2a1418}
.cert360.tpl-administratif_premium .c-body,.cert360.tpl-administratif_premium .c-meta,.cert360.tpl-administratif_premium .c-recipient-label{color:#4a2f33}
.cert360.tpl-administratif_premium .c-rule,.cert360.tpl-administratif_premium .c-sig-line{background:#5c1f2e}
.cert360.tpl-administratif_premium .c-skill{background:#fff;border:1px solid #5c1f2e;color:#5c1f2e}
.cert360.tpl-administratif_premium .c-stamp{position:absolute;top:9%;right:8%;width:100px;height:100px;border:3px solid #a23545;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg);opacity:.5;z-index:1}
.cert360.tpl-administratif_premium .c-stamp span{font-family:'Cinzel',Georgia,serif;font-size:9px;letter-spacing:1.5px;color:#a23545;line-height:1.3}

/* --- 7. Minimal Officiel --- */
.cert360.tpl-minimal_officiel{background:#fff}
.cert360.tpl-minimal_officiel:before{content:'';position:absolute;top:4%;right:4%;bottom:4%;left:4%;border:1px solid #101010}
.cert360.tpl-minimal_officiel .c-emblem{border-radius:0;background:none;border:1px solid #101010;color:#101010;font-size:14px}
.cert360.tpl-minimal_officiel .c-kicker{letter-spacing:5px;color:#101010;font-weight:600}
.cert360.tpl-minimal_officiel .c-issuer{color:#444}
.cert360.tpl-minimal_officiel .c-name{font-family:'EB Garamond',Georgia,serif;font-style:normal;color:#000}
.cert360.tpl-minimal_officiel .c-course{color:#000}
.cert360.tpl-minimal_officiel .c-body,.cert360.tpl-minimal_officiel .c-meta,.cert360.tpl-minimal_officiel .c-recipient-label{color:#333}
.cert360.tpl-minimal_officiel .c-rule,.cert360.tpl-minimal_officiel .c-sig-line{background:#101010}
.cert360.tpl-minimal_officiel .c-skill{background:#fff;border:1px solid #101010;color:#101010;border-radius:0}
.cert360.tpl-minimal_officiel .c-corner{width:14px;height:14px;border:1px solid #101010}
.cert360.tpl-minimal_officiel .c-corner.tl{top:5.5%;left:5.5%;border-right:0;border-bottom:0}
.cert360.tpl-minimal_officiel .c-corner.tr{top:5.5%;right:5.5%;border-left:0;border-bottom:0}
.cert360.tpl-minimal_officiel .c-corner.bl{bottom:5.5%;left:5.5%;border-right:0;border-top:0}
.cert360.tpl-minimal_officiel .c-corner.br{bottom:5.5%;right:5.5%;border-left:0;border-top:0}

.certificate.receipt{border-style:dashed}