*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#20c66b;--cyan:#00e5ff;--grid:rgba(70,201,243,.07);--green2:#12934b;--blue:#46c9f3;--black:#080b0d;--white:#fff;--surface:#f4f8f9;--muted:#7d8d95;--red:#ef5b5b}
body{font-family:Inter,sans-serif;background:#fff;color:#0b0f12}body:has(.learning-hero){background:#080b0d}body:has(.learning-hero)::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 72%);z-index:0}.topbar,.learning-hero,.public-process{position:relative;z-index:1}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}
.topbar{height:78px;background:#080b0d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand,.side-brand{font:800 1.45rem Manrope,sans-serif}.brand span,.side-brand span{color:var(--green)}.side-brand small{font-size:.66rem;color:#72828a;margin-left:5px}.top-actions,.hero-actions,.inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.primary-btn,.ghost-btn,.danger-btn{min-height:44px;padding:0 17px;border-radius:999px;font-weight:800;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn{background:var(--green);color:#04140a}.ghost-btn{background:transparent;border:1px solid rgba(255,255,255,.14);color:#fff}.danger-btn{background:rgba(239,91,91,.1);border:1px solid rgba(239,91,91,.2);color:#d84848}.big{min-height:52px;padding:0 22px}.full{width:100%;margin-top:18px}.small{min-height:38px;padding:0 12px;font-size:.75rem;color:#1b252a;border-color:#d7e0e4}
.learning-hero{min-height:680px;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(32,198,107,.14),transparent 28%),radial-gradient(circle at 84% 20%,rgba(70,201,243,.13),transparent 28%),#080b0d;color:#fff;padding:72px 5vw;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.eyebrow{color:#aebbc1;text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:800}.eyebrow i{font-size:.4rem;color:var(--green);margin-right:8px}.hero-copy h1{font:800 clamp(3.4rem,6vw,6.8rem)/.94 Manrope,sans-serif;letter-spacing:-.06em;margin:20px 0 25px}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{max-width:690px;color:#9babb2;line-height:1.8}.hero-actions{margin-top:30px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:44px}.feature-strip div{padding:16px 0;border-top:1px solid rgba(255,255,255,.12);color:#a2b0b6;font-size:.78rem}.feature-strip i{color:var(--green);margin-right:8px}.hero-panel{position:relative}.server-status{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#6f858d;font-size:.62rem;letter-spacing:.14em;font-weight:800}.server-status i{font-size:.45rem;color:var(--green);margin-right:5px;box-shadow:0 0 12px var(--green)}.hero-panel-card{min-height:400px;border-radius:34px;padding:38px;background:linear-gradient(145deg,rgba(70,201,243,.18),rgba(32,198,107,.08)),#11171b;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:flex-end}.hero-panel-card>span{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-size:.72rem;font-weight:800}.hero-panel-card h3{font:800 clamp(2.4rem,4vw,4.3rem)/1 Manrope,sans-serif;margin:11px 0 18px}.hero-panel-card p{color:#95a5ad;line-height:1.7}.course-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.course-meta div{padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.course-meta strong,.course-meta span{display:block}.course-meta strong{font-size:1.2rem}.course-meta span{color:#6f8088;font-size:.7rem;margin-top:4px}
.public-process{padding:95px 5vw;background:#f5f8f9}.section-head span,.view-head>div>span,.panel-kicker,.modal-kicker{color:var(--green2);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.section-head h2{font:800 clamp(2.4rem,4vw,4.5rem) Manrope,sans-serif;letter-spacing:-.045em;margin-top:10px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.process-grid article{background:#fff;border:1px solid #e3eaed;border-radius:22px;padding:28px}.process-grid b{color:var(--blue);font-size:.72rem}.process-grid h3{font-family:Manrope,sans-serif;margin:22px 0 10px}.process-grid p{color:#6a7880;line-height:1.65;font-size:.88rem}
.modal{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.75);display:none;place-items:center;padding:20px;overflow:auto}.modal.open{display:grid}.modal-card{width:min(500px,100%);background:#fff;border-radius:28px;padding:32px;position:relative}.modal-card.wide{width:min(850px,100%)}.modal-card h2{font:800 2.1rem Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0 9px}.modal-card>p{color:#6e7e85;line-height:1.6;margin-bottom:22px}.modal-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:0;border-radius:50%;background:#f0f4f5}.modal-card>label,.field label{display:block;font-size:.76rem;font-weight:700;margin:14px 0 7px}.modal-card input,.modal-card textarea,.modal-card select,.field input,.field textarea,.field select{width:100%;border:1px solid #dbe3e6;border-radius:13px;background:#fff;padding:13px 14px;outline:none}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.span-2{grid-column:1/-1}.field small{display:block;color:#819098;font-size:.67rem;margin-top:6px}.consent label{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.5}.consent input{width:auto;margin-top:3px}.form-message{margin-top:14px;font-size:.78rem;line-height:1.5}.form-message.error{color:#b73f3f}.form-message.success{color:#168446}
.app-shell{
  min-height:100vh;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  background:linear-gradient(135deg,#f4f8f9,#eef7f9);
}
.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  background:#080b0d;
  color:#fff;
  padding:28px 18px;
  display:flex;
  flex-direction:column;
}
.sidebar nav{display:grid;gap:7px;margin-top:34px}
.nav-item,.logout-btn{width:100%;min-height:45px;border:0;border-radius:13px;background:transparent;color:#84959d;text-align:left;padding:0 13px;font-weight:700;display:flex;align-items:center;gap:11px}
.nav-item.active,.nav-item:hover{background:rgba(70,201,243,.1);color:var(--blue)}
.logout-btn{margin-top:auto;color:#d27878}
.app-content{
  min-width:0;
  padding:36px 4vw 60px;
  position:relative;
}
.app-content:before{
  content:"// SECURE LEARNING NETWORK";
  position:absolute;
  right:4vw;
  top:15px;
  font:700 .58rem monospace;
  color:#9aabb2;
  letter-spacing:.15em;
}
.mobile-app-top{display:none}.app-view{max-width:1400px;margin:auto}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.view-head h2{font:800 clamp(2.2rem,4vw,4rem) Manrope,sans-serif;letter-spacing:-.045em;margin-top:8px}.status-chip{padding:9px 13px;border-radius:999px;background:#fff0d8;color:#b7791f;font-size:.72rem;font-weight:800}.status-chip.green{background:#dff7e8;color:#168446}.status-chip.sky{background:#e0f5fc;color:#0b7aa0}
.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-cards article{background:#fff;border:1px solid #e2e9ec;border-radius:20px;padding:21px}.dashboard-cards i{color:var(--green2)}.dashboard-cards span,.dashboard-cards strong{display:block}.dashboard-cards span{color:#75858d;font-size:.72rem;margin:17px 0 5px}.dashboard-cards strong{font:800 1.35rem Manrope,sans-serif}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid #e2e9ec;border-radius:22px;padding:28px}.panel h3{font:800 1.4rem Manrope,sans-serif;margin:8px 0 11px}.panel p{color:#68777e;line-height:1.7;font-size:.88rem}.panel>.primary-btn{margin-top:20px}.update-feed{display:grid;gap:12px;margin-top:12px}.update-item{padding:12px;border-left:3px solid var(--green);background:#f7fafb;border-radius:8px}.update-item strong,.update-item span{display:block}.update-item span{font-size:.72rem;color:#7a8990;margin-top:4px}
.course-banner{background:#080b0d;color:#fff;padding:34px;border-radius:26px;margin-bottom:18px}.course-banner span{color:var(--green);text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:800}.course-banner h3{font:800 2.3rem Manrope,sans-serif;margin:10px 0}.course-banner p{color:#91a2aa;line-height:1.7}.summary-sections{display:grid;gap:15px}.summary-card{background:#fff;border:1px solid #e1e8eb;border-radius:21px;padding:26px}.summary-card h4{font:800 1.1rem Manrope,sans-serif;margin-bottom:10px}.summary-card p{color:#5f6f77;line-height:1.75;white-space:pre-line}.assessment-card{background:#fff;border:1px solid #e1e8eb;border-radius:22px;padding:28px;margin-top:18px}.assessment-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.assessment-head h3{font:800 1.5rem Manrope,sans-serif;margin-top:5px}.question-card{padding:20px 0;border-top:1px solid #e9eef0}.question-card:first-child{border-top:0}.question-card h4{font-size:.94rem;line-height:1.5;margin-bottom:12px}.option{display:flex;gap:9px;align-items:flex-start;padding:9px 0;color:#516169;font-size:.85rem}.option input{margin-top:3px}.locked-card{padding:60px 30px;border:1px dashed #cdd8dd;border-radius:24px;text-align:center;background:#fff}.locked-card i{font-size:2.2rem;color:#9aabb2}.locked-card h3{font:800 1.4rem Manrope,sans-serif;margin:15px 0 8px}.locked-card p{color:#72828a}
.result-card{background:#fff;border:1px solid #e1e8eb;border-radius:22px;padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:14px}.result-score{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#e4f7ec;color:#168446;font:800 1.3rem Manrope,sans-serif}.result-score.fail{background:#ffe6e6;color:#c84141}.result-card h3{font-family:Manrope,sans-serif}.result-card p{color:#76868e;font-size:.8rem;margin-top:6px}.result-status{font-weight:800}.result-status.pass{color:#168446}.result-status.fail{color:#c84141}
.profile-card{background:#fff;border:1px solid #e1e8eb;border-radius:24px;padding:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.profile-item{padding:14px;background:#f7fafb;border-radius:13px}.profile-item span,.profile-item strong{display:block}.profile-item span{font-size:.68rem;color:#75858d;text-transform:uppercase}.profile-item strong{margin-top:5px}
.data-list{display:grid;gap:13px}.data-row{background:#fff;border:1px solid #e1e8eb;border-radius:20px;padding:18px;display:grid;grid-template-columns:1.4fr .8fr .8fr auto;align-items:center;gap:14px}.data-main strong,.data-main span{display:block}.data-main span{font-size:.73rem;color:#788890;margin-top:4px}.data-row small{color:#73838b}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.row-actions button{min-height:36px;padding:0 11px;border-radius:999px;border:0;font-size:.71rem;font-weight:800}.approve{background:#def6e7;color:#168446}.reject{background:#ffe5e5;color:#bd4242}.secondary{background:#edf3f5;color:#516169}.builder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px}.question-builder-item{border:1px solid #e2e9ec;border-radius:16px;padding:16px;margin-top:12px}.question-builder-item textarea,.question-builder-item input{width:100%;border:1px solid #dbe3e6;border-radius:10px;padding:10px;margin-top:7px}.answer-grid{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:8px}.correct-toggle{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#617078}.correct-toggle input{width:auto;margin:0}.remove-q{margin-top:10px;border:0;background:none;color:#c14747;font-size:.73rem}.mini-steps{padding-left:18px;color:#65757d;line-height:1.8;font-size:.86rem}
.certificate-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.certificate-card{background:#fff;border:1px solid #e1e8eb;border-radius:22px;padding:24px}.certificate-card h3{font-family:Manrope,sans-serif}.certificate-card p{color:#78888f;margin:7px 0 16px;font-size:.8rem}

.certificate-modal-card{
  width:min(1180px,96vw);
  max-width:none;
  padding:20px;
  background:#eef2f3;
}

.certificate-sheet{
  position:relative;

  width:100%;
  aspect-ratio:297 / 210;

  overflow:hidden;

  padding:
    34px
    58px
    28px;

  box-sizing:border-box;

  color:#101820;
  text-align:center;

  background:
    repeating-radial-gradient(
      ellipse at 18% 25%,
      rgba(13,111,151,.035) 0,
      rgba(13,111,151,.035) 1px,
      transparent 1px,
      transparent 7px
    ),
    repeating-radial-gradient(
      ellipse at 82% 76%,
      rgba(32,198,107,.028) 0,
      rgba(32,198,107,.028) 1px,
      transparent 1px,
      transparent 9px
    ),
    linear-gradient(
      135deg,
      rgba(32,198,107,.025),
      transparent 34%,
      rgba(70,201,243,.025)
    ),
    #fff;

  border:10px solid #080b0d;

  box-shadow:
    0 22px 60px rgba(0,0,0,.18);
}

.certificate-sheet::before{
  content:"";

  position:absolute;
  inset:14px;

  border:2px solid #20c66b;

  box-shadow:
    inset 0 0 0 4px #fff,
    inset 0 0 0 5px rgba(32,198,107,.22);

  pointer-events:none;

  z-index:1;
}

.certificate-sheet::after{
  content:"MI PRINT";

  position:absolute;

  left:50%;
  top:50%;

  transform:
    translate(-50%,-50%)
    rotate(-18deg);

  font-family:Manrope,sans-serif;

  font-size:clamp(
    5rem,
    9vw,
    8.5rem
  );

  font-weight:800;

  letter-spacing:.12em;

  color:
    rgba(13,111,151,.032);

  white-space:nowrap;

  pointer-events:none;

  z-index:0;
}


.certificate-sheet > *{
  position:relative;
  z-index:2;
}

.certificate-security-mark{
  position:absolute!important;

  left:50%;
  top:48%;

  transform:
    translate(-50%,-50%);

  z-index:0!important;

  font-family:Manrope,sans-serif;

  font-size:.57rem;
  font-weight:800;

  letter-spacing:.55em;

  color:
    rgba(12,91,121,.12);

  text-transform:uppercase;

  pointer-events:none;
}

.certificate-header{
  text-align:center;

  margin-top:55px;
}

.certificate-brand{
  display:inline-block;

  font-family:
    Manrope,
    sans-serif;

  font-size:1.6rem;
  font-weight:800;

  line-height:1;

  letter-spacing:-.045em;

  color:#080b0d;
}


.certificate-brand span{
  color:#20c66b;
}

.certificate-brand-subtitle{
  margin-top:5px;

  font-family:
    Manrope,
    sans-serif;

  font-size:.51rem;
  font-weight:800;

  letter-spacing:.32em;

  color:#63747b;

  text-transform:uppercase;
}

.certificate-number{
  width:fit-content;

  margin:
    9px
    auto
    0;

  padding:
    5px
    15px;

  border:
    1px solid
    rgba(13,111,151,.42);

  border-radius:999px;

  background:
    rgba(239,248,251,.92);

  color:#0d6f97;

  font-family:monospace;

  font-size:.59rem;
  font-weight:700;

  letter-spacing:.09em;
}


.certificate-number strong{
  font-weight:800;
}

.certificate-main{
  width:78%;
  max-width:820px;

  margin:
    90px
    auto
    0;

  text-align:center;
}

.certificate-main h1{
  margin:0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      2.3rem,
      4.4vw,
      3.8rem
    );

  font-weight:700;

  line-height:.92;

  letter-spacing:.045em;

  color:#101820;

  text-transform:uppercase;
}


.certificate-main h1 span{
  display:block;

  margin-top:7px;

  font-size:.38em;

  letter-spacing:.18em;
}

.certificate-ornament{
  display:flex;

  align-items:center;
  justify-content:center;

  gap:10px;

  width:310px;
  max-width:65%;

  margin:
    12px
    auto
    12px;

  color:#c7a44b;
}


.certificate-ornament span{
  flex:1;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #c7a44b
    );
}


.certificate-ornament span:last-child{
  background:
    linear-gradient(
      90deg,
      #c7a44b,
      transparent
    );
}


.certificate-ornament i{
  font-size:.44rem;
}

.certificate-intro{
  margin:0 0 4px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:.82rem;

  color:#55646a;
}

.certificate-student-name{
  width:fit-content;
  max-width:90%;

  margin:
    3px
    auto
    7px;

  padding:
    0
    32px
    6px;

  border-bottom:
    1px solid #c9a94f;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      1.8rem,
      3.25vw,
      2.9rem
    );

  font-weight:700;
  font-style:italic;

  line-height:1.05;

  color:#0d6f97;
}

.certificate-copy{
  margin:4px 0;

  font-family:
    Inter,
    sans-serif;

  font-size:.72rem;

  line-height:1.4;

  color:#526168;
}


.certificate-copy-small{
  margin-top:5px;

  font-size:.67rem;

  color:#68777d;
}

.certificate-course-name{
  margin:5px 0;

  font-family:
    Manrope,
    sans-serif;

  font-size:1.15rem;
  font-weight:800;

  color:#101820;
}

.certificate-score{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:8px;

  margin-top:6px;

  padding:
    5px
    13px;

  border:
    1px solid
    rgba(32,198,107,.24);

  border-radius:999px;

  background:
    rgba(32,198,107,.075);

  color:#53636a;

  font-size:.67rem;
  font-weight:600;
}


.certificate-score strong{
  color:#159a50;

  font-family:
    Manrope,
    sans-serif;

  font-size:.93rem;
  font-weight:800;
}

.certificate-authorisation{
  position:absolute!important;

  left:10%;
  right:10%;

  bottom:91px;

  display:grid;

  grid-template-columns:
    190px
    190px;

  justify-content:
    space-between;

  align-items:end;

  z-index:3!important;
}


.certificate-signature-block,
.certificate-date-block{
  text-align:center;
}

.signature-space{
  height:46px;

  display:flex;

  align-items:flex-end;
  justify-content:center;

  overflow:visible;
}


.certificate-signature-image{
  display:block;

  width:auto;

  max-width:145px;
  max-height:46px;

  object-fit:contain;

  transform:
    translateY(3px);
}

.certificate-date-value{
  height:46px;

  display:flex;

  align-items:flex-end;
  justify-content:center;

  padding-bottom:5px;

  color:#27373d;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:.72rem;
  font-weight:700;
}

.certificate-sign-line{
  width:100%;

  height:1px;

  margin:
    0
    auto
    5px;

  background:#65757c;
}


.certificate-signature-block strong,
.certificate-date-block strong{
  display:block;

  font-family:
    Manrope,
    sans-serif;

  font-size:.59rem;
  font-weight:800;

  letter-spacing:.08em;

  color:#192329;

  text-transform:uppercase;
}


.certificate-signature-block small,
.certificate-date-block small{
  display:block;

  margin-top:2px;

  font-size:.46rem;

  letter-spacing:.08em;

  color:#89969b;

  text-transform:uppercase;
}

.certificate-logo-footer{
  position:absolute!important;

  left:52px;
  right:52px;
  bottom:23px;

  z-index:3!important;

  text-align:center;
}

.certificate-logo-rule{
  width:62%;

  height:1px;

  margin:
    0
    auto
    8px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(32,198,107,.6),
      transparent
    );
}

.certificate-logos{
  display:flex;

  align-items:center;
  justify-content:center;

  gap:32px;

  height:47px;

  margin:0;
}


.certificate-logos img{
  display:block;

  width:auto;

  max-width:112px;
  max-height:43px;

  object-fit:contain;
}

@media(max-width:1050px){
  .learning-hero{grid-template-columns:1fr}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-cards{grid-template-columns:repeat(2,1fr)}
  .builder-grid,.dashboard-grid{grid-template-columns:1fr}
  .data-row{grid-template-columns:1fr 1fr}
  .row-actions{grid-column:1/-1}
  .certificate-list{grid-template-columns:1fr}
}
@media(max-width:850px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{
    position:fixed;
    z-index:1500;
    left:-270px;
    width:250px;
    transition:.25s;
  }
  .sidebar.open{left:0}
  .mobile-app-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
  }
  .mobile-app-top button{
    border:0;
    background:#fff;
    width:42px;
    height:42px;
    border-radius:12px;
  }
}
@media(max-width:650px){.topbar{height:68px;padding:0 18px}.learning-hero{padding:52px 18px}.public-process{padding:70px 18px}.process-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-card{padding:26px 20px}.app-content{padding:24px 16px 45px}.dashboard-cards{grid-template-columns:1fr}.view-head{align-items:flex-start;flex-direction:column}.assessment-head{flex-direction:column}.profile-card{grid-template-columns:1fr}.data-row{grid-template-columns:1fr}.result-card{grid-template-columns:1fr}.certificate-sheet{padding:36px 22px}.certificate-sheet .certificate-code{font:800 .78rem monospace;letter-spacing:.14em;color:#0d6f97;margin:12px 0}.certificate-sheet h2{font-size:2.2rem}.certificate-sheet .student-name{font-size:1.7rem}}

@page{
  size:A4 landscape;
  margin:0;
}

@media print{

  html,
  body{
    margin:0!important;
    padding:0!important;

    width:297mm!important;
    height:210mm!important;

    background:#fff!important;

    overflow:visible!important;
  }

  body > *{
    visibility:hidden!important;
  }

  #certificateModal{
    visibility:visible!important;

    display:block!important;

    position:absolute!important;

    left:0!important;
    top:0!important;

    width:297mm!important;
    height:210mm!important;

    margin:0!important;
    padding:0!important;

    background:#fff!important;

    overflow:visible!important;
  }


  #certificateModal *{
    visibility:visible!important;
  }


  .certificate-modal-card{
    display:block!important;

    position:absolute!important;

    left:0!important;
    top:0!important;

    width:297mm!important;
    max-width:none!important;

    height:210mm!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    border-radius:0!important;

    background:#fff!important;

    box-shadow:none!important;
  }


  #certificatePreview{
    display:block!important;

    width:297mm!important;
    height:210mm!important;

    margin:0!important;
    padding:0!important;
  }


  .certificate-sheet{
    display:block!important;

    position:relative!important;

    width:297mm!important;
    height:210mm!important;

    margin:0!important;

    padding:
      14mm
      18mm
      11mm!important;

    box-sizing:border-box!important;

    border:3mm solid #080b0d!important;

    box-shadow:none!important;

    background-color:#fff!important;

    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }


  .certificate-sheet::before,
  .certificate-sheet::after{
    visibility:visible!important;

    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }


  .certificate-sheet .cert-footer{
    left:18mm!important;
    right:18mm!important;
    bottom:11mm!important;
  }

  #printCertificateBtn,
  #certificateModal .modal-close{
    display:none!important;
  }
}

#forgotPasswordBtn {
  display: block;
  width: 100%;
  margin-top: 12px;

  background: #f3f6f8;
  color: #192433;

  border: 1px solid #d9e1e5;
  border-radius: 10px;

  padding: 13px 16px;

  font-family: inherit;
  font-size: 14px;
  font-weight: 700;

  cursor: pointer;

  opacity: 1;
  visibility: visible;
}

#forgotPasswordBtn:hover {
  background: #e8eef1;
  color: #192433;
  border-color: #c8d3d9;
}

.learning-loader{
  position:fixed;
  inset:0;

  z-index:100000;

  display:grid;
  place-items:center;

  padding:24px;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(32,198,107,.14),
      transparent 28%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(70,201,243,.13),
      transparent 30%
    ),
    #080b0d;

  color:#fff;

  transition:
    opacity .45s ease,
    visibility .45s ease;
}


.learning-loader.ready{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}


.learning-loader-card{
  width:min(560px,100%);

  text-align:center;

  padding:42px 34px;

  border:
    1px solid
    rgba(255,255,255,.09);

  border-radius:28px;

  background:
    rgba(17,23,27,.86);

  box-shadow:
    0 30px 90px
    rgba(0,0,0,.35);

  backdrop-filter:
    blur(12px);
}


.learning-loader-brand{
  font:
    800
    1.35rem
    Manrope,
    sans-serif;
}


.learning-loader-brand span{
  color:var(--green);
}


.learning-loader-brand small{
  font-size:.62rem;

  color:#82949c;

  margin-left:5px;
}


.learning-loader-icon{
  width:76px;
  height:76px;

  margin:
    28px auto 20px;

  border-radius:24px;

  display:grid;
  place-items:center;

  background:
    linear-gradient(
      145deg,
      rgba(70,201,243,.18),
      rgba(32,198,107,.12)
    );

  border:
    1px solid
    rgba(255,255,255,.08);

  font-size:1.7rem;

  color:var(--green);

  animation:
    loaderPulse
    1.35s
    ease-in-out
    infinite;
}


.learning-loader h1{
  font:
    800
    clamp(1.8rem,4vw,2.7rem)
    Manrope,
    sans-serif;

  letter-spacing:-.04em;
}


.learning-loader p{
  max-width:430px;

  margin:
    12px auto 24px;

  color:#90a1a9;

  line-height:1.65;

  font-size:.88rem;
}


.learning-loader-track{
  height:7px;

  overflow:hidden;

  border-radius:999px;

  background:
    rgba(255,255,255,.08);
}


.learning-loader-track span{
  display:block;

  width:100%;
  height:100%;

  border-radius:inherit;

  background:
    linear-gradient(
      90deg,
      var(--green),
      var(--blue)
    );

  transform-origin:left;

  animation:
    learningLoadProgress
    5s
    ease-out
    forwards;
}


.learning-loader-status{
  margin-top:16px;

  font-size:.62rem;
  font-weight:800;

  letter-spacing:.16em;

  color:#82949c;
}


.learning-loader-status i{
  font-size:.42rem;

  color:var(--green);

  margin-right:7px;

  box-shadow:
    0 0 12px
    var(--green);
}


@keyframes learningLoadProgress{

  from{
    transform:scaleX(.03);
  }

  to{
    transform:scaleX(1);
  }

}


@keyframes loaderPulse{

  0%,
  100%{
    transform:scale(1);

    box-shadow:
      0 0 0
      rgba(32,198,107,0);
  }

  50%{
    transform:scale(1.04);

    box-shadow:
      0 0 34px
      rgba(32,198,107,.14);
  }

}

#toggleAssessmentBtn {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid #d7e0e4;
  border-radius: 999px;
  background: #edf3f5;
  color: #35454d;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: 0.2s ease;
}

#toggleAssessmentBtn:hover {
  background: #e2eaed;
  border-color: #c7d3d8;
}

#toggleAssessmentBtn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}