@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');
:root{
  /* Paleta oficial Poppys — brandbook: vermelho #C3111A, preto, branco, amarelo #EFC02E, azul #78B7E9 */
  --bg:#f5f7f8;--paper:#ffffff;--ink:#141414;--muted:#6f7478;--line:#e6e7e8;
  --red:#c3111a;--red-dark:#a50e15;--red-soft:#fdeaeb;
  --yellow:#efc02e;--yellow-soft:#fdf3d7;--yellow-ink:#8a6a09;
  --blue:#78b7e9;--blue-soft:#e9f3fb;--blue-ink:#22577f;
  --black:#111111;
  /* nomes antigos do protótipo, mantidos para não quebrar regras existentes */
  --green:var(--black);--orange:var(--red);--light:#fdeff0;--radius:14px;--shadow:0 8px 30px #27282a08}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px 'Hanken Grotesk',Arial,sans-serif}h1,h2,h3,h4{font-family:Fredoka,'Hanken Grotesk',Arial,sans-serif;letter-spacing:-.5px}h1{font-size:29px;line-height:1.3;margin:8px 0 10px;font-weight:800}h2{font-size:19px;line-height:1.4;margin:0 0 16px}h3{font-size:15px;line-height:1.5;margin:0 0 8px}p{line-height:1.7;margin:8px 0;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{transition:background .15s,box-shadow .15s}a:hover{color:var(--red-dark)}button:hover{filter:brightness(.97)}img{max-width:100%;display:block}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:5px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:var(--orange);text-transform:uppercase}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.bold{font-weight:700}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:18px}.gap{gap:24px}.mt{margin-top:24px}.mb{margin-bottom:24px}.hidden{display:none!important}.grow{flex:1;min-width:0}.divider{height:1px;background:var(--line);margin:24px 0}.btn{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 17px;border-radius:8px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:700;white-space:nowrap;min-height:39px}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{background:var(--red-dark);border-color:var(--red-dark);filter:none}.btn.orange{background:var(--orange);border-color:var(--orange);color:white}.btn.soft{background:var(--red-soft);border-color:var(--red-soft);color:var(--red-dark)}.btn.danger{color:#a50e15;background:#fdeaeb;border-color:#f4c4c7}.btn.sm{padding:7px 11px;min-height:31px;font-size:11px}.btn.link{border:0;background:transparent;padding:6px 0;color:var(--orange)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:white;font-size:22px;color:var(--muted)}.avatar{width:37px;height:37px;border-radius:50%;background:#fdeaeb;display:inline-flex;align-items:center;justify-content:center;color:#a50e15;font-size:12px;font-weight:700;flex-shrink:0}.avatar.green{color:#3a3a3a;background:#f1f2f4}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;border-radius:5px;padding:5px 8px;white-space:nowrap;background:#f0f0f1;color:#7b8580;font-weight:600}.pill.green{background:var(--blue-soft);color:var(--blue-ink)}.pill.orange{background:#fdf3d7;color:#8a6a09}.pill.red{background:#fdeaeb;color:#a50e15}.pill.blue{background:#eaf2f7;color:#22577f}.badge-dot{width:6px;height:6px;border-radius:100%;background:currentColor}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:white;border-right:1px solid var(--line);padding:29px 18px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:block;padding:0 12px}.brand img{width:149px;height:54px;object-fit:contain}.brand small{display:block;letter-spacing:5px;font-size:9px;margin:8px 0 32px 10px;color:#858c89}.nav-label{font-size:9px;letter-spacing:1.5px;color:#a0a6a5;padding:12px 14px}.nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#7c8383;border-radius:8px;margin:3px 0;font-size:12px}.nav a.active{background:#fdeaeb;color:#c3111a;font-weight:700}.nav a.active svg{color:var(--orange)}.nav .count{margin-left:auto;font-size:9px;background:#eaecea;border-radius:4px;padding:3px 5px}.side-bottom{margin-top:auto;padding-top:25px}.side-help{background:#f6f7f6;border-radius:11px;padding:15px;font-size:11px}.side-help p{font-size:11px}.switch{width:100%;justify-content:space-between;margin-top:14px;font-size:11px}.shell-main{margin-left:224px}.topbar{position:sticky;top:0;z-index:20;background:#ffffffef;backdrop-filter:blur(10px);height:76px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumb{font-size:11px;color:#8f9694;display:flex;gap:12px;align-items:center}.breadcrumb strong{font-weight:500;color:#2a2a2a}.top-profile{text-align:right;font-size:11px}.top-profile small{display:block;font-size:9px;letter-spacing:.6px;color:#999f9a;margin-top:3px}.demo-badge{border:1px solid #f3d9a8;background:#fdf3d7;color:#8a6a09;padding:5px 8px;border-radius:4px;font-size:9px;letter-spacing:.5px}.content{padding:30px 36px 45px;max-width:1490px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.page-head p{font-size:13px;margin:0}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:23px}.hero{background:#111111;border-radius:15px;min-height:260px;position:relative;color:white;overflow:hidden;padding:31px 35px;margin-bottom:23px}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111111 38%,#11111100 100%);pointer-events:none}.hero-content{max-width:450px;position:relative;z-index:2}.hero .eyebrow{color:#efc02e}.hero h2{font-size:31px;line-height:1.22;margin:14px 0}.hero p{color:#c7c8cb;max-width:350px;font-size:12px;margin-bottom:23px}.hero img{position:absolute;width:440px;height:440px;right:-10px;top:-72px;object-fit:cover;opacity:.8;mix-blend-mode:lighten}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 28px}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:20px;display:flex;gap:15px;align-items:center}.stat-icon{height:42px;width:42px;background:#fdeaeb;color:#c3111a;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.stat-icon.green{color:#6f7279;background:#eeeeef}.stat-icon.blue{color:#22577f;background:#edf3f7}.stat strong{display:block;font-size:25px;letter-spacing:-1px;font-family:Fredoka,'Hanken Grotesk',Arial}.stat small{display:block;color:#8f9794;font-size:10px;margin-top:3px}.stat .trend{font-size:9px;color:#72757b;display:block;margin-top:7px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;gap:15px}.section-head h2{margin:0}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap}.search{position:relative;max-width:350px;flex:1;min-width:180px}.search svg{position:absolute;left:12px;top:12px;color:#969e99;width:16px}.search input{padding-left:37px;width:100%}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.field label,.field-label{font-size:11px;font-weight:700;color:#3a3a3a}.field label small{color:#a3aaa5;font-weight:400}.field .hint{font-size:10px;color:#999f9b;line-height:1.6}.input,input[type=search],select,textarea{padding:11px 12px;border:1px solid #e1e2e4;border-radius:7px;background:#ffffff;width:100%;min-height:40px;color:#1f1f1f;font-size:12px}.input:focus,input:focus,textarea:focus,select:focus{border-color:#c3111a;outline:2px solid #e2e3e4}textarea{resize:vertical;min-height:110px;line-height:1.7}input[type=checkbox],input[type=radio]{accent-color:var(--red);width:15px;height:15px;flex-shrink:0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:white;color:#8b928e;border-radius:22px;padding:8px 15px;font-size:10px;white-space:nowrap}.filter.active{background:var(--red);color:#fff;border-color:var(--red)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{overflow:hidden;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2d2e3110}.course-art{height:155px;background:#f7d8da;position:relative;padding:23px;color:#232323;overflow:hidden}.course-art.terracotta{background:#f6dd96;color:#a50e15}.course-art.blue{background:#e3eef8;color:#22577f}.course-art.lilac{background:#e3eef8;color:#22577f}.course-art.gold{background:#fdf3d7;color:#8a6a09}.course-art.pink{background:#f7d8da;color:#a50e15}.course-art:after{content:'✳';position:absolute;font-size:160px;line-height:1;right:-7px;bottom:-28px;opacity:.13}.course-art .art-text{font-family:Fredoka,'Hanken Grotesk',Arial;font-size:32px;line-height:1.05;font-weight:800;letter-spacing:-1.4px;position:absolute;bottom:20px;z-index:1;max-width:210px}.course-art .pill{position:absolute;right:15px;top:14px;background:#ffffffd9;font-size:9px}.course-body{padding:20px}.course-body h3{font-size:15px;margin:10px 0}.course-body p{font-size:11px}.course-meta{font-size:10px;color:#959d98;margin:12px 0 18px;display:flex;gap:12px}.progress-label{display:flex;justify-content:space-between;color:#8e9890;font-size:10px}.progress{height:4px;border-radius:10px;background:#ecedee;margin:9px 0 17px;overflow:hidden}.progress>span{display:block;height:100%;background:#c3111a;border-radius:10px}.course-body .btn{width:100%}.two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:22px}.equal-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.announcement{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.announcement:last-child{border-bottom:0;padding-bottom:0}.announcement h3{font-size:12px;margin:0 0 4px}.announcement p{font-size:11px;margin:0}.file-icon{height:40px;width:37px;border-radius:7px;background:#fdeaeb;color:#c3111a;display:grid;place-items:center;font-size:10px;font-weight:bold;flex-shrink:0}.file-icon.blue{background:#eaf1f5;color:#22577f}.file-icon.green{background:#ededee;color:#6d7076}.footer-note{font-size:9px;color:#a0a7a1;margin-top:30px;display:flex;justify-content:space-between;gap:10px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px;gap:24px;overflow:auto}.tab{border:0;background:none;color:#919991;padding:0 0 14px;font-size:12px;white-space:nowrap}.tab.active{border-bottom:2px solid var(--red);color:var(--red);font-weight:700}.course-cover{background:#f7d8da;border-radius:14px;padding:35px;display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:25px;overflow:hidden}.course-cover .giant{font-size:100px;color:#e8767c}.course-cover h1{max-width:600px;font-size:32px}.course-cover p{max-width:600px;color:#75816f}.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:8px 0;display:flex;gap:10px;align-items:start;color:#71806f;font-size:12px}.check-list svg{color:#7d8087;width:16px;margin-top:2px}.module{overflow:hidden;margin-bottom:12px}.module>summary{list-style:none;padding:18px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;font-size:12px}.module>summary::-webkit-details-marker{display:none}.module>summary .chevron{margin-left:auto;color:#939d96}.module[open]>summary{border-bottom:1px solid var(--line)}.module-no{width:30px;height:30px;background:#f1f1f2;color:#7a7e85;border-radius:7px;display:grid;place-items:center;font-size:11px}.lesson-row{padding:15px 20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #f0f0f1;font-size:11px}.lesson-row:last-child{border:0}.lesson-row:hover{background:#fafafa}.lesson-row .time{margin-left:auto;font-size:10px;color:#99a098}.lesson-row svg{color:#93969c;width:16px}.sticky{position:sticky;top:100px;align-self:start}.detail-meta{display:grid;gap:15px;font-size:12px}.detail-meta>div{display:flex;justify-content:space-between;gap:10px}.info{padding:14px 17px;border:1px solid #e2e3e5;border-radius:9px;background:#f3f3f4;color:#7a7e85;line-height:1.7;font-size:11px}.info.orange{background:#fdf7e6;border-color:#f0e7ce;color:#8a6a09}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px}.video-stage{background:#141414;aspect-ratio:16/9;border-radius:11px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.27}.play{border:1px solid #ffffff66;background:#ffffff22;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;color:white;position:relative;backdrop-filter:blur(5px)}.play svg{width:27px;height:27px}.video-hint{position:absolute;bottom:20px;color:#cacccf;font-size:11px}.player-side{max-height:800px;overflow:auto}.player-side .lesson-row{align-items:flex-start;line-height:1.5}.player-side .lesson-row.active{background:#f0f0f1;color:#8e1016}.player-side h3{font-size:12px}.article{line-height:1.9;color:#778274;font-size:13px}.article h2,.article h3{color:#1a1a1a}.article blockquote{border-left:3px solid #f0b7ba;background:#f3f3f4;margin:22px 0;padding:18px}.article img{border-radius:9px}.document-stage{background:#e9eaeb;border-radius:10px;padding:25px}.document-paper{background:white;width:min(100%,550px);margin:auto;min-height:430px;padding:36px;box-shadow:0 4px 20px #11111112}.document-paper h2{font-size:22px}.document-paper .rule{height:4px;width:50px;background:#c3111a;margin:23px 0}.document-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#808b80;margin-bottom:18px}.html-stage{background:#eeeff0;border-radius:12px;padding:35px}.html-example{border:1px solid #d6d7d9;border-radius:10px;background:#ffffff;padding:30px;max-width:600px;margin:auto}.html-example h2{font-size:26px}.html-example .step{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.html-example .step b{background:#eeeeef;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;color:#75787f;font-size:11px;flex-shrink:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.table th{padding:13px 20px;background:#fafafa;font-size:9px;font-weight:600;color:#98a097;letter-spacing:.6px;border-bottom:1px solid var(--line);text-transform:uppercase}.table td{padding:17px 20px;border-bottom:1px solid #ededee;font-size:11px;color:#7b8878}.table tr:last-child td{border:0}.table td strong{font-size:12px;color:#232323}.table td small{font-size:10px;display:block;color:#a0a798;margin-top:4px}.table .progress{min-width:100px;margin:7px 0 0}.table .avatar{width:32px;height:32px;font-size:10px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--line);font-size:10px;color:#a0a69a}.mini-art{width:45px;height:45px;background:#f7d8da;border-radius:7px;display:grid;place-items:center;color:#7d8087;font-size:25px}.empty{padding:55px 20px;text-align:center;grid-column:1/-1;color:#93969c}.empty svg{width:37px;height:37px;margin-bottom:15px}.empty h3{color:#333333}.empty p{max-width:380px;margin:8px auto 20px;font-size:12px}.chart{height:205px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding-top:30px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#edeeef 44px,#edeeef 45px)}.chart-col{height:100%;flex:1;display:flex;align-items:end;justify-content:center;position:relative;padding-bottom:22px;gap:5px}.chart-bar{width:19px;border-radius:4px 4px 0 0;background:#c3111a}.chart-bar.light{background:#e1e2e4}.chart-col small{position:absolute;bottom:0;color:#989ba0;font-size:9px}.chart-key{display:flex;gap:17px;font-size:10px;color:#94979c}.chart-key i{width:7px;height:7px;background:#c3111a;display:inline-block;border-radius:2px;margin-right:5px}.chart-key i.light{background:#e1e2e4}.ring{height:140px;width:140px;border-radius:50%;background:conic-gradient(#c3111a 0 72%,#e8e9ea 72% 100%);display:grid;place-items:center;margin:10px auto 25px;position:relative}.ring:before{content:'';position:absolute;inset:13px;background:white;border-radius:50%}.ring strong{position:relative;font-size:27px}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.rank-row:last-child{border:0}.rank-no{color:#a8aaaf;width:15px;font-size:10px}.certificate{border:1px solid #f0b7ba;background:#fdfcf9;padding:37px;text-align:center;position:relative;min-height:350px}.certificate:before{content:'';position:absolute;inset:9px;border:1px solid #e0e1e2;pointer-events:none}.certificate img{width:110px;margin:0 auto 23px}.certificate .cert-name{font-family:Fredoka,'Hanken Grotesk',Arial,sans-serif;font-size:24px;color:#232323;margin:20px 0}.certificate h2{font-family:Fredoka,'Hanken Grotesk',Arial,sans-serif;font-size:25px;letter-spacing:2px;color:#232323;margin:0 0 15px}.certificate .seal{font-size:35px;color:#c9a227;margin:15px 0}.settings-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:25px}.settings-nav a{display:block;padding:12px 15px;font-size:11px;border-radius:7px;margin-bottom:4px;color:#8c9583}.settings-nav a.active{background:#e9eaeb;color:#333333;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .full{grid-column:1/-1}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border:0}.toggle-row p{font-size:11px;margin:3px 0}.toggle{appearance:none;display:block!important;width:34px!important;height:20px!important;border-radius:20px;background:#dcddde;position:relative;cursor:pointer;flex-shrink:0}.toggle:before{content:'';position:absolute;width:14px;height:14px;background:white;border-radius:50%;left:3px;top:3px;transition:transform .2s}.toggle:checked{background:#c3111a}.toggle:checked:before{transform:translateX(14px)}.upload{border:1px dashed #d1d2d4;border-radius:10px;padding:28px 20px;background:#fafafa;text-align:center;position:relative;cursor:pointer}.upload svg{color:#909398;width:28px;height:28px;margin-bottom:12px}.upload p{font-size:11px;margin:4px 0}.upload strong{font-size:12px;color:#6c6f74}.upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload.dragover{background:#eaeaeb;border-color:#c3111a}.file-selected{font-size:11px;color:#6c6f75;margin-top:12px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px}.editor-bar{display:flex;gap:5px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-bottom:0;background:#f7f7f8;border-radius:7px 7px 0 0}.editor-bar button{background:none;border:0;font-size:11px;color:#80838a;min-width:26px;height:26px;border-radius:4px}.editor-bar button:hover{background:#e3e4e5}.rich-editor{min-height:180px;border:1px solid var(--line);padding:16px;border-radius:0 0 7px 7px;line-height:1.8;font-size:12px;color:#787b81;outline-color:#e8767c}.type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.type-choice{padding:15px 5px;border:1px solid var(--line);border-radius:8px;background:white;display:grid;gap:7px;justify-items:center;font-size:10px;color:#85888f}.type-choice.active{background:#eff0f1;border-color:#d8333b;color:#9c0f16}.type-choice svg{width:21px;height:21px}.curriculum-actions{display:flex;gap:6px;margin-left:auto}.dragger{color:#afb1b5}.quiz-option{border:1px solid var(--line);border-radius:9px;padding:16px;display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:12px;cursor:pointer}.quiz-option:has(input:checked){background:#eeeff0;border-color:#d8333b}.question-no{font-size:11px;color:#9ea1a6}.result-mark{height:90px;width:90px;border-radius:100%;background:#ececed;color:#767980;display:grid;place-items:center;margin:0 auto 22px}.result-mark svg{height:40px;width:40px}.timeline{border-left:1px solid var(--line);padding-left:23px}.timeline-item{position:relative;padding:0 0 25px;font-size:11px}.timeline-item:before{content:'';width:8px;height:8px;background:#c3111a;border:4px solid white;box-sizing:content-box;border-radius:50%;position:absolute;left:-31px;top:0}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.auth-art{background:#111111;position:relative;overflow:hidden;color:white;padding:50px 55px;display:flex;flex-direction:column;justify-content:space-between}.auth-art:after{content:'✳';position:absolute;font-size:700px;right:-300px;bottom:-250px;color:#83868c;opacity:.09;line-height:1}.auth-art .auth-mark{font-family:Fredoka,'Hanken Grotesk',Arial;font-size:20px;letter-spacing:5px;font-weight:700;color:#f6dd96}.auth-art h1{font-size:43px;max-width:410px;position:relative;z-index:1;line-height:1.2}.auth-art p{font-size:13px;color:#b0b2b7;max-width:340px;margin-top:20px}.auth-art small{color:#9fa2a7;font-size:10px}.auth-form{padding:50px;display:flex;flex-direction:column;justify-content:center;max-width:510px;margin:auto;width:100%}.auth-form .brand{padding:0;margin-bottom:40px}.auth-form .brand img{width:170px}.auth-form h1{font-size:27px}.auth-form>p{font-size:12px;margin:0 0 30px}.auth-form .btn{width:100%;margin-top:15px}.auth-bottom{margin-top:28px;text-align:center;font-size:10px;color:#9c9ea3}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.password-wrap button{position:absolute;right:7px;top:5px;background:none;border:0;color:#9da0a5;height:30px}.demo-entry{background:#f3f3f3;border:1px solid #e0e1e3;border-radius:9px;padding:15px;margin-top:25px}.demo-entry .btn{margin-top:0;width:auto;flex:1}.demo-entry p{font-size:10px;margin:0 0 10px}.mobile-menu{display:none}.menu-shade{display:none}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.screen-link{padding:20px;display:flex;align-items:center;gap:14px;transition:border .2s}.screen-link:hover{border-color:#e8767c}.screen-link .screen-no{width:33px;height:33px;background:#eff0f1;display:grid;place-items:center;border-radius:7px;font-size:10px;color:#878a91;flex-shrink:0}.screen-link h3{font-size:12px;margin:0 0 4px}.screen-link p{font-size:10px;margin:0}.notification{padding:20px;display:flex;gap:15px;border-bottom:1px solid var(--line)}.notification.unread{background:#f9f9fa}.notification h3{font-size:12px}.notification p{font-size:11px}.notification small{font-size:10px;color:#9a9da2}.notification-icon{background:#ebeced;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#82858b;flex-shrink:0}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;width:min(570px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #1a1b1c30}dialog::backdrop{background:#1d1e1fcc;backdrop-filter:blur(4px)}dialog .close-modal{position:absolute;right:16px;top:16px}dialog h2{margin-right:30px;font-size:23px}dialog p{font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 22px;border-radius:8px;background:#111111;color:white;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;box-shadow:0 5px 30px #191a1c33}#toast.visible{opacity:1;transform:translate(-50%,0)}.error-text{color:#a50e15;font-size:11px}.code{font:11px/1.8 ui-monospace,SFMono-Regular,monospace;min-height:220px;background:#f7f7f8}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.file-card{padding:20px}.file-card h3{margin:16px 0 4px;font-size:12px}.file-card p{font-size:10px}.file-card .file-icon{height:45px;width:42px}.drop-preview{max-height:100px;object-fit:contain;margin:10px auto}.rating-stars{color:#efc02e;letter-spacing:2px}.print-only{display:none}.notice-banner{background:#eeeff0;border:1px solid #dedfe1;color:#86898f;padding:12px 16px;border-radius:8px;font-size:10px;margin-bottom:23px;line-height:1.6}.status-panel{border-left:3px solid #c3111a;background:#f3f3f3;padding:18px;border-radius:6px}.account-menu{position:relative}.pill-outline{border:1px solid #dbdcde;background:transparent;color:#878a91}.quiz-summary{max-width:650px;margin:auto;padding:45px}.admin-title{font-size:11px;letter-spacing:1.6px;color:#8c8f94;margin:6px 12px 20px}.wizard{display:flex;gap:15px;font-size:10px;color:#9b9ea3;margin:20px 0}.wizard span{display:flex;align-items:center;gap:7px}.wizard i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#ececed;display:grid;place-items:center;color:#7c8087}.wizard .active{color:#9c0f16}.faq details{border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.faq details:last-child{border:0}.faq summary{cursor:pointer;font-weight:600}.faq p{padding-top:7px;font-size:12px}.course-card .tag{font-size:9px;letter-spacing:1px;font-weight:bold;color:#8a6a09}.button-group{display:flex;gap:9px;flex-wrap:wrap}.chart-alt{display:flex;align-items:center;gap:10px}.mini-progress{height:6px;background:#e8e9ea;flex:1;border-radius:5px;overflow:hidden}.mini-progress span{display:block;height:100%;background:#d8333b}.rating-input{display:flex;gap:7px;margin:15px 0}.rating-input label{font-size:29px;cursor:pointer;color:#efc02e}.full-width{width:100%}
@media(min-width:1500px){.content{padding-top:36px}.hero img{right:40px}.course-art{height:180px}}@media(max-width:1150px){.sidebar{width:196px;padding-inline:12px}.shell-main{margin-left:196px}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:15px;gap:10px}.stat-icon{width:34px;height:34px}.stat strong{font-size:22px}.course-grid{gap:13px}.course-body{padding:15px}.two-col{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.player-layout{grid-template-columns:minmax(0,1fr) 255px}.editor-layout{grid-template-columns:minmax(0,1fr) 245px}.type-grid{grid-template-columns:repeat(3,1fr)}.screen-grid{grid-template-columns:repeat(2,1fr)}.auth-art{padding:40px}.auth-art h1{font-size:35px}}@media(max-width:950px){.course-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.two-col,.editor-layout{grid-template-columns:1fr}.sticky{position:static}.player-layout{grid-template-columns:1fr}.player-side{max-height:none}.three-col,.file-grid{grid-template-columns:repeat(2,1fr)}.top-profile{display:none}.auth-form{padding:35px}.settings-layout{grid-template-columns:160px minmax(0,1fr)}.hero-content{max-width:370px}.hero h2{font-size:28px}.hero img{right:-150px}.hero:after{background:linear-gradient(90deg,#111111 30%,#11111155)}}@media(max-width:700px){.sidebar{transform:translateX(-100%);width:240px;transition:transform .2s}.menu-open .sidebar{transform:none}.menu-open .menu-shade{display:block;position:fixed;inset:0;background:#1b1c1e99;z-index:29}.shell-main{margin:0}.mobile-menu{display:inline-flex}.topbar{height:66px;padding:0 16px}.breadcrumb{font-size:10px;gap:7px}.breadcrumb .parent{display:none}.topbar .demo-badge{display:none}.topbar .row{gap:8px}.content{padding:24px 16px 35px}.page-head{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:22px}h1{font-size:25px}.page-head p{font-size:12px}.page-head .button-group{width:100%}.hero{padding:25px;min-height:290px}.hero h2{font-size:29px}.hero-content{max-width:310px}.hero img{right:-100px;opacity:.25}.hero:after{display:none}.hero p{font-size:12px;max-width:290px}.stats,.stats.three{gap:9px;grid-template-columns:repeat(2,1fr)}.stat{padding:15px}.stat-icon{display:none}.stat small{font-size:9px}.stat strong{font-size:25px}.course-grid,.equal-col,.three-col,.file-grid,.screen-grid{grid-template-columns:1fr}.course-art{height:170px}.course-body{padding:20px}.toolbar .search{max-width:none;min-width:100%;margin-bottom:2px}.toolbar .filters{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.toolbar select{flex:1;width:auto}.panel.pad,.pad{padding:20px}.section-head{align-items:start}.section-head .eyebrow{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto;gap:8px}.settings-nav a{white-space:nowrap}.auth-layout{display:block}.auth-art{display:none}.auth-form{min-height:100vh;padding:35px 28px}.auth-form .brand{margin-bottom:45px}.auth-form h1{font-size:27px}.course-cover{padding:24px}.course-cover h1{font-size:27px}.course-cover .giant{display:none}.type-grid{grid-template-columns:repeat(3,1fr)}.lesson-row{padding:15px}.curriculum-actions{gap:4px}.curriculum-actions .btn{padding:6px;font-size:10px}.document-stage{padding:12px}.document-paper{padding:25px}.quiz-summary{padding:25px}.table th,.table td{padding:14px 16px}.footer-note{font-size:8px}.notification{padding:15px}.button-group .btn{font-size:11px}.chart{gap:6px}.btn{padding:11px 14px}.file-card{padding:20px}.hero-content .eyebrow{font-size:9px}.certificate{padding:25px}.course-meta{gap:8px;flex-wrap:wrap}.type-choice{padding:13px 5px}.tabs{gap:20px}.content .intro-pill{display:none}.hero .btn{padding:11px 16px}}
@media print{.sidebar,.topbar,.page-head,.footer-note,.no-print,#toast,.button-group{display:none!important}.shell-main{margin:0}.content{padding:0}.certificate{border:1px solid #95989e;min-height:90vh;display:flex;flex-direction:column;justify-content:center}.print-only{display:block}.certificate img{max-height:60px}.certificate .cert-name{font-size:42px}.certificate h2{font-size:33px}.certificate p{font-size:16px}.certificate .seal{font-size:65px}.equal-col{display:block}.certificate~*{display:none}}
.sidebar{overflow-y:auto;scrollbar-width:thin}.nav{flex-shrink:0}.side-bottom{flex-shrink:0}.brand{flex-shrink:0}.field input:invalid:not(:placeholder-shown):focus{border-color:#e8767c}.input[type=number]{max-width:100%}