:root{font-family:NanumSquare Neo,Apple SD Gothic Neo,sans-serif;color:#202e45;background:#f6f8fb;font-synthesis:none;font-weight:400;--blue:#2759d7;--navy:#1d355b;--muted:#7a879c;--border:#e8edf4;--bg:#f6f8fb;--shadow:0 5px 22px #203c6810}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default}a{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #759df3;outline-offset:3px}button{transition:background .18s,box-shadow .18s,transform .18s}button:hover{filter:brightness(.985)}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1.1px;line-height:1.45;font-weight:800}h2{font-size:20px;letter-spacing:-.7px;line-height:1.5;font-weight:750}h3{font-size:16px;letter-spacing:-.4px;line-height:1.6;font-weight:700}p{line-height:1.8}small{font-size:12px}svg{flex-shrink:0;vertical-align:middle}img{max-width:100%}input,select,textarea{border:1px solid #dfe6f0;border-radius:10px;background:#fff;padding:12px 14px;color:#31415a;min-width:0}input,select{min-height:45px}input[type=checkbox],input[type=radio]{accent-color:var(--blue);min-height:auto;width:16px;height:16px}input[type=range]{accent-color:#fff;padding:0;min-height:18px;cursor:pointer}textarea{width:100%;resize:vertical;line-height:1.8;min-height:110px}label>span{display:block;font-size:13px;font-weight:600;margin-bottom:9px}label>input,label>select{width:100%}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.center{justify-content:center}.wrap{flex-wrap:wrap}.mb-20{margin-bottom:20px}.muted{color:var(--muted);font-size:13px}.text-blue{color:var(--blue)}.text-green{color:#25836f}.blue{background:#eaf0ff;color:#3865cf}.mint{background:#e7f4ed;color:#35896d}.peach{background:#fff0e7;color:#b97b4a}.yellow{background:#fbf3d9;color:#ab8b34}.lavender{background:#f0edfb;color:#8064bb}.sky{background:#e7f3fa;color:#3e89b6}.rose{background:#fcecef;color:#c67e8e}.neutral{background:#f0f3f7;color:#758096}.green{background:#e7f6ed;color:#2b896b}.orange{background:#fff2df;color:#ba822d}.pale{background:#cbd9fc!important}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:750;color:#8e9aaf;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:5px;line-height:1.5;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:650;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;border:1px solid var(--blue);font-size:13px;font-weight:650;min-height:43px;padding:11px 19px;border-radius:9px;white-space:nowrap}.btn:hover{background:#194dc8;box-shadow:0 4px 12px #2759d724;transform:translateY(-1px)}.btn.secondary{background:#fff;border:1px solid #dfe6ef;color:#43546e}.btn.secondary:hover{background:#f6f8fd;box-shadow:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border-radius:8px;color:#718098}.icon-button:hover{background:#eef2f8}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:12px;font-weight:650;padding:4px 0;min-height:32px}.back-link{display:flex;align-items:center;gap:7px;font-size:12px;color:#718098;margin:0 0 20px;padding:0;min-height:30px}.panel{background:#fff;border:1px solid var(--border);border-radius:17px;padding:25px;margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.standalone{margin-top:31px;margin-bottom:19px}.standalone h2{font-size:22px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-title p{font-size:13px;color:var(--muted);margin-top:7px}.app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:229px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:30px 17px 16px;z-index:40}.brand{display:flex;align-items:center;gap:11px;text-align:left;padding:0 9px 31px}.brand img{width:39px;height:39px;object-fit:contain}.brand span{font-size:11px;color:#69809d;display:block;font-weight:600;letter-spacing:1px}.brand strong{font-size:19px;letter-spacing:-1px;color:#213f72;font-weight:800}.sidebar-label{font-size:10px;color:#9aa5b6;font-weight:650;padding:10px 16px 14px;letter-spacing:.4px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav>button{width:100%;display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:10px;color:#738198;font-size:13px;font-weight:550;min-height:49px;text-align:left}.sidebar nav>button:hover{background:#f4f7fc}.sidebar nav>button.active{color:#2a5ad4;background:#edf2fe;font-weight:750}.nav-count{margin-left:auto;background:#dae5fc;border-radius:5px;padding:1px 6px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-help{padding:20px 16px;background:#f7f9fc;border-radius:12px;color:#608873}.sidebar-help strong{display:block;font-size:12px;line-height:1.85;color:#75869a;margin:10px 0}.sidebar-help button{padding:0;color:#70829a;font-size:11px;display:flex;gap:8px;align-items:center}.sidebar-profile{margin-top:20px;padding:15px 2px 0;border-top:1px solid var(--border);display:flex;align-items:center;gap:9px;text-align:left;width:100%}.avatar{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#e7eefb;color:#5b7bae;font-size:13px;font-weight:700}.sidebar-profile strong{font-size:11px;display:block}.sidebar-profile div>span{font-size:9px;color:#95a0af;display:block;margin-top:4px}.sidebar-profile>svg{margin-left:auto;color:#8c98ab}.workspace{margin-left:229px}.topbar{height:75px;background:#ffffffed;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 35px;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#97a1b0}.breadcrumb>span{color:#52627a}.top-actions{display:flex;gap:20px;align-items:center}.role-switch{display:flex;padding:4px;background:#f1f4f8;border-radius:8px;gap:2px}.role-switch button{font-size:11px;color:#8c96a6;font-weight:600;padding:7px 12px;border-radius:5px}.role-switch button.active{background:#fff;color:#3d5b8e;box-shadow:0 2px 4px #1e3d6210}.map-button{display:flex;align-items:center;gap:7px;font-size:11px;color:#7e8ba1;padding:7px 0}.map-button small{font-size:9px;background:#eef2f7;border-radius:4px;padding:1px 4px}.notification-button{position:relative}.notification-button i{position:absolute;width:4px;height:4px;background:#f7a267;border-radius:50%;right:8px;top:6px}.demo-strip{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 34px;background:#f0f4fd;color:#92a1ba;font-size:10px;line-height:1.6}.demo-strip>span{font-weight:650;color:#6d86b3;display:flex;gap:6px;align-items:center}.demo-dot{width:5px;height:5px;border-radius:50%;background:#6a90e2}.demo-strip p{font-size:10px}.demo-strip button{color:#6d86b3;font-size:10px;display:flex;align-items:center;gap:4px;margin-left:6px}.mobile-brand,.mobile-nav{display:none}main{max-width:1580px;margin:auto;padding:32px 38px 0;outline:none}main:focus{outline:none}.home-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.home-greeting h1{font-size:26px;font-weight:750}.home-greeting p{font-size:12px;color:#8a95a7;margin-top:6px}.home-greeting .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:6px}.wave{color:#e2b668;font-size:24px;display:inline-block;margin-left:6px}.date-chip{border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 12px;display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#7f8a9c;white-space:nowrap}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:300px;border-radius:19px;background:#eaf0fd;overflow:hidden;padding:34px 42px;margin-bottom:24px;border:1px solid #e4ebf9}.hero-copy{z-index:2;flex-shrink:0}.hero-kicker{display:flex;align-items:center;gap:6px;font-size:10px;color:#6582bd;font-weight:650;letter-spacing:.2px;margin-bottom:13px}.hero-kicker>span{height:4px;width:4px;border-radius:50%;background:#7294dc}.hero h2{font-size:31px;color:#234878;line-height:1.5;letter-spacing:-1.2px;font-weight:800}.hero-copy p{font-size:12px;line-height:1.9;color:#7e93b2;margin:12px 0 22px}.hero-copy .btn{font-size:11px;padding:10px 14px;min-height:39px;border-radius:7px}.hero-art{width:40%;height:260px;position:relative;align-self:center;margin-right:10px}.hero-circle{background:#f8faff;border-radius:50%;position:absolute;width:270px;height:270px;top:1px;left:50%;transform:translate(-50%);box-shadow:0 0 0 18px #ffffff38}.mascot{position:absolute;height:230px;width:auto;object-fit:contain;bottom:0;filter:drop-shadow(0 10px 7px #33567a16)}.mascot.man{left:15%;height:222px;transform:rotate(-4deg)}.mascot.woman{right:7%;transform:rotate(4deg)}.floating-note{position:absolute;z-index:3;background:#fffffff0;box-shadow:0 5px 20px #2245740c;border:1px solid #ffffff;display:flex;align-items:center;gap:6px;padding:10px 13px;border-radius:9px;font-size:11px;color:#7187a9;transform:rotate(-5deg)}.note-one{left:-11px;top:32px}.note-one svg{color:#d7a39d}.note-two{bottom:0;right:-15px;transform:rotate(5deg)}.note-two svg{color:#74a38c}.hero-spark{position:absolute;color:#c1d0f0;font-size:30px}.spark-one{right:5px;top:0}.spark-two{left:8px;bottom:20px;color:#e8c790}.learning-summary{background:#fff;border:1px solid var(--border);border-radius:15px;display:flex;align-items:center;padding:24px;gap:25px;margin-bottom:27px}.summary-heading{display:flex;gap:12px;align-items:center;flex:1}.summary-icon{color:#6489db;background:#eef3ff;border-radius:12px;padding:12px}.summary-heading strong{font-size:13px;display:block;white-space:nowrap}.summary-heading div>span{display:block;font-size:10px;color:#9aa5b4;margin-top:7px}.summary-progress{width:29%;min-width:175px}.summary-progress .row{margin-bottom:12px}.summary-progress strong{font-size:14px}.summary-progress small{font-size:10px;font-weight:400;color:#96a3b6;margin-left:4px}.summary-progress b{font-size:12px;color:#587cce}.progress{height:5px;background:#edf1f7;border-radius:20px;overflow:hidden;width:100%}.progress>span{display:block;height:100%;background:#6390ea;border-radius:20px;transition:width .4s}.summary-item{border-left:1px solid var(--border);padding-left:25px;min-width:83px}.summary-item strong{font-size:23px;font-weight:750;display:block;color:#334f79;line-height:1.3}.summary-item strong>span{font-size:11px;color:#9aa6b8;margin-left:4px;font-weight:400}.summary-item>span{font-size:10px;display:block;color:#9aa6b8;margin-top:7px}.home-columns{display:grid;grid-template-columns:1.42fr 1fr;gap:23px}.home-columns .panel{padding:23px;margin-bottom:0}.home-columns h2{font-size:16px}.continue-card{display:flex;gap:19px;align-items:center;text-align:left;padding:0;width:100%}.continue-visual{background:#e6edfa;position:relative;min-width:145px;height:155px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#87a5de;overflow:hidden}.continue-visual:after{content:"";width:150px;height:150px;border:1px solid #a7bce240;border-radius:50%;position:absolute;right:-70px;top:-50px}.pill-light{position:absolute;top:10px;left:11px;font-size:9px;background:#ffffffbd;color:#7791ba;border-radius:4px;padding:3px 7px}.play-round{position:absolute;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 7px #395d9710;color:#4e74b9;bottom:16px;right:12px}.continue-copy{flex:1;min-width:0}.continue-copy>span{font-size:10px;color:#8f9cb1}.continue-copy h3{font-size:19px;margin:6px 0;color:#304969}.continue-copy>p{font-size:10px;color:#98a3b1;margin-bottom:22px}.continue-copy .row{margin-top:11px}.continue-copy small{font-size:9px;color:#9aa7b9}.continue-copy strong{font-size:10px;display:flex;align-items:center;gap:5px;color:#5a7bb7}.todo-item{padding:9px 0;display:flex;align-items:center;gap:12px;width:100%;text-align:left}.todo-item:not(:last-child){border-bottom:1px solid #f2f4f8}.todo-item>div{flex:1}.todo-icon{display:inline-flex;width:37px;height:37px;border-radius:10px;align-items:center;justify-content:center;flex-shrink:0}.todo-icon svg{width:18px;height:18px}.todo-item strong{font-size:11px;display:block;letter-spacing:-.1px}.todo-item div>span{font-size:9px;color:#98a3b1;display:block;margin-top:5px}.todo-item>svg{color:#bdc6d4}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.course-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{display:block;padding:0;overflow:hidden;border-radius:14px;background:#fff;border:1px solid var(--border);text-align:left;min-width:0;height:100%}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d4dff2}.course-art{position:relative;height:148px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art-number{position:absolute;top:13px;left:15px;font-size:12px;font-weight:650;opacity:.5}.art-disc{border-radius:50%;background:#ffffff60;width:94px;height:94px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);z-index:1}.art-disc svg{opacity:.75;stroke-width:1.2}.art-tag{position:absolute;right:12px;bottom:10px;font-size:7px;font-weight:600;letter-spacing:1.1px;opacity:.3}.art-orbit{position:absolute;width:180px;height:180px;border:1px solid currentColor;opacity:.07;border-radius:50%;top:-80px;right:-65px}.course-body{padding:18px 16px}.category{font-size:9px;color:#94a0b2}.rating{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#8a94a4}.rating svg{fill:#e7ba67;stroke:#e7ba67}.course-body h3{font-size:13px;line-height:1.7;margin:7px 0 5px;font-weight:700;letter-spacing:-.5px}.course-body>p{font-size:9px;color:#9aa5b5;line-height:1.8}.course-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px;font-size:10px;color:#94a0b3}.course-meta>span{display:flex;align-items:center;gap:5px}.course-body>.progress{margin-top:18px;height:4px}.course-bottom{font-size:9px;margin-top:8px;color:#9aa5b5}.bottom-banner{display:flex;align-items:center;gap:20px;background:#eff3f9;border:1px solid #e7edf6;border-radius:14px;padding:25px 28px;margin-top:30px}.bottom-banner .circle-icon{background:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#7593bf}.bottom-banner h3{font-size:14px}.bottom-banner p{font-size:11px;color:#8f9db1;margin-top:4px}.bottom-banner>.btn{margin-left:auto;font-size:11px}.bottom-banner>svg{color:#8fa6c6}footer{border-top:1px solid #e6ebf3;margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 0 27px;color:#a2acba;font-size:9px}footer b{font-weight:600;color:#8190a6}footer button{font-size:9px;display:flex;gap:4px;color:#a3afc1}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:24px 20px;background:#fff;border:1px solid var(--border);border-radius:14px;display:flex;gap:13px;align-items:flex-start;min-width:0}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat p{font-size:11px;color:#8492a8;margin-bottom:7px}.stat strong{font-size:27px;letter-spacing:-1px;white-space:nowrap;display:block;line-height:1.4;font-weight:750}.stat strong>small{font-size:11px;letter-spacing:0;margin-left:5px;color:#9ba7ba;font-weight:400}.stat div>span{display:block;font-size:9px;margin-top:8px;color:#99a7ba}.course-filters{padding:22px;background:#fff;border:1px solid var(--border);border-radius:14px}.search-field{display:flex;align-items:center;gap:9px;min-width:200px;max-width:430px;border:1px solid var(--border);border-radius:9px;padding:0 12px;background:#fff;color:#a3aec0}.search-field input{width:100%;padding:11px 0;border:0;outline:0!important;min-height:42px;background:transparent;font-size:12px}.search-field:focus-within{outline:2px solid #94b0ed}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.filter-chips button{border:1px solid #e6ebf2;padding:8px 15px;border-radius:8px;color:#8d99ac;font-size:12px;background:#fff}.filter-chips button.active{background:#edf2ff;color:#436bc0;border-color:#d7e2fb;font-weight:650}.count{font-size:16px;color:#577fc7;margin-left:6px}.empty{padding:50px;text-align:center;color:#94a0b2}.empty h3{margin:15px 0 7px}.empty .btn{margin-top:16px}.course-detail-hero{display:grid;grid-template-columns:1fr 270px;gap:35px;align-items:center;padding:30px;background:#fff;border:1px solid var(--border);border-radius:17px;margin-bottom:25px}.course-detail-hero h1{font-size:29px;margin:14px 0 10px}.course-detail-hero p{font-size:13px;color:#8e9db0}.course-detail-hero>.course-art{border-radius:12px;height:188px}.course-detail-hero .row.wrap{margin-top:20px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.detail-layout>div{min-width:0}.sticky-card{position:sticky;top:100px;padding:25px}.sticky-card h3{font-size:22px;line-height:1.6;letter-spacing:-.7px}.sticky-card>.btn{width:100%;margin-top:10px}.detail-facts{margin:25px 0;font-size:11px}.detail-facts>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #f0f3f7}.detail-facts span{color:#95a0b1}.detail-facts strong{font-size:11px;font-weight:550}.detail-facts.wide{max-width:700px;font-size:14px}.detail-facts.wide strong{font-size:13px}.small-note{font-size:10px;color:#96a5ba;line-height:1.8;text-align:center;margin-top:15px;display:block}.small-note svg{margin-right:4px}.body-copy{font-size:13px;color:#8c9aaf;line-height:2}.check-list{display:flex;flex-direction:column;gap:16px;margin-top:22px;font-size:12px;color:#6f829c}.check-list>div{display:flex;align-items:center;gap:10px}.check-list svg{color:#789bdc}.lesson-list{display:flex;flex-direction:column}.lesson-list button{display:flex;align-items:center;gap:14px;text-align:left;border-top:1px solid #eef2f7;padding:17px 0}.lesson-list button:hover{background:#fafbfe}.lesson-list button:first-child{border-top:0}.lesson-number{width:32px;height:32px;border-radius:8px;background:#f2f5f9;color:#97a5b9;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.lesson-number.done{background:#ebf5f0;color:#75a791}.lesson-number.current{background:#eaf0ff;color:#4872ce}.lesson-list strong{font-size:12px;display:block}.lesson-list div>span{font-size:10px;color:#a0acbd;display:block;margin-top:5px}.lesson-state{margin-left:auto;font-size:10px;color:#9aabc1;white-space:nowrap}.lesson-list button>svg{color:#92a6c4}.mini-stats{display:flex;justify-content:space-around;padding:24px 0;margin:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mini-stats>div{display:flex;flex-direction:column;align-items:center;gap:8px}.mini-stats b{font-size:18px;color:#465d7d}.mini-stats span{font-size:10px;color:#a1acbc}.side-links button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 0;font-size:12px;color:#6f84a3}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.player-layout>div{min-width:0}.video-panel{background:#21456c;border-radius:16px;overflow:hidden;position:relative;color:#fff;min-height:360px;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.video-label{position:absolute;top:18px;left:20px;font-size:10px;color:#ffffff85;display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;background:#b6d8d3;border-radius:50%}.video-lesson{position:absolute;left:35px;top:26%;right:30px}.video-lesson>span{font-size:10px;color:#adc5df;letter-spacing:1px}.video-lesson h2{font-size:28px;max-width:70%;margin:13px 0}.video-lesson p{font-size:12px;color:#92b1d2}.video-lesson img{position:absolute;height:170px;width:auto;right:0;top:-15px;opacity:.9}.video-play{width:65px;height:65px;border-radius:50%;color:#31567f;background:#fffffff5;box-shadow:0 0 0 10px #ffffff0c;z-index:1;position:absolute;bottom:95px;left:35px;display:flex;align-items:center;justify-content:center}.video-play.is-playing{opacity:.65}.video-controls{display:flex;align-items:center;gap:11px;position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:#112c4e4d;font-size:9px;color:#c8d8eb}.video-controls input{flex:1;min-width:30px}.video-controls button{padding:4px;color:#c8d8eb;font-size:10px;min-width:24px}.player-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 23px}.player-stats>div{border:1px solid var(--border);background:#fff;border-radius:12px;padding:18px}.player-stats span{font-size:10px;color:#97a3b5;display:block;margin-bottom:9px}.player-stats b{font-size:19px;display:flex;align-items:center;gap:5px;margin-bottom:9px}.player-stats small{font-size:9px;color:#a3afbf}.chapter-panel{align-self:start;position:sticky;top:96px;padding:17px}.tabs{display:flex;gap:23px;border-bottom:1px solid #e1e8f2;margin-bottom:25px;overflow-x:auto;scrollbar-width:thin}.tabs button{padding:11px 0 15px;font-size:12px;color:#8d9ab0;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:#426bba;border-bottom-color:#5d87d7;font-weight:700}.chapter{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:16px 9px;border-radius:9px;margin-bottom:4px}.chapter>span{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f0f4fa;color:#93a6c1;border-radius:50%;font-size:10px;flex-shrink:0}.chapter strong{font-size:10px;color:#778da9;line-height:1.6;display:block}.chapter small{display:block;font-size:9px;color:#a0afc0;margin-top:4px}.chapter.active{background:#eef3ff}.chapter.active strong{color:#4775ca}.chapter.active>span{background:#d9e7ff;color:#4c7dcf}.chapter>svg{margin-left:auto;color:#83a8e2}.next-lesson{background:#f5f8fd;padding:17px;border-radius:10px;margin-top:20px}.next-lesson>span{font-size:9px;color:#9cabc2}.next-lesson h3{font-size:12px;margin-top:7px}.next-lesson p{font-size:10px;color:#9aaac0;margin:8px 0 12px}.next-lesson>.btn{font-size:10px;width:100%;padding:8px;min-height:35px}.stars{display:flex;gap:3px;align-items:center;margin:10px 0 20px}.stars button{padding:2px}.stars strong{font-size:16px;margin-left:10px;color:#be934e}.review-input{display:flex;gap:10px}.review-input input{flex:1;font-size:12px;min-width:0}.review{display:flex;gap:12px;border-top:1px solid var(--border);margin-top:25px;padding-top:22px}.review strong{font-size:11px}.review strong>span{font-size:10px;font-weight:400;color:#9ba8ba}.review p{font-size:11px;color:#94a1b5;margin-top:8px}.materials{text-align:center;color:#8ba1bd;padding:22px 5px}.materials h3{font-size:13px;margin-top:15px}.materials p{font-size:11px;margin:10px 0 20px}.assessment{max-width:800px;margin:0 auto;padding:34px}.assessment h2{font-size:23px;margin:25px 0 18px}.assessment .body-copy{margin-bottom:24px}.assessment-illustration{width:130px;height:130px;background:#eff4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8eace2;margin:30px auto}.assessment>.btn{display:flex;margin:25px auto 0;min-width:220px}.assessment>.progress{margin-top:24px}.answer-options{display:flex;flex-direction:column;gap:11px;margin:25px 0}.answer-options>button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #e4eaf4;border-radius:10px;padding:16px;font-size:13px;color:#7f8fa6}.answer-options>button>span{width:25px;height:25px;border:1px solid #dfe5ef;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.answer-options>button.selected{background:#f0f5ff;border-color:#8cace7;color:#5278bd}.answer-options>button>svg{margin-left:auto}.answer-options>button.selected>span{background:#6891db;color:#fff;border-color:#6891db}.survey-item{padding:22px 0;border-bottom:1px solid var(--border)}.survey-item h3{font-size:13px;margin-bottom:17px}.survey-options{display:flex;justify-content:space-between;gap:7px}.survey-options label{display:flex;align-items:center;gap:7px;color:#8a99af}.survey-options span{margin:0;font-size:11px}.result-panel{max-width:650px;margin:0 auto;text-align:center;padding:45px}.result-icon{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef4ff;color:#789ade;margin:0 auto 20px}.result-panel h2{font-size:24px;margin:18px 0 10px}.result-panel p{font-size:12px;color:#9ba7b8}.score{font-size:64px;font-weight:800;color:#5380cf;margin:22px 0;letter-spacing:-3px}.score small{font-size:15px;font-weight:400;margin-left:8px;letter-spacing:0}.certificate-summary{display:flex;align-items:center;gap:23px;background:#eef3fe;border-radius:16px;padding:30px;margin-bottom:26px;border:1px solid #e3eafa}.certificate-summary .result-icon{margin:0;width:64px;height:64px;background:#fff}.certificate-summary h2{font-size:19px}.certificate-summary p{font-size:12px;color:#8d9eb8;margin-top:6px}.certificate-summary>strong{margin-left:auto;font-size:35px;color:#5274ae}.certificate-summary strong>span{font-size:11px;display:block;color:#9aaac2;font-weight:400}.certificate-row{display:flex;gap:25px;align-items:center}.course-art.small{width:100px;height:100px;border-radius:10px;flex-shrink:0}.course-art.small .art-disc{width:65px;height:65px}.course-art.small .art-number,.course-art.small .art-tag{display:none}.certificate-row h3{font-size:17px;margin-top:9px}.certificate-row p{font-size:11px;color:#9ba8bb;margin-top:6px}.certificate-row>.btn{margin-left:auto}.certificate{background:#fff;padding:25px;max-width:720px;margin:auto;border:1px solid #e3e9f3;box-shadow:0 10px 40px #30476508;text-align:center}.cert-inner{border:double 4px #c8d5ec;padding:45px 30px}.certificate img{width:44px;height:44px;object-fit:contain;margin-bottom:18px}.certificate .eyebrow{font-size:9px;letter-spacing:3px;color:#a5b2c7}.certificate h1{font-size:40px;font-weight:500;letter-spacing:15px;margin:15px 0}.cert-number{font-size:10px;color:#aab6c7}.certificate h2{font-size:25px;font-weight:600;letter-spacing:7px;margin:42px 0 9px}.certificate p{font-size:12px;color:#8595ad}.cert-course{font-size:18px;font-weight:650;color:#516c95;margin:33px 0 25px}.cert-description{line-height:2.5;margin-bottom:30px}.certificate h3{font-size:18px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:13px;margin:35px 0 20px}.certificate h3 svg{color:#9bb2d6}.certificate small{font-size:9px;color:#aeb8c7}.question-list>button{display:flex;align-items:center;text-align:left;gap:18px;border-top:1px solid var(--border);padding:23px 0;width:100%}.question-list>button:first-child{border-top:0}.q-symbol{font-size:20px;color:#95aed5}.question-list button>div{flex:1}.question-list strong{font-size:13px}.question-list p{font-size:10px;color:#a3afbf;margin-top:6px}.question-list p>span{margin:0 6px;color:#d0d7e1}.question-list button>svg{color:#b0bdd0}.question-content{padding:20px 0}.question-content p{font-size:13px;color:#8494ac;line-height:2;margin-top:20px}.answer-box{display:flex;gap:15px;background:#f4f7fd;padding:25px;border-radius:11px;margin-top:10px}.answer-box h3{font-size:12px;margin-bottom:12px}.answer-box p{font-size:12px;color:#7e92af;line-height:2}.answer-box small{font-size:9px;color:#a3b0c3;display:block;margin-top:15px}.notification-list>button{display:flex;align-items:center;text-align:left;gap:18px;padding:24px 0;border-bottom:1px solid var(--border);width:100%}.notification-list button>div{flex:1}.notification-list strong{font-size:14px}.notification-list p{font-size:12px;color:#95a4b9;margin-top:5px}.notification-list small{color:#b2bdcd;display:block;font-size:9px;margin-top:8px}.notification-list button>svg{color:#b2bed0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-grid label>span,.full-field>span{font-size:12px;color:#8492a7}.form-grid input,.form-grid select{font-size:12px}.span-2{grid-column:span 2}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:23px;margin-top:25px}.full-field{display:block;margin-top:25px}.full-field textarea{font-size:12px}.table-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:22px}.table-toolbar>select{font-size:11px;min-height:40px;color:#8b9ab0}.table-scroll{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}th{font-weight:500;color:#98a6ba;padding:14px 13px;background:#f8fafd;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;font-size:10px}td{padding:16px 13px;border-bottom:1px solid #edf1f7;color:#7d8da5}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}.name-cell{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap;padding:0;color:#465d7d;font-weight:600}.small-avatar{width:28px;height:28px;font-size:10px}.table-progress{display:flex;align-items:center;gap:9px;min-width:105px}.table-progress .progress{width:65px;height:4px}.table-progress>span{font-size:10px;color:#8da0b8}.tiny-icon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:7px}.dashboard-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.chart-legend{display:flex;justify-content:flex-end;gap:17px;font-size:9px;color:#94a1b5}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i,.donut-legend i{width:7px;height:7px;background:#7095df;border-radius:2px;display:inline-block}.bar-chart{height:210px;display:flex;gap:14px;align-items:flex-end;padding:16px 10px 0;background:repeating-linear-gradient(to top,transparent,transparent 48px,#f0f3f8 49px,#f0f3f8 50px)}.bar-group{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:13px}.bars{height:170px;display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%}.bars>span{width:26%;background:#7598df;border-radius:4px 4px 0 0;max-width:24px}.bar-group small{font-size:9px;color:#a5b2c4;background:#fff;width:100%;text-align:center}.donut{height:160px;width:160px;margin:20px auto;background:conic-gradient(#7095df 0,#7095df 74.5%,#d1def7 74.5%);border-radius:50%;display:flex;align-items:center;justify-content:center}.donut>div{width:125px;height:125px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut strong{font-size:27px;letter-spacing:-1px;color:#4e6992}.donut span{font-size:9px;color:#a4b0c2;margin-top:7px}.donut-legend{display:flex;gap:18px;justify-content:center}.donut-legend>div{display:flex;gap:5px;font-size:9px;align-items:center;color:#93a2b9}.donut-legend b{font-size:10px;color:#657e9f}.task-stack>button{display:flex;align-items:center;text-align:left;gap:12px;padding:18px 0;border-bottom:1px solid var(--border);width:100%}.task-stack strong{font-size:13px}.task-stack p{font-size:10px;color:#a4b0c2}.task-stack b{font-size:15px;color:#6f8ebf;margin-left:auto}.task-stack>button>svg{color:#aab6c7}.profile-summary{display:flex;align-items:center;gap:20px}.avatar.large{width:60px;height:60px;font-size:22px}.profile-summary h2{font-size:21px}.profile-summary p{font-size:12px;color:#97a5b9;margin-top:5px}.profile-summary>.badge{margin-left:auto}.profile-summary>.btn{font-size:11px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:35px;background:#f7faff;border:1px dashed #cddbf1;border-radius:12px;width:100%;color:#81a0d2}.upload-zone strong{font-size:14px}.upload-zone>span{font-size:11px;color:#9faec3}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.quick-links button{display:flex;align-items:center;gap:10px;background:#f5f8fd;padding:19px 14px;border-radius:10px;color:#7791b8}.quick-links strong{font-size:11px;white-space:nowrap}.quick-links button>svg:last-child{margin-left:auto}.grading-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.grading-row h3{margin-top:13px;font-size:15px}.grading-row p{font-size:12px;color:#8fa0b8;margin-top:8px}.grading-row label{max-width:100px;color:#8f9fb6;font-size:11px}.survey-result{margin:25px 0;padding:0 0 20px;border-bottom:1px solid var(--border)}.survey-result .row{margin-bottom:14px}.survey-result h3{font-size:13px;color:#7c90ad}.survey-result b{font-size:14px;color:#6e92cf}.survey-result p{font-size:10px;color:#a4b1c3;margin-top:10px}.report-filter{display:flex;align-items:flex-end;gap:17px}.report-filter label{flex:1}.report-filter label>span{font-size:11px;color:#8c9eb6}.report-filter select{font-size:12px}.notice{background:#f3f7fe;border:1px solid #e7eefb;color:#8a9fbc;font-size:11px;line-height:1.8;padding:14px 17px;border-radius:9px;display:flex;align-items:flex-start;gap:8px;margin:18px 0}.notice svg{margin-top:2px}.error-card{display:flex;align-items:flex-start;gap:14px;background:#fff6e9;padding:22px;border-radius:10px;color:#c29d63;margin-top:24px}.error-card h3{font-size:13px;color:#b9965d}.error-card p{font-size:11px;margin-top:8px}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:980px;margin:30px auto}.auth-art{padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-art img{height:250px;width:auto;margin-bottom:25px}.auth-art .eyebrow{font-size:8px;letter-spacing:1.5px}.auth-art h2{font-size:27px;color:#516f98;line-height:1.8;text-align:center}.auth-art p{font-size:11px;color:#a2b1c6;margin-top:15px}.auth-card{padding:35px}.auth-card h1{font-size:23px;margin-bottom:15px}.auth-card>p{font-size:12px;color:#95a6bf;margin-bottom:25px}.auth-logo{width:38px;height:38px;object-fit:contain;margin-bottom:22px}.auth-card>label{display:block;margin:18px 0;font-size:12px;color:#8f9fb7}.auth-card>.btn{width:100%;margin-top:12px}.auth-links{display:flex;justify-content:center;gap:25px;margin:23px 0}.auth-links button{font-size:11px;color:#95a6c0}.auth-card .notice{font-size:9px}.otp-digits{display:flex;gap:8px;margin:26px 0}.otp-digits>span{background:#eff4fd;border:1px solid #e2eafb;flex:1;padding:15px 0;text-align:center;font-size:23px;font-weight:650;color:#7295d0;border-radius:8px}.profile-big{display:flex;gap:12px;align-items:center;margin:25px 0}.profile-big h2{font-size:17px}.profile-big p{font-size:10px;color:#9cabc0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#152c4e59;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.dialog{width:100%;max-width:530px;background:#fff;border-radius:20px;box-shadow:0 25px 90px #0c244c30;padding:30px;max-height:90dvh;overflow:auto}.dialog-header{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:19px}.dialog-header h2{font-size:22px}.dialog-header .eyebrow{font-size:9px}.dialog-header>.icon-button{flex-shrink:0}.modal-copy{font-size:14px;color:#899db9;line-height:2;white-space:pre-line}.screen-map{max-width:1020px;padding:30px;display:flex;flex-direction:column;overflow:hidden}.screen-map>.muted{font-size:12px;margin-bottom:18px}.screen-map>.search-field{flex-shrink:0;width:100%;max-width:none}.screen-map>.filter-chips{margin:15px 0 18px;flex-shrink:0}.screen-list{overflow-y:auto;padding-right:8px}.screen-list section{margin-bottom:24px}.screen-list section>h3{font-size:13px;margin-bottom:12px;color:#7187a6}.screen-list section>h3>span{font-size:10px;color:#b1bed0;margin-left:5px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.screen-grid>button{position:relative;text-align:left;border:1px solid var(--border);border-radius:8px;padding:12px 30px 12px 13px}.screen-grid>button:hover,.screen-grid>button.current{background:#f0f5ff;border-color:#c3d5f4}.screen-grid small{display:block;font-size:8px;color:#a6b5ca;margin-bottom:5px}.screen-grid strong{font-size:11px;font-weight:550;line-height:1.6}.screen-grid button>svg{position:absolute;right:10px;top:15px;color:#afbed2}.scope-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#dfb575;right:15px;bottom:15px}.map-legend{border-top:1px solid var(--border);padding-top:15px;font-size:10px;color:#a1b0c5;display:flex;align-items:center;gap:6px}.map-legend i{width:5px;height:5px;background:#dfb575;border-radius:50%}.toast{position:fixed;bottom:30px;left:calc(50% + 100px);transform:translate(-50%);background:#263e5e;color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 28px #122f5630;display:flex;align-items:center;gap:12px;font-size:12px;z-index:120;max-width:calc(100vw - 35px)}.toast>svg{color:#abd6c5}.toast button{color:#b8c6d9;display:flex;padding:4px}.skip-link{position:fixed;top:-100px;left:10px;z-index:200;padding:10px 15px;background:#fff;color:var(--blue);border:2px solid var(--blue)}.skip-link:focus{top:10px}@media(min-width:1600px){main{padding:40px 55px 0}.hero{min-height:330px}.hero h2{font-size:37px}.hero-art{height:280px}.mascot{height:255px}.mascot.man{height:245px}.hero-circle{width:290px;height:290px}.course-art{height:180px}.course-body h3{font-size:15px}.course-body>p{font-size:11px}.continue-visual{min-width:170px;height:170px}.course-body{padding:21px}.hero-copy p{font-size:14px}}@media(max-width:1250px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.brand strong{font-size:17px}.workspace{margin-left:205px}.topbar{padding:0 25px}.top-actions{gap:12px}main{padding:27px 25px 0}.breadcrumb{font-size:10px}.hero{padding:28px;min-height:285px}.hero h2{font-size:28px}.hero-art{width:39%;height:245px;margin-right:0}.hero-circle{height:220px;width:220px;top:14px}.mascot{height:204px}.mascot.man{height:196px;left:3%}.mascot.woman{right:0}.note-one{left:-25px;top:18px;font-size:9px}.note-two{right:-15px;font-size:9px}.learning-summary{gap:16px;padding:21px}.summary-heading strong{font-size:11px}.summary-heading div>span{font-size:9px}.summary-icon{padding:9px}.summary-item{padding-left:15px;min-width:66px}.summary-progress{width:27%;min-width:150px}.summary-progress strong{font-size:12px}.home-columns{grid-template-columns:1.3fr 1fr;gap:18px}.home-columns .panel{padding:18px}.continue-visual{min-width:105px;height:145px}.continue-copy h3{font-size:16px}.continue-copy>p{display:none}.continue-copy>.progress{margin-top:24px}.continue-card{gap:14px}.continue-copy .row{flex-wrap:wrap}.todo-item{gap:8px}.todo-item strong{font-size:10px}.todo-icon{width:30px;height:30px}.todo-item div>span{font-size:9px}.course-grid{gap:14px}.course-art{height:125px}.course-body{padding:14px}.course-body h3{font-size:12px}.course-body>p{display:none}.course-meta{font-size:9px;gap:8px}.stats-grid{gap:12px}.stat{padding:20px 15px;gap:9px}.stat-icon{width:32px;height:32px}.stat strong{font-size:23px}.stat p{font-size:10px}.stat div>span{font-size:8px}.player-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.video-lesson h2{font-size:23px}.video-lesson img{height:135px}.chapter-panel{padding:14px}.video-controls{gap:6px;padding:14px 10px}.video-panel{aspect-ratio:auto;min-height:345px}.player-stats{gap:10px}.player-stats>div{padding:14px}.player-stats b{font-size:16px}.player-stats small{font-size:8px}.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.course-detail-hero{grid-template-columns:1fr 220px;padding:25px}.quick-links{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1.4fr 1fr}.donut-legend{gap:8px}.donut-legend>div{flex-wrap:wrap;font-size:8px}}@media(max-width:1000px){.sidebar{width:182px}.workspace{margin-left:182px}.brand{gap:8px;padding-left:4px}.brand img{width:30px;height:30px}.brand strong{font-size:16px}.sidebar nav>button{padding:13px 10px;font-size:11px;gap:9px}.sidebar-help{padding:15px}.sidebar-profile div>span{font-size:8px}.sidebar-profile strong{font-size:10px}.sidebar-profile>svg{display:none}.topbar{padding:0 20px}.breadcrumb{display:none}.top-actions{width:100%;justify-content:flex-end}.hero h2{font-size:25px}.hero-art{width:36%}.mascot.man{height:170px;left:-10px}.mascot.woman{height:178px;right:-10px}.hero-circle{width:180px;height:180px;top:45px}.note-one{left:-20px;top:45px}.hero-spark{display:none}.hero-art{height:220px}.hero{padding:25px;min-height:280px}.hero-copy p{font-size:11px}.learning-summary{flex-wrap:wrap;gap:20px}.summary-heading,.summary-progress{flex:1 0 45%}.summary-item{border:0;padding:0;display:flex;align-items:center;gap:12px;flex:1}.summary-item strong{font-size:20px}.summary-item>span{margin:0}.home-columns{grid-template-columns:1fr}.continue-visual{min-width:155px;height:140px}.continue-copy h3{font-size:20px}.continue-copy>p{display:block;margin-bottom:20px}.continue-copy .row{flex-wrap:nowrap}.todo-panel .section-heading{margin-bottom:12px}.todo-item strong{font-size:12px}.todo-item div>span{font-size:10px}.todo-item{padding:12px 0;gap:14px}.todo-icon{width:35px;height:35px}.course-grid,.course-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.course-art{height:155px}.course-body{padding:18px}.course-body h3{font-size:14px}.course-body>p{display:block;font-size:10px}.bottom-banner{padding:22px;gap:15px}.bottom-banner h3{font-size:13px}.bottom-banner p{font-size:10px}.bottom-banner .btn{font-size:10px;padding:9px 12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid.three .stat{flex-direction:column}.dashboard-columns{grid-template-columns:1fr}.donut-legend{gap:20px}.detail-layout{grid-template-columns:1fr}.sticky-card{position:static}.sticky-card h3 br{display:none}.detail-facts{margin:15px 0}.sticky-card>.btn{width:auto;margin-right:10px}.sticky-card .small-note{text-align:left}.course-detail-hero{grid-template-columns:1fr 180px}.course-detail-hero h1{font-size:23px}.player-layout{grid-template-columns:1fr}.chapter-panel{position:static}.video-panel{min-height:370px;aspect-ratio:16/9}.chapter strong{font-size:12px}.chapter small{font-size:10px}.video-lesson h2{font-size:28px}.video-lesson img{height:180px}.video-play{bottom:85px}.auth-wrap{grid-template-columns:1fr;max-width:500px;margin:0 auto}.auth-art{display:none}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer>span:nth-child(2){display:none}.page-title h1{font-size:26px}.page-title .date-chip{font-size:9px}.report-filter{flex-wrap:wrap}.report-filter label{min-width:140px}}@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:auto;min-height:105px;padding:13px 20px;flex-wrap:wrap;gap:12px}.mobile-brand{display:flex;align-items:center;gap:8px;position:absolute;top:17px;left:20px}.mobile-brand img{height:26px;width:26px;object-fit:contain}.mobile-brand b{font-size:14px;color:#2e4c79;letter-spacing:-.5px}.top-actions{display:grid;grid-template-columns:1fr auto auto;gap:12px;width:100%;align-items:center}.role-switch{grid-column:1;grid-row:2;justify-self:start;margin-top:41px}.role-switch button{font-size:10px;padding:5px 11px}.map-button{grid-column:2;grid-row:1;align-self:start;justify-self:end;font-size:10px;position:absolute;right:60px;top:15px}.map-button>small{display:none}.notification-button{position:absolute;top:11px;right:18px}.demo-strip{padding:7px 20px;justify-content:space-between;gap:8px}.demo-strip p{font-size:9px}.demo-strip button{display:none}.demo-strip>span{font-size:9px;white-space:nowrap}main{padding:24px 20px 70px}.home-greeting{margin-bottom:20px}.home-greeting h1{font-size:22px}.home-greeting p{font-size:11px}.home-greeting .eyebrow{font-size:8px}.home-greeting .date-chip{display:none}.hero{min-height:300px;padding:24px 23px;align-items:flex-start}.hero-copy{flex-shrink:1}.hero h2{font-size:26px;line-height:1.5}.hero-copy p{font-size:10px;margin:10px 0 18px;max-width:220px}.hero-copy p br{display:none}.hero-kicker{font-size:9px;margin-bottom:10px}.hero-art{position:absolute;right:10px;bottom:10px;height:170px;width:165px;opacity:.95}.hero-circle{width:145px;height:145px;top:22px;box-shadow:0 0 0 10px #ffffff38}.mascot.man{height:139px;left:7px}.mascot.woman{height:145px;right:2px}.floating-note{display:none}.hero-copy>.btn{font-size:10px;min-height:37px;padding:10px;margin-top:3px;position:absolute;bottom:27px;left:23px;max-width:155px;gap:5px}.hero-copy>.btn>svg{width:15px}.learning-summary{padding:20px;gap:20px;margin-bottom:20px}.summary-heading{flex:1 0 100%}.summary-heading strong{font-size:13px}.summary-heading div>span{font-size:10px}.summary-progress{width:100%;flex:1 0 100%}.summary-progress strong{font-size:16px}.summary-progress small{font-size:11px}.summary-item{flex:1}.summary-item strong{font-size:22px}.summary-item>span{font-size:10px}.home-columns{gap:20px}.home-columns .panel{padding:20px}.continue-visual{min-width:105px;width:105px;height:135px}.continue-copy h3{font-size:17px}.continue-copy>span{font-size:10px}.continue-copy>p{font-size:9px;line-height:1.7;margin-bottom:15px}.continue-copy>.progress{margin-top:15px}.continue-copy .row{gap:6px;flex-wrap:wrap}.continue-copy strong{font-size:10px}.home-columns h2{font-size:16px}.section-heading{margin-bottom:18px}.standalone{margin-top:27px;margin-bottom:17px}.standalone h2{font-size:19px}.standalone>.text-link{font-size:10px}.course-grid,.course-grid.three{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.course-art{height:130px}.art-disc{height:77px;width:77px}.art-disc svg{width:43px;height:43px}.art-tag{font-size:6px;right:8px}.course-body{padding:14px 12px}.course-body h3{font-size:12px;line-height:1.7;min-height:41px}.course-body>p{display:none}.course-meta{font-size:8px;gap:7px;margin-top:10px;flex-wrap:wrap}.course-meta svg{width:11px}.course-body>.progress{margin-top:14px}.course-bottom,.category,.rating{font-size:8px}.bottom-banner{display:grid;grid-template-columns:37px 1fr;gap:12px;padding:20px;margin-top:25px}.bottom-banner .circle-icon{width:37px;height:37px}.bottom-banner .circle-icon svg{width:23px}.bottom-banner h3{font-size:12px}.bottom-banner p{font-size:10px;line-height:1.8}.bottom-banner>.btn{grid-column:2;justify-self:start;margin:3px 0 0;min-height:35px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #e7edf5;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px max(10px,env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-nav button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;color:#a0adc0;font-size:9px;min-height:43px;padding:0 3px}.mobile-nav button.active{color:#4c75c9;font-weight:650}.mobile-nav button>span{white-space:nowrap}.mobile-nav svg{width:20px;height:20px}.panel{padding:21px;margin-bottom:20px;border-radius:13px}.page-title{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:22px}.page-title h1{font-size:24px}.page-title p{font-size:12px;margin-top:6px}.page-title>.btn,.page-title>.date-chip{font-size:10px;min-height:35px}.eyebrow{font-size:9px}.stats-grid{gap:12px;margin-bottom:20px}.stats-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.three .stat:last-child{grid-column:span 2;flex-direction:row}.stat{padding:17px 14px}.stat strong{font-size:23px}.stat p{font-size:10px}.stat div>span{font-size:8px}.stat-icon{width:30px;height:30px;border-radius:8px}.stat-icon svg{width:18px;height:18px}.course-filters{padding:18px}.search-field{min-width:0;max-width:none}.search-field input{font-size:11px}.filter-chips{gap:7px}.filter-chips button{padding:7px 10px;font-size:10px}.course-detail-hero{display:flex;flex-direction:column-reverse;gap:22px;align-items:stretch;padding:22px}.course-detail-hero>.course-art{height:150px}.course-detail-hero h1{font-size:25px;margin-top:13px}.course-detail-hero p{font-size:12px}.course-detail-hero .course-meta{font-size:10px;gap:15px;margin-top:18px}.detail-layout{gap:0}.lesson-list button{padding:17px 0;gap:10px}.lesson-list strong{font-size:11px}.lesson-list div>span{font-size:9px}.lesson-state{font-size:9px}.lesson-number{width:27px;height:27px;font-size:10px}.lesson-list button>svg{width:16px}.sticky-card{padding:23px}.sticky-card h3{font-size:20px}.detail-facts>div{font-size:12px}.detail-facts strong{font-size:12px}.player-layout{gap:0}.video-panel{min-height:270px;aspect-ratio:auto;border-radius:12px}.video-lesson{left:22px;right:18px;top:25%}.video-lesson h2{font-size:22px;line-height:1.6}.video-lesson>span{font-size:8px}.video-lesson>p{font-size:10px}.video-lesson img{height:120px;right:-5px;top:10px}.video-play{width:42px;height:42px;left:22px;bottom:63px;box-shadow:0 0 0 6px #ffffff0c}.video-play svg{width:20px}.video-label{left:22px;top:16px;font-size:8px}.video-controls{font-size:8px;padding:10px 9px;gap:5px}.video-controls button{min-width:18px;font-size:9px;padding:1px}.video-controls svg{width:15px}.video-controls input{width:45px}.player-stats{gap:8px;margin:14px 0 20px}.player-stats>div{padding:13px 10px;border-radius:10px}.player-stats span{font-size:9px}.player-stats b{font-size:15px;white-space:nowrap;gap:3px}.player-stats b svg{width:14px}.player-stats small{display:none}.player-stats .progress{height:4px}.player-layout .row>.btn{font-size:11px}.chapter-panel{margin-top:0;padding:20px}.review-input{flex-wrap:wrap}.review-input input{font-size:10px}.review-input>.btn{font-size:11px;padding:10px 15px}.review p{font-size:10px}.stars svg{width:23px}.assessment{padding:23px}.assessment h2{font-size:20px;line-height:1.7}.assessment h2 br{display:none}.answer-options>button{font-size:12px;padding:14px;gap:9px}.answer-options>button>span{width:22px;height:22px;flex-shrink:0}.answer-options>button>svg{width:17px}.form-actions{flex-wrap:wrap;gap:8px}.form-actions .btn{font-size:11px;padding:10px 13px}.mini-stats b{font-size:16px}.mini-stats span{font-size:10px}.survey-options{gap:5px;flex-wrap:wrap}.survey-options label{flex-direction:column;gap:7px;flex:1}.survey-options span{font-size:9px;white-space:nowrap}.survey-item h3{font-size:12px;line-height:1.8}.result-panel{padding:30px 20px}.result-panel h2{font-size:21px}.score{font-size:60px}.certificate-summary{padding:22px;gap:15px}.certificate-summary .result-icon{width:45px;height:45px}.certificate-summary .result-icon svg{width:24px}.certificate-summary h2{font-size:14px}.certificate-summary p{font-size:10px}.certificate-summary>strong{font-size:28px}.certificate-summary strong>span{font-size:9px}.certificate-row{gap:15px;flex-wrap:wrap}.course-art.small{width:70px;height:70px}.course-art.small .art-disc{width:50px;height:50px}.certificate-row h3{font-size:13px}.certificate-row p{font-size:10px}.certificate-row>.btn{margin-left:85px;font-size:11px}.certificate{padding:12px}.cert-inner{padding:30px 18px}.certificate h1{font-size:28px;letter-spacing:10px}.certificate h2{font-size:22px;margin-top:30px}.certificate .eyebrow{font-size:6px;letter-spacing:2px}.certificate p{font-size:10px}.cert-course{font-size:15px;line-height:1.8}.certificate h3{font-size:13px;gap:6px}.certificate h3 svg{width:28px}.certificate small{font-size:8px}.question-list>button{gap:12px;flex-wrap:wrap;padding:20px 0}.question-list button>div{min-width:210px}.question-list strong{font-size:12px}.question-list p{font-size:9px}.question-list .badge{margin-left:30px}.question-list button>svg{margin-left:auto}.q-symbol{font-size:17px}.answer-box{padding:18px;gap:10px}.answer-box p{font-size:11px}.question-content p{font-size:12px}.form-grid{gap:20px;grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.table-toolbar{gap:10px;flex-wrap:wrap}.table-toolbar>.search-field{flex:1;min-width:180px}.table-toolbar .badge{font-size:9px}table{font-size:10px}th{font-size:9px;padding:13px 10px}td{padding:15px 10px}.tabs{gap:20px;margin-bottom:20px}.tabs button{font-size:11px}.section-heading h2{font-size:17px}.section-heading .btn{font-size:10px;padding:8px 11px;min-height:34px}.dashboard-columns{gap:0}.bar-chart{gap:10px;height:200px;padding-left:0;padding-right:0}.bar-group small{font-size:8px}.donut-legend>div{font-size:10px}.profile-summary{gap:13px;flex-wrap:wrap}.profile-summary h2{font-size:18px}.profile-summary p{font-size:10px}.profile-summary .avatar{width:45px;height:45px;font-size:17px}.profile-summary>.btn{margin-left:58px}.quick-links{gap:10px}.quick-links button{padding:17px 10px;gap:8px}.quick-links strong{font-size:10px}.quick-links svg{width:18px}.grading-row{align-items:flex-start;gap:15px}.grading-row h3{font-size:12px}.grading-row p{font-size:11px}.grading-row label{max-width:70px}.report-filter{gap:14px}.report-filter label{min-width:100%;flex:1}.report-filter select{font-size:12px}.notification-list>button{gap:12px}.notification-list strong{font-size:12px}.notification-list p{font-size:10px}.notification-list small{font-size:8px}.auth-card{padding:26px}.auth-card h1{font-size:23px}.auth-wrap{margin:0}.auth-card>p{font-size:11px}.common-main{padding-top:25px}.notice{font-size:10px;padding:12px;gap:6px}.modal-backdrop{padding:12px}.dialog{padding:23px;border-radius:15px;max-height:90dvh}.dialog-header h2{font-size:20px}.dialog-header .eyebrow{font-size:8px}.screen-map{max-height:calc(100dvh - 24px);padding:22px 18px}.screen-map>.muted{font-size:10px}.screen-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.screen-grid>button{padding:11px 22px 11px 10px}.screen-grid small{font-size:7px}.screen-grid strong{font-size:10px}.screen-grid button>svg{width:12px;right:8px}.screen-map .filter-chips button{padding:7px 11px}.map-legend{font-size:8px}.toast{left:50%;bottom:87px;font-size:11px;width:max-content;max-width:calc(100vw - 30px);padding:14px 16px;gap:8px}.toast svg{width:17px}.modal-copy{font-size:13px}footer{margin-top:30px;font-size:8px;padding-bottom:20px}footer button{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{body{background:#fff}.sidebar,.topbar,.demo-strip,.mobile-nav,.page-title,footer,.toast,.back-link{display:none!important}.workspace{margin:0}main{padding:0;max-width:none}.certificate{max-width:none;border:0;box-shadow:none;margin:0;padding:0}.cert-inner{min-height:95vh;padding:65px 40px}.certificate h1{font-size:44px}.certificate h2{margin-top:70px;font-size:30px}.certificate p{font-size:16px}.cert-course{font-size:23px}.certificate h3{margin-top:70px;font-size:24px}}.course-card{display:flex;flex-direction:column}.course-card>.course-art{flex-shrink:0;width:100%}.course-body{width:100%;flex:1}.course-body h3{font-size:16px}.course-body>p{font-size:12px;color:#68788d}.course-meta,.course-bottom,.category,.rating{font-size:12px}.role-switch button{font-size:13px}.map-button{font-size:12px}.hero-copy p{font-size:14px;color:#627c9e}.hero-copy .btn{font-size:13px}.sidebar nav button{font-size:14px}.summary-heading strong{font-size:14px}.summary-heading div>span,.summary-item>span{font-size:12px;color:#748196}.todo-item strong{font-size:14px}.todo-item span,.continue-copy>span,.continue-copy>p{font-size:12px}.text-link,.back-link{font-size:13px}.badge{font-size:12px}.section-heading p,.page-title p{font-size:14px}.course-meta{margin-top:14px}th{font-size:12px}td,.filter-chips button{font-size:13px}.lesson-list strong{font-size:14px}.lesson-list button>div>span{font-size:12px}.screen-grid strong{font-size:13px}.screen-grid small,.demo-strip,.footer{font-size:11px}@media(max-width:600px){.hero{min-height:370px}.hero-copy p{font-size:12px;max-width:270px;line-height:1.85}.hero-copy>.btn{font-size:12px;min-height:44px;max-width:160px;padding:10px 12px;bottom:25px}.hero-art{bottom:10px;right:6px}.hero h2{font-size:26px}.role-switch button{font-size:12px;padding:7px 12px}.topbar{min-height:112px}.role-switch{margin-top:42px}.map-button{font-size:12px}.mobile-nav button{font-size:11px;min-height:46px}.course-body h3{font-size:14px;min-height:48px}.course-body .category,.course-body .rating,.course-meta,.course-bottom{font-size:11px}.course-body>p{display:none}.filter-chips button{font-size:12px;min-height:38px}.page-title p,.section-heading p{font-size:13px}.btn{font-size:13px;min-height:44px}.summary-heading strong{font-size:14px}.summary-heading div>span,.summary-item>span{font-size:11px}.todo-item strong{font-size:13px}.todo-item span{font-size:12px}.continue-copy>span,.continue-copy>p,.continue-copy small{font-size:11px}.continue-copy strong,.screen-grid strong{font-size:12px}.screen-grid small{font-size:10px}.screen-grid>button{min-height:80px}.screen-map>.muted{font-size:12px}.notice{font-size:12px;line-height:1.8}.question-list strong{font-size:14px}.question-list p,.question-content p,.answer-box p{font-size:13px}.tabs button{font-size:13px;min-height:44px}.section-heading .btn{font-size:12px;min-height:40px}.notification-list strong{font-size:14px}.notification-list p{font-size:12px}.notification-list small{font-size:11px}.auth-card>p{font-size:13px}.form-grid label>span{font-size:13px}th{font-size:12px}td{font-size:13px}.muted{font-size:12px}.badge{font-size:11px}.text-link,.back-link,.quick-links strong{font-size:12px}.demo-strip{font-size:10px}.demo-strip>span:last-of-type{font-size:9px}}@font-face{font-family:NanumSquare;src:url(/fonts/NanumSquare-Bold.woff) format("woff");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:NanumSquare;src:url(/fonts/NanumSquare-ExtraBold.woff) format("woff");font-weight:750 900;font-style:normal;font-display:swap}@font-face{font-family:NanumSquare Neo;src:url(/fonts/NanumSquareNeo-Variable.woff) format("woff");font-weight:300 900;font-style:normal;font-display:swap}:root{--font-body: "NanumSquare Neo", "Apple SD Gothic Neo", sans-serif;--font-title: "NanumSquare", "NanumSquare Neo", sans-serif;--blue: #1754cc;--navy: #122e52;--muted: #5c6e84;--bg: #f3f6fa;--border: #cbd6e4;--shadow: 0 10px 28px #244a8520, 0 2px 6px #244a8508;font-family:var(--font-body);background:#f3f6fa;color:#172b45}h1,h2,h3,.brand strong,.mobile-brand b,.stat strong,.summary-item strong,.score{font-family:var(--font-title)}h1,.hero h2,.page-title h1,.home-greeting h1{font-weight:800}h2,h3{font-weight:700}button,input,select,textarea{font-family:var(--font-body)}.brand{gap:10px;padding-bottom:27px;align-items:center}.brand strong{display:block;font-size:19px;line-height:1.35;letter-spacing:-.6px}.brand strong span{font-family:var(--font-title);font-size:18px;color:#213f72;letter-spacing:-.5px;font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:6px;color:#7c90ae}.brand img{width:40px;height:40px;filter:drop-shadow(0 3px 2px #1f46781a)}.workspace{background:#f3f6fa;min-height:100vh}.sidebar{background:#fff;border-right-color:#ccd7e5;box-shadow:3px 0 18px #18325408}.topbar{box-shadow:0 2px 12px #254a8007}.demo-strip{background:#e8effa;color:#4b6383;border-bottom:1px solid #d1def0}.panel,.learning-summary,.course-card,.stat{border-color:#cdd8e6;box-shadow:0 2px 5px #17325206,0 8px 20px #1732520a,inset 0 1px #fff}.panel{background:#fff}.hero{background-color:#114caf;background-image:radial-gradient(circle,#ffffff14 1px,transparent 1.4px),linear-gradient(112deg,#163d93,#1658bc 56%,#087d89);background-size:19px 19px,auto;border-color:#164b9d;box-shadow:0 12px 26px #164a9e25,inset 0 1px #ffffff24}.hero-copy p{color:#e3edff}.hero-circle{background:linear-gradient(145deg,#fff,#e1eff9);border:1px solid #ffffffdd;box-shadow:0 0 0 18px #ffffff15,0 0 0 38px #ffffff09}.floating-note{color:#264266;background:#fff;border-color:#fff;box-shadow:0 8px 20px #092e5726}.learning-summary{background:#fff;border-left:4px solid #245bcc}.summary-icon,.stat-icon,.todo-icon,.tiny-icon{border:1px solid #ffffff45;box-shadow:0 3px 7px #14345416,inset 0 1px #ffffff25}.blue{--accent: #2156bc;--tint: #e4edff;--on-accent: #fff;background:var(--tint);color:#204fa5}.mint,.green{--accent: #008a3d;--tint: #e4f5e9;--on-accent: #fff;background:var(--tint);color:#007332}.peach,.orange{--accent: #f29111;--tint: #fff0db;--on-accent: #412c10;background:var(--tint);color:#99500b}.yellow{--accent: #d8a328;--tint: #faf0d4;--on-accent: #3b2a08;background:var(--tint);color:#77540a}.lavender{--accent: #7040b7;--tint: #ede5f8;--on-accent: #fff;background:var(--tint);color:#60349f}.sky{--accent: #087791;--tint: #ddf0f5;--on-accent: #fff;background:var(--tint);color:#09667b}.rose{--accent: #ae3e63;--tint: #f8e2e9;--on-accent: #fff;background:var(--tint);color:#943453}.course-card{background:#fff;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}.course-card:hover{border-color:#7396d0;box-shadow:0 14px 28px #17396724,0 3px 8px #1739670c;transform:translateY(-5px)}.course-art{background-color:var(--accent);color:var(--on-accent, #fff);background-image:radial-gradient(circle,#ffffff24 .9px,transparent 1.2px),linear-gradient(135deg,#ffffff05,#0000000d);background-size:14px 14px,auto;border-bottom:1px solid #0000000a}.course-card:nth-child(3n+2) .course-art{background-image:repeating-linear-gradient(135deg,#ffffff20 0,#ffffff20 1px,transparent 1px,transparent 13px),linear-gradient(125deg,transparent,#0000000a);background-size:auto}.course-card:nth-child(3n) .course-art{background-image:linear-gradient(#ffffff1f 1px,transparent 1px),linear-gradient(90deg,#ffffff1f 1px,transparent 1px),linear-gradient(135deg,#ffffff03,#0000000a);background-size:24px 24px,24px 24px,auto}.art-disc{background:#ffffff12;border:1px solid #ffffff70;box-shadow:0 5px 14px #091f3820,inset 0 1px #ffffff20}.art-disc svg{opacity:1;stroke-width:1.65}.art-orbit{border-width:2px;opacity:.1}.art-number{opacity:.9}.art-tag{opacity:.8}.course-body{background:#fff}.course-body .category{color:#73839c}.progress{box-shadow:inset 0 1px 2px #294d6b0c;background:#e8eef6}.progress>span{background:linear-gradient(90deg,#3473e2,#1751bd);box-shadow:0 1px 3px #1547a526}.continue-visual{background:repeating-linear-gradient(135deg,#ffffff1c 0,#ffffff1c 1px,transparent 1px,transparent 14px),linear-gradient(145deg,#183f94,#2362c5);color:#fff;border:1px solid #1f50a5}.continue-card:hover .play-round{transform:scale(1.08);box-shadow:0 5px 13px #2b58a52b}.play-round{transition:transform .2s,box-shadow .2s;border:1px solid #e2eafa}.todo-panel{background:#fff}.todo-item{border-radius:8px;transition:background .18s,transform .18s}.todo-item:hover{background:#f0f5fb99;transform:translate(3px)}.bottom-banner{background:radial-gradient(circle,#ffffff14 1px,transparent 1.2px),linear-gradient(105deg,#173557,#185f72);background-size:17px 17px,auto;border-color:#15364f;box-shadow:0 8px 20px #14385318,inset 0 1px #ffffff1c}.stat{background:#fff;border-top:4px solid #2156bc}.stat:nth-child(4n+2){background:#fff;border-top-color:#00a64b}.stat:nth-child(4n+3){background:#fff;border-top-color:#f29111}.stat:nth-child(4n){background:#fff;border-top-color:#7040b7}.stat p{color:#667b98}.stat div>span{color:#7c8ca2}.btn{background:linear-gradient(125deg,#2163d9,#1549b9);color:#fff;border:1px solid #1549b2;box-shadow:0 4px #183e8c18,0 6px 12px #1b4ba62b,inset 0 1px #ffffff28;text-shadow:0 1px 1px #12317620;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{background:linear-gradient(125deg,#1757c9,#113c9e);box-shadow:0 8px 18px #1b4ba638,inset 0 1px #ffffff30;transform:translateY(-2px)}.btn:active{transform:translateY(1px) scale(.985);box-shadow:0 1px 3px #244f9f20,inset 0 2px 4px #10368115}.btn.secondary{background:#fff;color:#244574;border-color:#a6bad5;box-shadow:0 2px 4px #234a7d0c,inset 0 1px #fff;text-shadow:none}.btn.secondary:hover{background:#edf3ff;border-color:#7296cb;box-shadow:0 5px 12px #234a7d16}.role-switch{background:#eef3fa;border:1px solid #e0e7f2;box-shadow:inset 0 1px 3px #305b8c08}.role-switch button.active{color:#fff;background:#2156bc;box-shadow:0 2px 5px #173f8e26,inset 0 1px #ffffff28}.sidebar nav>button{border:1px solid transparent;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.sidebar nav>button.active{color:#fff;background:linear-gradient(105deg,#174bb2,#2363d1);border-color:#194cb1;box-shadow:0 5px 12px #1b4ba62a,inset 0 1px #ffffff28}.sidebar nav>button:hover{transform:translate(2px)}.sidebar-help{border:1px solid #bfd1e1;background:#edf4f8}.filter-chips button{box-shadow:0 2px 4px #30568306,inset 0 1px #fff}.filter-chips button.active{color:#fff;background:#2156bc;border-color:#2156bc;box-shadow:0 3px 7px #20499826,inset 0 1px #ffffff28}.tabs button{transition:color .2s,border-color .2s,background .2s}.tabs button.active{color:#164db8;border-bottom-color:#1b54c4;background:linear-gradient(0deg,#e4edff,transparent 70%)}.screen-grid>button{background:linear-gradient(150deg,#fff,#f6f9fd);box-shadow:0 2px 5px #294f7c07;transition:border-color .18s,transform .18s,box-shadow .18s}.screen-grid>button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #294f7c12}.screen-grid>button.current{border-color:#a4bee8;background:linear-gradient(145deg,#eaf1ff,#f4f6ff)}.mobile-nav button{border-radius:10px;transition:background .2s,color .2s}.mobile-nav button.active{color:#fff;background:#2156bc;box-shadow:0 3px 8px #173f8e23}h1,h2,h3,.stat strong,.summary-item strong,.summary-progress strong{color:#172f50}.hero h2,.video-lesson h2{color:#fff}.hero-kicker{color:#eef5ff}.hero-kicker>span{background:#61ddc3}.hero-copy .btn{color:#173e85;background:#fff;border-color:#fff;text-shadow:none;box-shadow:0 5px 14px #08296230}.hero-copy .btn:hover{background:#edf4ff;border-color:#edf4ff}.hero-spark{color:#8bc5ff}.hero-spark.spark-two{color:#f6c65c}.note-one svg{color:#bc4b25}.note-two svg{color:#087c64}.bottom-banner h3{color:#fff}.bottom-banner p{color:#d8e8f5}.bottom-banner .circle-icon{background:#ffffff13;color:#fff;border:1px solid #ffffff55}.summary-icon{background:#2156bc;color:#fff}.stat-icon,.todo-icon,.tiny-icon{background:var(--accent, #2156bc);color:var(--on-accent, #fff)}.badge{border:1px solid color-mix(in srgb,currentColor 20%,transparent)}.stat p,.stat div>span,.stat strong>small,.muted,.eyebrow,.sidebar-label,.page-title p,.section-heading p,.home-greeting p,.course-body>p,.course-body .category,.course-meta,.course-bottom,.rating,.todo-item div>span,.continue-copy>span,.continue-copy>p,.continue-copy small,.summary-heading div>span,.summary-item>span,.summary-item strong>span,.summary-progress small,.sidebar-profile div>span,.question-list p,.detail-facts span,.chart-legend,.donut-legend>div,.bar-group small,.donut span,.notification-list p,.screen-grid small{color:#566a83}.sidebar nav>button,.role-switch button,.mobile-nav button,.filter-chips button,.map-button,.icon-button,.tabs button{color:#4b607c}.sidebar nav>button.active,.role-switch button.active,.mobile-nav button.active,.filter-chips button.active{color:#fff}.sidebar nav>button.active .nav-count{color:#fff;background:#ffffff28}.text-link,.back-link,.text-blue,.continue-copy strong,.summary-progress b{color:#1754b9}.text-green{color:#08664f}.pill-light{background:#fff;color:#27487c}.play-round{color:#1f55b8}.demo-strip>span,.demo-strip button{color:#2e5392}.demo-strip p{color:#546a88}.demo-dot{background:#2156bc}.breadcrumb{color:#62738a}.breadcrumb>span{color:#243c5b}.course-body h3{color:#1b2f4b}.bars>span,.chart-legend i,.donut-legend i{background:#2156bc}.pale{background:#16a085!important}.donut{background:conic-gradient(#2156bc 0,#2156bc 74.5%,#16a085 74.5%)}.donut strong,.donut-legend b{color:#203e67}th{background:#edf2f8;color:#425875}td{color:#354b68}.chapter.active{background:#e2edff;box-shadow:inset 3px 0 #2156bc}.chapter strong{color:#3d5677}.chapter small{color:#607490}.chapter.active strong{color:#1747a0}.chapter.active>span{background:#2156bc;color:#fff}.screen-grid>button.current{border-color:#4273c2;background:#e3edff}:root{--learning: #f29111;--learning-ink: #99500b;--success: #00a64b;--success-ink: #007332}.stat:has(>.stat-icon.green),.stat:has(>.stat-icon.mint){border-top-color:var(--success)}.stat:has(>.stat-icon.orange),.stat:has(>.stat-icon.peach){border-top-color:var(--learning)}.progress-learning>span{background:linear-gradient(90deg,#f6aa24,#f29111);box-shadow:0 1px 3px #bc6b171a}.progress-complete>span{background:linear-gradient(90deg,#16b75e,#00a64b);box-shadow:0 1px 3px #008c3a20}.text-orange,.course-learning .course-bottom>span:last-child{color:var(--learning-ink);font-weight:650}.text-green,.course-complete .course-bottom>span:last-child{color:var(--success-ink)}.course-card{position:relative}.course-status{position:absolute;top:12px;right:12px;z-index:2}.course-status .badge{border-color:#fffb;box-shadow:0 2px 8px #14304d16;padding:5px 9px}.course-status .orange{background:#fff0db;color:#99500b}.course-status .green{background:#e4f5e9;color:#007332}.learning-summary .summary-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 14px;border:1px solid transparent;border-radius:12px;min-width:103px;min-height:84px;text-align:center}.learning-summary .summary-label{margin:0;color:#4b6070;font-size:12px;font-weight:550;line-height:1.5;white-space:nowrap}.learning-summary .summary-value{display:flex;align-items:baseline;justify-content:center;gap:4px;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.4px;white-space:nowrap}.learning-summary .summary-value>span{margin:0;color:inherit;font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:0}.summary-complete{background:#e4f5e9;border-color:#c7e8d3!important}.summary-remaining{background:#fff0db;border-color:#f4d9b5!important}.summary-complete .summary-value{color:#007332}.summary-remaining .summary-value{color:#99500b}.continue-visual .pill-light{background:#f29111;color:#302c23;border:1px solid #f8b341;font-size:11px;font-weight:750;padding:4px 8px;border-radius:20px}.continue-copy strong{color:#99500b}.continue-copy strong svg{color:#e3860d}.player-stats>div:nth-child(2){border-top:3px solid #00a64b}.player-stats>div:first-child{border-top:3px solid #f29111}.chapter.active{background:#fff4e5;box-shadow:inset 3px 0 #f29111}.chapter.active strong{color:#814607}.chapter.active>span{background:#f29111;color:#302c23}.chapter.active>svg{color:#ba6508}.chapter.done>span{background:#e4f5e9;color:#007332}.lesson-number.done{background:#e4f5e9;color:#007332}.lesson-number.current{background:#fff0db;color:#99500b}.lesson-list button:has(.lesson-number.done) .lesson-state{color:#007332}.lesson-list button:has(.lesson-number.current) .lesson-state{color:#99500b}.btn.btn-orange{background:linear-gradient(120deg,#f6a21f,#f29111);color:#302c23;border-color:#df810d;text-shadow:none;box-shadow:0 4px 10px #b9671624,inset 0 1px #ffcf7d}.btn.btn-orange:hover{background:linear-gradient(120deg,#f29812,#e98206);color:#302c23;box-shadow:0 6px 14px #b9671630}@media(max-width:1100px)and (min-width:701px){.learning-summary .summary-item{min-width:95px;padding:9px 12px}}@media(max-width:700px){.learning-summary .summary-item{min-width:0;padding:12px 10px}.learning-summary .summary-value{font-size:24px}.course-status{top:8px;right:8px}.course-status .badge{font-size:10px;padding:4px 7px}}main{animation:page-arrive .34s cubic-bezier(.2,.65,.3,1) both}.course-grid>.course-card{animation:card-arrive .38s ease-out backwards}.course-grid>.course-card:nth-child(4n+2){animation-delay:35ms}.course-grid>.course-card:nth-child(4n+3){animation-delay:.07s}.course-grid>.course-card:nth-child(4n){animation-delay:.105s}.sidebar nav>button.active svg,.mobile-nav button.active svg{animation:menu-arrive .25s ease-out}.modal-backdrop{animation:veil-arrive .18s ease-out}.dialog{animation:dialog-arrive .24s cubic-bezier(.2,.65,.3,1)}@keyframes page-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes menu-arrive{0%{transform:scale(.88)}to{transform:scale(1)}}@keyframes veil-arrive{0%{opacity:0}to{opacity:1}}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.mobile-brand{top:18px;gap:7px}.mobile-brand b{font-family:var(--font-title);font-size:16px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.mobile-brand img{filter:drop-shadow(0 2px 2px #36577b18)}.hero{background-size:16px 16px,auto}.stat{border-top-width:3px}.course-card:hover,.btn:hover{transform:none}}@media(max-width:480px){.map-button{min-width:40px;min-height:40px;right:52px;top:10px;justify-content:center;border-radius:9px;background:#f1f5fc;border:1px solid #e1e9f5}.map-button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.notification-button{right:10px}}@media(max-width:360px){.mobile-brand{left:14px;gap:5px}.mobile-brand b{font-size:14px;letter-spacing:-.7px}.mobile-brand img{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{main,.course-card{animation:none!important;transform:none!important}.workspace,.certificate{background:#fff!important;box-shadow:none!important}}@media(max-width:360px){.hero{min-height:470px}.hero h2{font-size:23px;word-break:keep-all}.hero-copy>.btn{left:22px;right:22px;bottom:22px;max-width:none}.hero-art{bottom:80px;right:50%;transform:translate(50%)}}@media screen{:root{--type-page: 30px;--type-section: 20px;--type-card: 16px;--type-body: 14px;--type-meta: 12px}body{font-size:var(--type-body);line-height:1.6}h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere}p,.sidebar-profile div>span{word-break:keep-all;overflow-wrap:anywhere}.page-title,.section-heading{align-items:center;flex-wrap:wrap;gap:12px 20px}.page-title{margin-bottom:28px}.page-title>div,.section-heading>div{flex:1 1 220px;min-width:0}.page-title h1,.home-greeting h1,.course-detail-hero h1{font-size:var(--type-page);line-height:1.4;letter-spacing:-.7px}.page-title p,.section-heading p,.home-greeting p{font-size:var(--type-body);line-height:1.75;margin-top:8px}.section-heading{margin-bottom:20px}.section-heading h2,.standalone h2,.home-columns h2{font-size:var(--type-section);line-height:1.45;letter-spacing:-.4px}.standalone{margin-top:32px;margin-bottom:18px}.standalone>h2{flex:1}.page-title>.btn,.section-heading>.btn,.section-heading>.text-link{flex-shrink:0;max-width:100%}.eyebrow,.home-greeting .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.7px}.panel{padding:24px;margin-bottom:24px}.home-columns .panel{padding:24px}.dashboard-columns{gap:24px;margin-bottom:24px}.dashboard-columns>.panel,.player-layout>div>.panel:last-child,.detail-layout>div>.panel:last-child{margin-bottom:0}.panel>.row.between{flex-wrap:wrap;gap:14px}.btn,.section-heading .btn,.page-title>.btn,.form-actions .btn,.sticky-card>.btn,.next-lesson>.btn,.bottom-banner>.btn,.review-input>.btn{min-height:44px;padding:10px 16px;font-size:var(--type-body);line-height:1.5}.text-link,.back-link,.standalone>.text-link{font-size:13px;line-height:1.6;gap:6px}.badge{font-size:var(--type-meta);line-height:1.5;padding:4px 8px}.date-chip,.page-title .date-chip{font-size:12px;line-height:1.5;min-height:40px}.muted,.small-note{font-size:var(--type-meta);line-height:1.75}.body-copy,.check-list,.question-content p,.answer-box p,.modal-copy{font-size:var(--type-body);line-height:1.85;color:#52677f}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea,.form-grid input,.form-grid select,.full-field textarea,.review-input input,.report-filter select,.table-toolbar>select,.search-field input{font-size:var(--type-body);line-height:1.6;min-height:44px}label>span,.form-grid label>span,.full-field>span,.report-filter label>span{font-size:13px;line-height:1.5;color:#425875;margin-bottom:8px}.form-grid{gap:24px}.form-actions{flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:24px}.form-actions .btn{max-width:100%;white-space:normal}.table-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px}.table-toolbar>.search-field{flex:1 1 220px;min-width:0}.search-field{min-width:0}.course-filters{padding:20px}.filter-chips{gap:8px;margin-top:16px}.filter-chips button{font-size:13px;line-height:1.5;min-height:38px;padding:8px 13px}.tabs{gap:24px;margin-bottom:24px}.tabs button{font-size:13px;line-height:1.5;min-height:44px;padding:12px 0}.learning-summary{display:grid;grid-template-columns:minmax(210px,1fr) minmax(200px,1fr) repeat(2,108px);gap:20px;padding:24px}.summary-heading{min-width:0}.summary-heading strong{font-size:15px;line-height:1.5;white-space:normal}.summary-heading div>span{font-size:12px;line-height:1.65;margin-top:4px}.summary-progress{width:auto;min-width:0}.summary-progress strong{font-size:16px;line-height:1.5}.summary-progress small,.summary-progress b{font-size:12px}.learning-summary .summary-item{min-width:0}.continue-card{gap:20px}.continue-copy h3{font-size:20px;line-height:1.45;margin:6px 0 8px}.continue-copy>span,.continue-copy>p,.continue-copy small{font-size:12px;line-height:1.7}.continue-copy>p{margin-bottom:20px}.continue-copy strong{font-size:12px;line-height:1.5;white-space:nowrap}.continue-copy .row{flex-wrap:wrap;gap:6px 12px}.todo-item{padding:12px 0;gap:12px}.todo-item>div{min-width:0}.todo-item strong{font-size:14px;line-height:1.5}.todo-item div>span{font-size:12px;line-height:1.65;margin-top:4px}.course-body{display:flex;flex-direction:column;align-items:stretch;padding:18px}.course-body>.badge{align-self:flex-start}.course-body h3{font-size:var(--type-card);line-height:1.55;min-height:0;margin:8px 0 6px;letter-spacing:-.3px}.course-body>p{font-size:13px;line-height:1.75}.course-body .category,.rating,.course-meta,.course-bottom{font-size:12px;line-height:1.6}.course-body .course-meta{margin-top:auto;padding-top:18px;gap:5px 12px}.course-meta>span{white-space:nowrap;gap:5px}.course-meta svg{width:14px;height:14px}.course-bottom{flex-wrap:wrap;gap:4px 8px;margin-top:8px}.course-progress-placeholder{height:49px;flex-shrink:0}.course-body>.row:last-child:not(.course-bottom):not(:first-child){padding-top:16px;margin-top:auto;font-size:13px;color:#1754b9}.course-status .badge{font-size:11px;padding:4px 7px}.course-detail-hero p{font-size:14px;line-height:1.8}.course-detail-hero .row.wrap{margin-top:20px}.sticky-card h3{font-size:22px;line-height:1.5}.detail-facts>div{gap:16px;align-items:baseline}.detail-facts span,.detail-facts strong,.detail-facts.wide strong{font-size:13px;line-height:1.7}.detail-facts strong{text-align:right;word-break:keep-all;overflow-wrap:anywhere}.lesson-list button{display:grid;grid-template-columns:32px minmax(0,1fr) auto 18px;gap:12px;padding:18px 0}.lesson-list strong{font-size:14px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}.lesson-list button>div>span,.lesson-state{font-size:12px;line-height:1.5}.lesson-number{width:32px;height:32px;font-size:12px}.mini-stats{gap:16px;padding:24px 0;margin:24px 0}.mini-stats>div{flex:1;min-width:0;text-align:center;gap:6px}.mini-stats b{font-size:20px;line-height:1.5;font-variant-numeric:tabular-nums}.mini-stats span{font-size:12px;line-height:1.6;color:#60738b}.stat{padding:22px 20px;gap:14px}.stat-content{min-width:0;flex:1}.stat p{font-size:13px;line-height:1.55;margin-bottom:6px}.stat .stat-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;font-size:28px;line-height:1.35;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat .stat-value small{font-family:var(--font-body);font-size:13px;font-weight:500;margin:0;letter-spacing:0}.stat .stat-duration{gap:4px 10px;font-size:25px}.metric-part{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap}.stat div>span{font-size:12px;line-height:1.6;margin-top:8px}th,td{font-size:13px;line-height:1.65;padding:15px 14px;vertical-align:middle}th{font-weight:650}.name-cell{font-size:13px;line-height:1.6}.table-progress>span{font-size:12px;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.table-progress{gap:8px;min-width:115px}.chart-legend,.bar-group small,.donut span,.donut-legend>div,.donut-legend b{font-size:12px;line-height:1.5}.chart-legend,.donut-legend{flex-wrap:wrap;gap:8px 16px}.donut-legend>div{gap:6px}.task-stack strong{font-size:14px}.task-stack p{font-size:12px;line-height:1.6;color:#60738b;margin-top:4px}.task-stack b{font-size:16px;white-space:nowrap}.profile-summary{gap:16px;flex-wrap:wrap}.profile-summary h2{font-size:22px}.profile-summary p,.profile-big p{font-size:13px;line-height:1.7}.quick-links strong{font-size:13px;white-space:normal;text-align:left}.quick-links button{gap:10px}.grading-row{flex-wrap:wrap;gap:20px}.grading-row>div{flex:1 1 220px}.grading-row h3,.survey-result h3{font-size:16px;line-height:1.6}.grading-row p,.survey-result p{font-size:13px;color:#52677f}.grading-row label{flex:0 0 100px}.survey-result .row{flex-wrap:wrap;gap:8px 16px}.report-filter{flex-wrap:wrap;gap:16px}.report-filter label{min-width:160px}.upload-zone>span{font-size:12px;line-height:1.7;color:#60738b}.notice,.auth-card .notice,.error-card p{font-size:13px;line-height:1.8;color:#52677f}.error-card h3{font-size:16px;line-height:1.6;color:#99500b}.player-layout{grid-template-columns:minmax(0,1fr) 310px}.chapter-panel{padding:20px}.chapter strong{font-size:13px;line-height:1.6}.chapter small{font-size:12px;line-height:1.5}.chapter>div{min-width:0;flex:1}.chapter>span{font-size:12px;width:28px;height:28px}.next-lesson>span,.next-lesson p{font-size:12px;line-height:1.6}.next-lesson h3{font-size:16px;line-height:1.5}.player-stats>div{padding:18px 16px;min-width:0}.player-stats>div>span{font-size:12px;line-height:1.5;color:#60738b}.player-stats b{font-size:22px;line-height:1.4;flex-wrap:wrap;white-space:normal}.player-stats small{font-size:12px;line-height:1.65;color:#60738b}.video-label,.video-lesson>span{font-size:12px}.video-lesson p{font-size:13px}.video-controls,.video-controls button{font-size:12px}.review strong{font-size:14px;line-height:1.6}.review strong>span,.review p{font-size:12px;line-height:1.75;color:#60738b}.assessment h2{font-size:24px;line-height:1.6}.answer-options>button{font-size:14px;line-height:1.8;color:#425875}.answer-options>button>span{flex-shrink:0}.survey-item h3{font-size:15px;line-height:1.7}.survey-options span{font-size:12px;line-height:1.5;margin:0;color:#52677f}.survey-options input{flex-shrink:0}.result-panel p,.certificate-summary p,.certificate-row p{font-size:13px;line-height:1.8}.certificate-summary{flex-wrap:wrap;gap:20px;padding:24px}.certificate-summary h2{font-size:20px}.certificate-summary strong>span{font-size:12px}.certificate-row{gap:20px;flex-wrap:wrap}.certificate-row>div:not(.course-art){flex:1;min-width:160px}.certificate-row h3{font-size:16px;line-height:1.6}.question-list>button{display:grid;grid-template-columns:24px minmax(0,1fr) auto 18px;gap:14px}.question-list button>div{min-width:0}.question-list strong,.notification-list strong{font-size:15px;line-height:1.65}.question-list p,.notification-list p{font-size:13px;line-height:1.8}.answer-box h3{font-size:15px;line-height:1.65}.answer-box small,.notification-list small{font-size:12px;line-height:1.6;color:#60738b}.notification-list button>div{min-width:0}.auth-card h1{font-size:26px;line-height:1.45}.auth-card>p,.auth-card>label,.auth-links button{font-size:14px;line-height:1.75}.auth-art p{font-size:14px;color:#60738b}.bottom-banner h3{font-size:16px;line-height:1.6}.bottom-banner p{font-size:13px;line-height:1.8}.dialog-header h2{font-size:22px;line-height:1.5}.screen-map>.muted{font-size:13px}.screen-list section>h3{font-size:15px}.screen-grid strong{font-size:13px;line-height:1.65}.screen-grid small,.map-legend{font-size:11px;line-height:1.7}.sidebar nav>button{font-size:14px}.sidebar-label,.sidebar-profile div>span,.sidebar-help button,.breadcrumb{font-size:12px;line-height:1.6}.sidebar-profile strong{font-size:12px}.demo-strip,.demo-strip>span,.demo-strip p,.demo-strip button{font-size:11px}footer,footer button{font-size:11px;line-height:1.6}}@media screen and (max-width:1280px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid.three .stat{flex-direction:column}.learning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.home-columns{grid-template-columns:1fr}.continue-copy>p{display:block}.player-layout{grid-template-columns:minmax(0,1fr) 290px}.player-stats{gap:10px}.player-stats b{font-size:20px}}@media screen and (max-width:1000px){.course-grid,.course-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.player-layout{grid-template-columns:1fr}.brand strong,.brand strong span{font-size:16px}.sidebar nav>button{font-size:13px;gap:9px}.sidebar-profile div>span{font-size:11px}}@media screen and (max-width:760px){:root{--type-page: 25px;--type-section: 19px;--type-card: 16px}.page-title{align-items:flex-start;margin-bottom:24px}.page-title>div{flex-basis:100%}.page-title>.date-chip{margin-top:0}.panel,.home-columns .panel{padding:20px;margin-bottom:20px}.home-columns .panel{margin-bottom:0}.learning-summary{padding:20px;gap:18px 14px}.summary-heading,.summary-progress{grid-column:span 2}.stats-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.three .stat:last-child{grid-column:span 2;flex-direction:row}.stat,.stats-grid.three .stat{padding:18px 16px;gap:12px;flex-direction:column}.stat .stat-value{font-size:26px}.stat .stat-duration{font-size:25px}.stat-icon{width:34px;height:34px}.course-grid,.course-grid.three{gap:16px}.course-body{padding:16px}.course-body>p{display:none}.continue-visual{min-width:100px;width:100px;height:136px}.continue-card{gap:16px}.continue-copy h3{font-size:18px}.continue-copy>.progress{margin-top:16px}.bottom-banner{gap:12px;padding:20px}.bottom-banner>.btn{margin:0}.form-grid{gap:20px}.mini-stats{gap:12px}.mini-stats b{font-size:18px}.player-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-layout,.detail-layout{row-gap:20px}.player-stats>div{padding:16px 14px}.player-stats>div:last-child{grid-column:span 2}.player-stats small{display:block}.player-stats b{font-size:22px}.video-panel{min-height:310px}.video-lesson{top:23%}.video-lesson h2{max-width:64%;font-size:22px;line-height:1.5}.video-lesson p{max-width:64%}.video-lesson img{height:110px;top:0}.video-label{font-size:10px}.video-controls{gap:6px;font-size:10px;padding:12px 10px}.video-controls button{min-width:24px;min-height:28px;font-size:11px}.video-play{left:auto;right:22px;bottom:70px}.assessment{padding:20px}.assessment h2{font-size:21px}.survey-options{gap:6px}.survey-options label{flex-direction:column;gap:8px}.survey-options span{font-size:11px;white-space:normal;text-align:center;word-break:keep-all}.certificate-summary{padding:20px;gap:16px}.certificate-summary>div:not(.result-icon){flex:1;min-width:150px}.certificate-row>.btn{margin-left:0}.question-list>button{grid-template-columns:22px minmax(0,1fr) 18px;gap:10px}.question-list .badge{grid-column:2;grid-row:2;margin-left:0;justify-self:start}.question-list button>svg{grid-column:3;grid-row:1}.answer-box{padding:18px;gap:12px}.answer-box>.avatar{width:32px;height:32px}.profile-summary>.btn{margin-left:0}.profile-summary>.badge{margin-left:0}.grading-row label{max-width:100px}.report-filter label{min-width:100%}.auth-card{padding:24px}.auth-card h1{font-size:24px}.dialog{padding:22px}.screen-map{padding:20px 16px}.screen-map .filter-chips button{font-size:12px;padding:7px 10px}.mobile-nav button{font-size:12px;min-height:46px}}.brand strong .brand-name{display:flex;align-items:center;gap:7px}.demo-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:3px 6px;border:1px solid #d5dfec;border-radius:5px;background:#f3f6fa;color:#586b84;font-family:var(--font-body);font-size:10px;font-style:normal;font-weight:700;line-height:1.2;letter-spacing:0;white-space:nowrap}@media screen and (max-width:760px){.map-button{top:62px;right:20px}}@media screen and (max-width:480px){.course-grid,.course-grid.three{grid-template-columns:1fr}.course-art{height:148px}.course-body h3{font-size:17px}.course-body>p{display:block;font-size:13px}.course-body .course-meta{padding-top:14px}.course-progress-placeholder{display:none}.section-heading{gap:10px 14px}.section-heading>div{flex-basis:150px}.section-heading>.btn{width:100%}.lesson-list button{grid-template-columns:30px minmax(0,1fr) 18px;gap:8px 10px}.lesson-number{width:30px;height:30px;grid-row:span 2}.lesson-state{grid-column:2;grid-row:2;margin-left:0}.lesson-list button>svg{grid-column:3;grid-row:1 / span 2}.lesson-list strong{font-size:14px}.continue-copy>p{display:none}.continue-copy h3{font-size:18px}.continue-copy small,.continue-copy strong{font-size:11px}.detail-facts.wide>div{flex-wrap:wrap;gap:4px 12px}.quick-links{grid-template-columns:1fr}.survey-result h3{max-width:100%}.form-actions{justify-content:stretch}.form-actions .btn{flex:1 1 130px}}