@font-face{font-family:"Golos Text";src:url("../fonts/Golos-Text_Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Golos Text";src:url("../fonts/Golos-Text_Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Golos Text";src:url("../fonts/Golos-Text_DemiBold.ttf") format("truetype");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Golos Text";src:url("../fonts/Golos-Text_Bold.ttf") format("truetype");font-weight:800 900;font-style:normal;font-display:swap}
/* AI Lab portal — v9. Official logo assets supplied by the organizers.
   Font files are intentionally NOT included in this package. See assets/fonts/README.md. */
@font-face{
  font-family:"Golos Text";
  src:local("Golos Text"),local("Golos Text VF"),
      url("../fonts/Golos-Text_VF.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
:root{
  --ink:#080808;
  --paper:#fbfbf8;
  --panel:#ffffff;
  --line:#d9d7d1;
  --muted:#676767;
  --coral:#ff3f33;
  --honey:#ffcc33;
  --yellow:#ffff33;
  --lime:#b0ff14;
  --cyan:#00ccff;
  --blue:#0b68fe;
  --violet:#7f00ff;
  --pink:#fc74fd;
  --red:#d90912;
  --green:#198754;
  --radius:20px;
  --radius-sm:14px;
  --ui:"Golos Text","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);line-height:1.42}
button,input,textarea,select{font:inherit}
a{color:inherit}
img{max-width:100%}
.container{max-width:1220px;margin:auto;padding:0 24px}
.container.wide{max-width:1680px}
.brand-strip{background:var(--ink);color:#fff;padding:7px 0;font-size:12px;font-weight:600;letter-spacing:.01em}
.brand-strip .container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-strip .brand-mini{display:flex;align-items:center;gap:14px}
.brand-strip img{height:25px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}
.brand-strip .rosmolo-mini{height:18px;filter:none}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:14px 0}
.site-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.header-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.header-brand img{width:180px;height:40px;object-fit:contain;object-position:left center}
.header-brand .lab-name{font-size:14px;font-weight:800;border-left:1px solid var(--line);padding-left:12px;white-space:nowrap}
.nav{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
.nav a{padding:9px 12px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:650}
.nav a:hover,.nav a.active{background:var(--ink);color:#fff}
.header-itmo{display:flex;align-items:center;gap:12px;text-decoration:none}
.header-itmo img{width:126px;height:36px;object-fit:contain}
.user-chip{font-size:12px;border:1px solid var(--line);padding:7px 10px;border-radius:999px;white-space:nowrap}
.hero{padding:58px 0 44px;background:linear-gradient(135deg,#fff 0%,#fff 62%,rgba(252,116,253,.13) 62%,rgba(176,255,20,.15) 100%)}
.hero.violet-hero{background:linear-gradient(135deg,#fff 0%,#fff 55%,rgba(127,0,255,.12) 55%,rgba(0,204,255,.13) 100%)}
.hero.dark-hero{background:linear-gradient(135deg,#0d0d0d 0%,#151515 60%,#3b0c61 100%);color:#fff}
.hero.dark-hero .lead{color:#eee}
.eyebrow{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.065em;font-size:12px}
h1{font-size:clamp(38px,6vw,76px);letter-spacing:-.062em;line-height:.92;margin:12px 0 18px;max-width:1000px;font-weight:800}
h2{font-size:clamp(26px,3.4vw,43px);letter-spacing:-.045em;line-height:1.02;margin:0 0 14px;font-weight:780}
h3{font-size:20px;letter-spacing:-.02em;margin:0 0 8px;font-weight:760}
p{margin:0 0 12px}
.lead{font-size:20px;max-width:820px;color:#333}
section{padding:38px 0}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card.accent{border-top:5px solid var(--coral)}
.card.violet{background:#f6f0ff;border-color:#d8c4ff}
.card.blue{background:#eff9ff;border-color:#bdefff}
.card.red{background:#fff1f0;border-color:#ffbeba}
.card.black{background:var(--ink);color:#fff;border-color:var(--ink)}
.card.lime{background:#f5ffe5;border-color:#d2ff8a}
.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid currentColor;border-radius:999px;padding:5px 10px;font-weight:750;font-size:12px}
.day1{color:var(--red)}
.day2{color:var(--violet)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);padding:10px 16px;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.button:hover{transform:translateY(-1px);box-shadow:0 4px 0 rgba(0,0,0,.13)}
.button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.button.primary{background:var(--ink);color:#fff}
.button.red{background:var(--coral);border-color:var(--coral);color:var(--ink)}
.button.violet{background:var(--violet);border-color:var(--violet);color:#fff}
.button.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.button.completed{background:#e7faed;border-color:#2c9b62;color:#17663b;box-shadow:none;transform:none}
.button[disabled]{opacity:.72;cursor:default;transform:none;box-shadow:none}
.button+.button{margin-left:7px}
.row .button+.button,.action-row .button+.button{margin-left:0}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.field{display:grid;gap:6px;margin:13px 0}
.field label{font-size:13px;font-weight:750}
.field input:not([type=file]),.field textarea,.field select{width:100%;border:1px solid #bdb9b0;border-radius:12px;padding:10px 12px;background:#fff;font:inherit;line-height:1.4}
.field textarea{min-height:46px;resize:none;overflow:hidden}
.field textarea:focus,.field input:focus,.field select:focus{outline:3px solid rgba(0,204,255,.25);border-color:var(--blue)}
.notice{padding:15px 17px;background:#fff0ef;border-left:4px solid var(--coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.notice.info{background:#eefaff;border-color:var(--cyan)}
.notice.warning{background:#fff8df;border-color:var(--honey)}
.small{font-size:13px;color:var(--muted)}
.output{background:var(--ink);color:#f6f6f6;border-radius:14px;padding:16px;white-space:pre-wrap;min-height:120px}
.progress-wrap{height:10px;background:#e7e4df;border-radius:999px;overflow:hidden}
.progress-bar{height:100%;width:0;background:var(--coral)}
.day2-progress{background:var(--violet)}
.external-panel{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}
.embed-shell{min-height:470px;overflow:hidden;background:#111;border-radius:var(--radius);border:1px solid var(--line)}
.embed-shell iframe{height:470px;width:100%;border:0;background:#fff}
.playground-shell{min-height:820px;height:calc(100vh - 170px);max-height:1100px}
.playground-shell iframe{height:100%}
.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.workspace-toolbar p{margin:0}
.embed-shell:fullscreen{width:100vw;height:100vh;max-height:none;border-radius:0}
.embed-shell:fullscreen iframe{height:100%}
.mission-side{position:sticky;top:100px}
.step-list{margin:0;padding:0;list-style:none;counter-reset:step}
.step-list li{counter-increment:step;position:relative;padding:11px 10px 11px 45px;margin:8px 0;border:1px solid var(--line);border-radius:12px}
.step-list li:before{content:counter(step);position:absolute;left:10px;top:10px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:800}
.service-launch{min-height:470px;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;background:linear-gradient(135deg,#171717 0%,#252525 52%,#4e2c4f 100%);color:#fff}
.service-launch:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-120px;top:-185px;box-shadow:0 0 0 40px rgba(255,255,255,.04),0 0 0 85px rgba(255,255,255,.025)}
.service-launch>*{position:relative;z-index:1}
.service-launch h2{max-width:660px}
.service-launch p{max-width:620px;font-size:18px;color:#ececec}
.service-launch .button{margin:10px 0 0;background:#fff;color:var(--ink)}
.service-launch .launch-label{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}
.service-launch.tm{background:linear-gradient(135deg,#0b68fe 0%,#7f00ff 55%,#fc74fd 100%)}
.service-launch.qd{background:linear-gradient(135deg,#1a1a1a 0%,#7f00ff 58%,#fc74fd 100%)}
.route-summary{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.route-card{padding:18px;border-radius:16px;border:1px solid var(--line);background:#fff}
.route-card.done{border-top:4px solid var(--green)}
.route-card h3{margin-top:8px}
.route-meta{font-size:12px;color:var(--muted);margin:0 0 10px}
.route-notes{display:grid;gap:10px}
.route-note{padding:10px 12px;background:#f7f6f2;border-radius:10px}
.route-note strong{display:block;font-size:12px;margin-bottom:3px}
.route-note span{display:block;white-space:pre-wrap}
.route-empty{padding:34px;border:1px dashed #bdb9b0;border-radius:16px;background:#fff}
.prediction-list{display:grid;gap:10px}
.prediction-row{display:grid;gap:5px}
.prediction-line{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.prediction-bar{height:10px;border-radius:99px;background:#e7e4de;overflow:hidden}
.prediction-bar i{display:block;height:100%;background:var(--violet);border-radius:99px}

.card > *:last-child{margin-bottom:0}
.card .row{margin-top:14px}
section + section{padding-top:20px}
.block-gap{margin-top:18px}
.action-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.checklist{list-style:none;margin:10px 0 16px;padding:0;display:grid;gap:9px}
.checklist li{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.checklist .box{flex:0 0 18px;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:4px;margin-top:2px;background:#fff}
.certificate-cta{border:1px solid var(--ink);border-radius:var(--radius);padding:22px;background:linear-gradient(135deg,#fff 0%,#fff 55%,rgba(252,116,253,.14) 55%,rgba(176,255,20,.22) 100%);margin-top:22px}
.certificate-cta h2{margin-bottom:8px}
details.reserve-copy{margin-top:16px}
details.reserve-copy summary{cursor:pointer;font-weight:750;color:var(--muted)}
.auth-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff8df;border:1px solid #f0d679;color:#5f4b00;font-size:13px}

.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.file-picker{display:grid;gap:8px;padding:12px;border:1px dashed #aaa69f;border-radius:14px;background:#fff}
.file-picker input{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.file-picker label{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--ink);border-radius:999px;padding:8px 12px;font-weight:750;background:#fff;cursor:pointer;transition:.15s}
.file-picker label:hover{background:var(--lime)}
.file-picker .file-name{font-size:12px;line-height:1.25;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.file-picker.has-file{border-color:var(--green);background:#f2fff6}
.file-picker.has-file .file-name{color:#17663b;font-weight:700}
.image-picker{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px}
.image-picker input{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.image-picker label{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;padding:8px 12px;font-weight:750;cursor:pointer}
.image-picker .file-name{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.storage-warning{position:sticky;top:0;z-index:99;margin:0;background:#fff4cf;border-bottom:1px solid #e4bd3e;padding:9px 14px;font-size:13px}
.print-button{margin-top:12px}
.chat-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:530px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.chat-toolbar{display:flex;justify-content:space-between;gap:8px;padding:12px 15px;background:#f5f4f1;border-bottom:1px solid var(--line)}
.chat-log{padding:20px;display:grid;align-content:start;gap:12px;overflow:auto}
.chat-message{max-width:82%;border-radius:16px;padding:11px 13px;white-space:pre-wrap}
.chat-message.user{justify-self:end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.chat-message.assistant{justify-self:start;background:#f1edff;border-bottom-left-radius:4px}
.chat-composer{padding:14px;border-top:1px solid var(--line);display:grid;gap:10px}
.chat-composer textarea{min-height:50px}
.chip-row{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}
.chip:hover{background:var(--lime);border-color:var(--lime)}
.login-layout{min-height:calc(100vh - 85px);display:grid;place-items:center;padding:48px 0;background:linear-gradient(135deg,#fff 0%,#fff 52%,#f3e6ff 52%,#dcff8a 100%)}
.login-card{width:min(480px,100%);padding:30px;border:1px solid var(--ink);border-radius:26px;background:#fff;box-shadow:8px 8px 0 var(--ink)}
.login-brands{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.login-brands img{height:44px;max-width:160px;object-fit:contain}
.certificate-tool{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}
.certificate-controls{position:sticky;top:100px}
.certificate-sheet{width:min(100%,794px);min-height:1123px;background:#fff;margin:auto;position:relative;padding:34px 48px 52px;box-shadow:0 10px 40px rgba(0,0,0,.12);overflow:hidden}
.cert-top{height:135px;background:var(--pink);border-radius:0 0 28px 28px;margin:-34px -48px 44px;padding:28px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cert-top img{height:64px;width:auto;max-width:260px;object-fit:contain}
.cert-shift{height:45px;max-width:200px;object-fit:contain}
.cert-title{text-align:center;font-size:52px;font-weight:800;letter-spacing:-.06em;margin:0 0 38px}
.cert-pre{text-align:center;font-size:19px;margin:0 0 16px}
.cert-name{font-size:38px;font-weight:760;text-align:center;border-bottom:1px solid var(--ink);padding:8px 10px 14px;margin:0 auto 22px;min-height:71px;word-break:break-word}
.cert-program{text-align:center;font-size:20px;line-height:1.28;max-width:560px;margin:0 auto 20px}
.cert-note{margin:30px auto 0;max-width:560px;border-left:4px solid var(--lime);padding:13px 16px;background:#f7ffea}
.cert-note strong{display:block;margin-bottom:6px}
.cert-footer{position:absolute;left:48px;right:48px;bottom:42px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.cert-partners{display:flex;gap:18px;align-items:center}
.cert-partners img{height:37px;width:auto;max-width:130px;object-fit:contain}
.cert-itmostart{height:36px!important;max-width:230px!important}
.cert-shape{position:absolute;bottom:100px;width:150px;height:58px;border:24px solid var(--pink);border-left:0;clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);opacity:.95}
.cert-shape.left{left:-5px}
.cert-shape.right{right:-5px;transform:scaleX(-1);border-color:var(--lime)}
footer{margin-top:42px;background:var(--ink);color:#fff;padding:28px 0}
footer .footer-brand{display:flex;align-items:center;justify-content:space-between;gap:16px}
footer img{height:34px;width:auto;filter:brightness(0) invert(1)}
@media(max-width:1000px){
  .site-header-inner{grid-template-columns:1fr auto}
  .nav{grid-row:2;grid-column:1/-1;justify-content:flex-start}
  .header-brand .lab-name{display:none}
  .external-panel,.certificate-tool{grid-template-columns:1fr}
  .mission-side,.certificate-controls{position:static}
  .file-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  .brand-strip .container{align-items:flex-start;flex-direction:column}
  .header-itmo{display:none}
  .header-brand img{width:150px}
  .hero{padding:44px 0 32px}
  .playground-shell{height:70vh;min-height:570px}
  .certificate-sheet{min-height:1000px;padding:26px 26px 42px}
  .cert-top{margin:-26px -26px 36px;padding:20px 26px;height:110px}
  .cert-top img{height:48px}
  .cert-title{font-size:42px}
  .cert-name{font-size:29px}
  .cert-footer{left:26px;right:26px}
  .cert-partners img{height:28px;max-width:100px}
}
@media print{
  @page{size:A4 portrait;margin:0}
  .brand-strip,.site-header,.no-print,footer,.storage-warning,.certificate-controls{display:none!important}
  body{background:#fff}
  main,section{margin:0!important;padding:0!important}
  .certificate-tool{display:block}
  .certificate-sheet{box-shadow:none;width:210mm;min-height:297mm;max-width:none;padding:12mm 14mm 14mm}
  .cert-top{margin:-12mm -14mm 12mm;height:35mm;padding:8mm 14mm}
  .cert-title{font-size:19mm;margin:0 0 11mm}
  .cert-pre{font-size:5mm}
  .cert-name{font-size:10mm;min-height:16mm}
  .cert-program{font-size:5mm}
  .cert-note{font-size:4mm}
  .cert-footer{left:14mm;right:14mm;bottom:12mm}
}

/* v9 refinement: carousel, spacing, interactive checklist, A5 certificate */
textarea{resize:none!important;overflow:hidden}
.grid{align-items:start}
.next-mission{margin:26px 0 0!important}
.no-print.next-mission{margin-top:26px!important}
.card > .button + .button{margin-left:8px}
.card > .row,.card > .action-row{margin-top:18px}
.card > .next-mission{margin-top:26px}
.preview-hint{margin-top:4px!important;color:#5b4884!important}

.brand-carousel{height:44px;padding:0;overflow:hidden;display:flex;align-items:center;background:#080808}
.brand-carousel .brand-marquee{width:100%;overflow:hidden;white-space:nowrap}
.brand-marquee-track{display:flex;width:max-content;animation:aiLabMarquee 55s linear infinite}
.brand-marquee-set{display:flex;align-items:center;gap:17px;min-width:max-content;padding:0 24px}
.marquee-link{display:inline-flex;align-items:center;text-decoration:none;color:#fff}
.marquee-logo{display:inline-flex;align-items:center;justify-content:center}
.marquee-logo img{width:auto;object-fit:contain;display:block}
.logo-shifts img{height:25px;filter:brightness(0) invert(1)}
.logo-first{height:20px;width:88px;object-fit:contain;filter:brightness(0) invert(1)}
.logo-rosmol{height:19px;width:88px;object-fit:contain}
.logo-itmostart img{height:20px;width:158px;filter:brightness(0) invert(1)}
.marquee-ai,.marquee-title{font-size:12px;line-height:1;font-weight:800;letter-spacing:.05em;color:#fff;white-space:nowrap}
.marquee-title{font-size:11px;letter-spacing:.075em}
.marquee-cross{width:10px;height:10px;object-fit:contain;opacity:.95}
@keyframes aiLabMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.brand-marquee-track{animation:none}}

.checklist{margin:10px 0 0;padding:0;display:grid;gap:9px}
.checkline{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;font-size:16px;transition:border-color .15s ease,background .15s ease}
.checkline:hover{border-color:#9e9a91;background:#fbfaf7}
.checkline input{appearance:none;width:27px;height:27px;border:2px solid var(--ink);border-radius:6px;margin:0;display:grid;place-items:center;flex:0 0 27px;background:#fff;cursor:pointer}
.checkline input:checked{background:var(--lime);border-color:var(--ink)}
.checkline input:checked::after{content:"✓";font-size:20px;font-weight:900;line-height:1;color:var(--ink)}
.checkline input:focus-visible{outline:3px solid rgba(0,204,255,.45);outline-offset:3px}

.certificate-cta{margin-top:30px;padding:26px}
.certificate-cta .badge{margin-bottom:10px}
.certificate-page .hero{padding-bottom:32px}
.certificate-page .certificate-section{padding-top:26px}
.certificate-sheet{width:min(100%,560px);min-height:792px;padding:28px 34px 40px}
.cert-top{height:118px;margin:-28px -34px 34px;padding:23px 34px;border-radius:0 0 25px 25px}
.cert-top img{height:54px;max-width:200px}
.cert-top .cert-shift{height:42px;max-width:190px;filter:brightness(0) invert(1)}
.cert-title{font-size:43px;margin:0 0 28px}
.cert-pre{font-size:16px;margin:0 0 13px}
.cert-name{font-size:30px;min-height:59px;margin-bottom:17px}
.cert-program{font-size:16px;max-width:430px;margin-bottom:14px}
.cert-note{margin-top:22px;max-width:430px;font-size:14px}
.cert-footer{left:34px;right:34px;bottom:28px;justify-content:center}
.cert-itmostart{height:31px!important;max-width:220px!important}
.cert-shape{bottom:69px;width:118px;height:45px;border-width:18px}

@media(max-width:780px){
  .brand-carousel{height:40px}.brand-marquee-set{gap:12px;padding:0 16px}.logo-shifts img{height:21px}.logo-first{height:17px;width:74px}.logo-rosmol{height:16px;width:74px}.logo-itmostart img{height:17px;width:134px}.marquee-ai,.marquee-title{font-size:10px}.marquee-cross{width:8px;height:8px}
  .checkline{font-size:15px;padding:10px 12px}.checkline input{width:24px;height:24px;flex-basis:24px}
  .certificate-sheet{min-height:740px;padding:24px 24px 38px}.cert-top{margin:-24px -24px 28px;padding:18px 24px;height:100px}.cert-top img{height:44px}.cert-title{font-size:38px}.cert-name{font-size:26px}.cert-footer{left:24px;right:24px}
}

@media print{
  @page{size:A5 portrait;margin:0}
  body.certificate-page .brand-strip,body.certificate-page .site-header,body.certificate-page .hero,body.certificate-page footer,body.certificate-page .certificate-controls{display:none!important}
  body.certificate-page main>section:not(.certificate-section){display:none!important}
  body.certificate-page main,body.certificate-page .certificate-section,body.certificate-page .certificate-section .container{display:block!important;margin:0!important;padding:0!important;max-width:none!important}
  body.certificate-page .certificate-tool{display:block!important}
  body.certificate-page .certificate-sheet{box-shadow:none;width:148mm;min-height:210mm;max-width:none;margin:0;padding:8mm 9mm 11mm}
  body.certificate-page .cert-top{height:29mm;margin:-8mm -9mm 9mm;padding:6mm 9mm}
  body.certificate-page .cert-title{font-size:15mm;margin:0 0 8mm}
  body.certificate-page .cert-pre{font-size:4mm}
  body.certificate-page .cert-name{font-size:8mm;min-height:13mm;margin-bottom:5mm}
  body.certificate-page .cert-program{font-size:4.1mm}
  body.certificate-page .cert-note{font-size:3.4mm;margin-top:7mm}
  body.certificate-page .cert-footer{left:9mm;right:9mm;bottom:8mm}
  body.certificate-page .cert-itmostart{height:8mm!important;max-width:58mm!important}
  body.certificate-page .cert-shape{bottom:22mm;width:34mm;height:14mm;border-width:5.5mm}
}