.ond-app-header{z-index:45;color:#17233e;background:#fff;border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 clamp(22px,4.8vw,84px);font-family:inherit;font-size:13px;font-weight:700;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 8px 30px #17233e14}.ond-header-brand,.ond-header-actions,.ond-header-nav{align-items:center;gap:24px;min-width:0;display:flex}.ond-header-brand{flex-shrink:0;gap:12px}.ond-header-logo{cursor:pointer;display:block}.ond-header-logo img{width:205px;height:auto;display:block}.ond-header-nav{gap:28px;margin-left:auto}.ond-header-nav button{white-space:nowrap;color:#59677e;padding:10px 0;transition:color .2s}.ond-header-nav button:hover,.ond-header-nav button[aria-current=page]{color:#4b689f}.ond-header-actions{gap:14px}.ond-header-remote{color:#526889;white-space:nowrap;border:1px solid #dce3ec;border-radius:24px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;text-decoration:none;display:flex}.ond-header-remote:hover{background:#f1f5fb}.ond-header-logout{white-space:nowrap;border:1px solid #17233e;border-radius:24px;padding:9px 18px;font-size:11px}.ond-header-logout:hover{background:#f1f5fb}.ond-app-header button{cursor:pointer;font-family:inherit}.ond-app-header button:focus-visible,.ond-app-header a:focus-visible{outline-offset:4px;outline:2px solid #4b689f}.ond-header-toggle{display:none}.ond-teacher-account{align-items:center;gap:14px;display:flex}.ond-teacher-message{color:#526889;border:1px solid #dce3ec;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.ond-teacher-message b{color:#fff;background:#4b689f;border-radius:50%;min-width:16px;height:16px;font-size:10px;position:absolute;top:-5px;right:-3px}.ond-teacher-profile{color:#4b689f;align-items:center;gap:9px;font-size:12px;display:flex}.ond-teacher-avatar{background:#edf2fa;border:1px solid #dce3ec;border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;display:grid}.ond-classroom .classroom-shell{padding-top:96px}@media (width<=1200px){.ond-app-header{gap:18px;padding-inline:24px}.ond-header-logo img{width:170px}.ond-header-nav{gap:18px}.ond-header-actions{gap:10px}.ond-app-header .student-greeting,.ond-teacher-name{display:none}}@media (width<=900px){.ond-header-toggle{display:block}.ond-header-logo img{width:135px}.ond-app-header{gap:12px;padding-inline:16px}.ond-header-nav{gap:12px;font-size:11px}.ond-header-remote span,.ond-header-logout{display:none}.ond-header-remote{padding:8px}.ond-header-actions,.ond-app-header .student-account{gap:8px}}@media (width<=600px){.ond-app-header{flex-wrap:wrap;align-content:center;gap:3px 8px;height:76px}.ond-header-brand{order:0}.ond-header-logo img{width:118px}.ond-header-actions{order:1;margin-left:auto}.ond-header-nav{order:2;justify-content:center;gap:24px;width:100%;margin:0}.ond-header-nav button{padding:2px 0;font-size:11px}.ond-header-actions .student-avatar,.ond-teacher-avatar{width:30px;height:30px}.ond-teacher-account{gap:8px}.ond-teacher-message{width:30px;height:30px}}.tw-custom-select{vertical-align:middle;min-width:0;font-size:inherit;display:inline-block;position:relative}.tw-custom-select .tw-select-native{pointer-events:none;overflow:hidden;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important}.tw .tw-select-trigger{color:#687d99;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:34px;padding:8px 11px;font-size:11px;line-height:1.5;display:flex}.tw-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tw-select-trigger svg{opacity:.75;flex-shrink:0;transition:transform .18s}.tw-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.tw .tw-select-trigger[aria-expanded=true]{border-color:#8fa8ce;box-shadow:0 0 0 2px #7899c513}.tw-select-trigger:disabled{opacity:.45;cursor:default}.tw-select-menu{z-index:150;overscroll-behavior:contain;scrollbar-width:thin;color:#516a8c;background:#fff;border:1px solid #dce4ef;border-radius:9px;padding:4px;font-family:SUIT,sans-serif;font-size:12px;position:fixed;overflow:auto;box-shadow:0 8px 30px #17233e24}.tw-select-menu [role=option]{cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:8px 10px;line-height:1.5;display:flex}.tw-select-menu .is-selected{color:#46658f;font-weight:700}.tw-select-menu .is-highlighted{background:#edf2fa}.tw-select-menu [aria-disabled=true]{opacity:.4;cursor:default}.tw-form .tw-custom-select,.tw-field>.tw-custom-select,.tw-fields .tw-custom-select,.wb-fields .tw-custom-select{width:100%;margin-top:9px;display:block}.tw-form .tw-select-trigger,.tw-field>.tw-custom-select .tw-select-trigger,.wb-fields .tw-select-trigger{background:#fbfcfe;padding:12px 14px}.tw-mapping .tw-custom-select{max-width:240px;margin:0}.wb-toolbar>.tw-custom-select{min-width:105px}.wb-sort .tw-custom-select{min-width:110px}.wb-card-state .tw-select-trigger{background:#f7f9fc;min-height:24px;padding:3px 6px;font-size:10px}.wb-card-state .tw-custom-select{max-width:110px}.tw-custom-select.tw-wide-select{border:0;width:100%;padding:0}.tw-list td .tw-custom-select{min-width:100px}html[data-teacher-theme=dark] .tw .tw-select-trigger{color:#bed0e7;background:#202b3b;border-color:#3b4e68}html[data-teacher-theme=dark] .tw .tw-select-trigger[aria-expanded=true]{border-color:#7998c2;box-shadow:0 0 0 2px #7899c51a}html[data-teacher-theme=dark] .tw-select-menu{color:#b9cbe3;background:#222e3f;border-color:#425773;box-shadow:0 10px 35px #0006}html[data-teacher-theme=dark] .tw-select-menu .is-selected{color:#c9dcf6}html[data-teacher-theme=dark] .tw-select-menu .is-highlighted{background:#324763}@media (width<=600px){.tw-mapping .tw-custom-select{max-width:none}.wb-toolbar>.tw-custom-select{min-width:100px}}.wb{--ink:#28384d;--muted:#8692a3;color:var(--ink);background:#fff;border:1px solid #e5e9ef;border-radius:14px;min-width:0;box-shadow:0 3px 18px #22324b03}.wb-heading{justify-content:space-between;align-items:center;gap:20px;padding:27px 28px 22px;display:flex}.wb-eyebrow{color:#8a95a4;font-size:11px}.wb-heading h2{letter-spacing:-.04em;font-size:20px;font-weight:800;margin:8px 0!important}.wb-heading h2>span{color:#8492a6;background:#f0f2f6;border-radius:6px;margin-left:7px;padding:3px 7px;font-size:11px}.wb-heading p{color:var(--muted);font-size:11px}.wb-people{align-items:center;gap:10px;display:flex}.wb-people>span{color:#5c76a4;background:#e8eef9;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.wb-people strong,.wb-people small{font-size:11px;display:block}.wb-people small{color:var(--muted);margin-top:2px;font-size:10px}.wb-tabs{border-bottom:1px solid #e9ecf1;align-items:center;gap:12px;padding:0 28px;display:flex}.wb-tabs>div:first-child{gap:22px;margin-right:auto;display:flex}.wb-tabs button{color:#8a94a3;border-bottom:2px solid #0000;padding:12px 2px;font-size:11px}.wb-tabs button[aria-pressed=true]{color:#465e89;border-color:#5b75a2;font-weight:800}.wb-tabs>span{color:var(--muted);font-size:11px}.wb-completion{background:#edf0f4;border-radius:8px;width:80px;height:5px;overflow:hidden}.wb-completion i{background:#79a691;height:100%;display:block}.wb-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 28px;display:flex}.wb-toolbar select,.wb-mine{color:#68778c;background:#fff;border:1px solid #e3e7ee;border-radius:7px;height:34px;padding:7px 10px;font-size:11px!important}.wb-search{color:#98a1b0;border:1px solid #e3e7ee;border-radius:7px;align-items:center;gap:8px;width:220px;height:34px;padding:7px 10px;display:flex}.wb-search input{outline:none;width:100%;min-width:0;font-size:11px!important}.wb-mine.active{color:#486492;background:#eef2fa;border-color:#9db1d1}.wb-reset{color:#7a8ba5;font-size:11px!important}.wb-sort{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.wb-sort select{border:0}.wb-columns{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;padding:0 22px 24px;display:grid}.wb-column{background:#f6f7f9;border:1px solid #eef0f4;border-radius:10px;min-height:410px;transition:background .2s,border-color .2s}.wb-column.is-over{background:#edf2fc;border-color:#91a9d0}.wb-column>header{padding:16px 14px 12px}.wb-column>header>div{align-items:center;gap:7px;display:flex}.wb-column h3{font-size:11px;font-weight:800}.wb-column header i{background:#a0a9b7;border-radius:50%;width:7px;height:7px}.wb-status-1 header i{background:#7897c7}.wb-status-2 header i{background:#c9a567}.wb-status-3 header i{background:#80a58d}.wb-column header div>span{color:#8d98a8;background:#e9edf2;border-radius:5px;padding:1px 6px;font-size:10px}.wb-column-hint{color:#a0a9b6;margin:5px 0 0 14px;font-size:10px;display:block}.wb-cards{scrollbar-width:thin;scrollbar-color:#cdd5e0 transparent;gap:10px;min-height:270px;max-height:calc(100dvh - 430px);padding:0 10px 10px;display:grid;overflow:auto}.wb-card{background:#fff;border:1px solid #e3e7ed;border-radius:9px;min-width:0;transition:border-color .18s,box-shadow .18s;box-shadow:0 2px 3px #24385204}.wb-card:hover{border-color:#a6b8d3;box-shadow:0 4px 14px #2438520b}.wb-card.is-dragging{opacity:.45}.wb-card-body{text-align:left;width:100%;padding:15px 14px 12px;display:block;cursor:grab!important}.wb-card-labels{justify-content:space-between;align-items:center;gap:8px;display:flex}.wb-category{color:#8a75a7;background:#eeeafa;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700}.cat-1{color:#aa8553;background:#fbf0df}.cat-2{color:#6c957c;background:#e7f3ec}.cat-3{color:#728fb9;background:#eaf0fb}.wb-priority{color:#9aa5b4;white-space:nowrap;font-size:9px}.priority-높음{color:#bf8265}.wb-card h4{letter-spacing:-.02em;font-weight:750;line-height:1.7;margin:12px 0 6px!important;font-size:12px!important}.wb-card p{color:#8a97a9;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:39px;font-size:11px;line-height:1.8;display:-webkit-box;overflow:hidden}.wb-card-footer{color:#a6afbd;align-items:center;gap:7px;margin-top:16px;font-size:9px;display:flex}.wb-id{margin-right:auto;font-family:monospace}.wb-avatar{color:#8599b6;background:#eef2f9;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-weight:700;display:grid}.wb-card-state{color:#a7b0be;border-top:1px solid #f0f2f6;justify-content:space-between;align-items:center;padding:7px 12px;font-size:9px;display:flex}.wb-card-state select{color:#70839f;background:#f7f9fc;border:0;border-radius:4px;max-width:100px;padding:3px 5px;font-size:10px!important}.wb-empty{text-align:center;color:#a1adbd;border:1px dashed #dfe5ed;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:160px;padding:18px;display:flex}.wb-empty>span{color:#b5c0cf;font-size:23px}.wb-empty p{font-size:11px}.wb-empty small{color:#b1bac7;font-size:10px}.wb-notice{color:#6c927b;background:#f0f7f3;align-items:center;gap:14px;margin-bottom:12px;padding:10px 28px;font-size:11px;display:flex}.wb-notice>span{margin-right:auto}.wb-notice button{font-weight:700}.wb-list{padding:0 28px 24px;overflow:auto}.wb-list table{border-collapse:collapse;width:100%;min-width:600px}.wb-list th{text-align:left;color:#8c98aa;border-bottom:1px solid #e8ecf2;padding:12px;font-size:11px}.wb-list td{border-bottom:1px solid #edf0f5;padding:14px 12px;font-size:11px}.wb-list td button{text-align:left;color:#4e678d}.wb-list small{color:#a8b3c3;margin-top:3px;font-size:10px;display:block}.wb-list select{background:#f1f4f9;border-radius:5px;padding:5px;font-size:11px!important}.wb-backdrop{z-index:70;background:#1f2f4638;justify-content:flex-end;display:flex;position:fixed;inset:76px 0 0}.wb-detail{background:#fff;width:min(500px,100%);height:100%;padding:28px;animation:.2s ease-out wb-slide;overflow:auto;box-shadow:-15px 0 50px #21395512}.wb-detail>header{color:#91a0b3;justify-content:space-between;align-items:center;font-size:11px;display:flex}.wb-detail>header button{font-size:24px}.wb-detail h2{letter-spacing:-.04em;font-size:23px;font-weight:800;line-height:1.5;margin:25px 0 12px!important}.wb-detail>p{color:#8797ad;font-size:11px;line-height:1.9}.wb-fields{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;display:grid}.wb-fields label,.wb-note{color:#8393a9;flex-direction:column;gap:8px;font-size:11px;display:flex}.wb-fields select,.wb-fields input,.wb-note textarea{color:#5f789a;background:#fafbfd;border:1px solid #e1e7ef;border-radius:7px;min-width:0;padding:10px;font-size:11px!important}.wb-note textarea{resize:vertical}.wb-detail-help{margin:20px 0!important;font-size:10px!important}.wb-open{color:#fff;background:#4f6e9e;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;font-weight:700;display:flex;font-size:11px!important}.wb button:focus-visible,.wb select:focus-visible,.wb input:focus-visible,.wb textarea:focus-visible{outline-offset:3px;outline:2px solid #7998c6}@keyframes wb-slide{0%{transform:translate(100%)}to{transform:none}}.tw-sidebar{overflow:visible;width:76px!important}.tw-main{width:calc(100% - 76px)!important;margin-left:76px!important}.tw-school,.tw-sidebar-foot,.tw-nav-group h2{display:none!important}.tw-sidebar nav{padding:20px 12px;overflow:visible}.tw-sidebar nav button{justify-content:center;width:48px;height:42px;margin:4px 0;position:relative;gap:0!important;padding:10px!important;font-size:0!important}.tw-sidebar nav button svg{flex-shrink:0;width:19px;height:19px}.tw-sidebar nav button b{margin:0;font-size:8px;position:absolute;top:0;right:0}.tw-sidebar nav button[title]:hover:after,.tw-sidebar nav button[title]:focus-visible:after{content:attr(title);color:#fff;white-space:nowrap;z-index:90;background:#34465f;border-radius:5px;padding:6px 10px;font-size:11px;font-weight:600;position:absolute;top:50%;left:58px;transform:translateY(-50%);box-shadow:0 4px 14px #17233e20}.tw-nav-group{border-top:1px solid #edf0f5;margin-top:12px;padding-top:10px}.tw-content{max-width:1900px;padding:28px clamp(20px,2.5vw,44px)}.tw-page-heading{margin-bottom:22px}.tw-metrics{gap:14px;margin-bottom:22px}.tw-metric{border-radius:11px;padding:16px 20px}.tw-metric>strong{margin-top:5px;font-size:27px}.tw-metric>p{margin-top:3px}@media (width<=1100px){.wb-columns{gap:10px;padding-inline:14px}.wb-card-body{padding:12px 10px}.wb-heading{padding-inline:22px}.wb-toolbar{padding-inline:20px}.wb-card-labels{gap:3px}.wb-cards{padding-inline:7px}}@media (width<=900px){.tw-sidebar{transform:none!important}.tw-sidebar.is-open{width:76px!important}.tw-nav-overlay{display:none!important}.tw .ond-header-toggle{display:none}.wb-columns{grid-template-columns:repeat(4,minmax(240px,1fr));padding-bottom:20px;overflow-x:auto}.wb-sort{margin-left:0}.wb-cards{max-height:560px}.wb-people{display:none}.wb-heading h2{font-size:18px}.wb-toolbar{gap:8px}.wb-search{width:100%}.wb-tabs{padding-inline:20px}}@media (width<=600px){.tw-sidebar{width:56px!important}.tw-sidebar nav{padding:12px 5px}.tw-sidebar nav button{width:44px}.tw-main{width:calc(100% - 56px)!important;margin-left:56px!important}.tw-content{padding:20px 12px}.wb-heading{padding:20px 16px}.wb-tabs>span,.wb-completion{display:none}.wb-toolbar{padding:14px}.wb-toolbar select{max-width:115px}.wb-sort{font-size:0}.wb-detail{padding:22px}.tw-metrics{gap:9px}.tw-metric{padding:13px}.tw-page-heading h1{font-size:21px}.wb-columns{grid-template-columns:repeat(4,240px)}}.wb .wb-heading{gap:0;min-height:0;padding:16px 28px 4px}.wb .wb-heading h2{font-size:18px;line-height:1.5;margin:0!important}.wb .wb-toolbar{padding-top:12px}@media (width<=600px){.wb .wb-heading{padding:14px 14px 2px}.wb .wb-heading h2{font-size:17px}}.wb .wb-card-body{padding:11px 12px 8px}.wb .wb-card h4{line-height:1.5;margin:8px 0 4px!important}.wb .wb-card p{min-height:0;line-height:1.6}.wb .wb-card-footer{margin-top:10px}.wb .wb-card-state{padding:4px 10px}.wb .wb-cards{align-content:start;gap:8px}.wb .wb-avatar{width:21px;height:21px}@media (width<=1100px){.wb .wb-card-body{padding:10px 10px 7px}}.learning-monitor .lm-columns{grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow-x:auto}.learning-monitor .wb-card-body{cursor:pointer!important}.lm-legend{color:#91a2b9;justify-content:space-between;padding:0 26px 16px;font-size:10px;display:flex}.lm-student{align-items:center;gap:9px;display:flex}.lm-student .wb-avatar{width:30px;height:30px}.lm-student h4{margin:0!important;font-size:13px!important}.lm-student small{color:#8b9db6;font-size:10px}.lm-progress-label{color:#8c9eb6;justify-content:space-between;align-items:center;margin:15px 0 7px;font-size:10px;display:flex}.lm-progress-label strong{color:#6384b1;font-size:16px}.lm-baseline{text-align:right;color:#98a9c0;margin-top:5px;font-size:9px}.learning-monitor .lm-reason{min-height:0;margin-top:10px;font-size:10px;line-height:1.7}.lm-subjects{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.lm-subjects span{color:#8298b6;background:#f0f3f9;border-radius:4px;padding:2px 5px;font-size:9px}.lm-last{color:#9babc1;justify-content:space-between;gap:5px;margin-top:13px;font-size:9px;display:flex}.lm-last strong{font-weight:500}.lm-actions{border-top:1px solid #edf1f6;justify-content:space-between;gap:8px;padding:8px 12px;display:flex}.lm-actions button{color:#7f99bd;font-size:10px!important}.learning-monitor .wb-status-0 header i{background:#80a58d}.learning-monitor .wb-status-1 header i{background:#c2aa7a}.learning-monitor .wb-status-2 header i{background:#c1917e}.learning-monitor .wb-status-4 header i{background:#91a1b8}html[data-teacher-theme=dark] .lm-subjects span{color:#adc2df;background:#2b3c54}html[data-teacher-theme=dark] .lm-actions{border-color:#35455d}html[data-teacher-theme=dark] .lm-progress-label strong{color:#abc8ee}html[data-teacher-theme=dark] .lm-reason{color:#adbed6!important}.tw{color:#253951;font-family:inherit;font-size:13px;line-height:1.6}.tw *{box-sizing:border-box}.tw button,.tw input,.tw textarea,.tw select{font:inherit}.tw button{cursor:pointer}.tw button:disabled{cursor:default;opacity:.4}.tw button:focus-visible,.tw a:focus-visible,.tw input:focus-visible,.tw select:focus-visible,.tw textarea:focus-visible{outline-offset:3px;outline:2px solid #6887b9}.tw h1,.tw h2,.tw h3,.tw h4,.tw p{margin:0}.tw-app{background:#f5f7fb;min-height:100dvh;display:flex}.tw-sidebar{z-index:45;background:#fff;border-right:1px solid #e7ecf3;flex-direction:column;width:248px;display:flex;position:fixed;inset:0 auto 0 0}.tw-brand{text-align:left;align-items:center;gap:10px;padding:30px 26px 24px;display:flex}.tw-brand img{width:125px}.tw-brand>span{color:#6280ad;background:#eff3fa;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:800}.tw-school{background:#f6f8fc;border:1px solid #e8edf5;border-radius:12px;align-items:center;gap:11px;margin:0 18px 22px;padding:14px;display:flex}.tw-school-icon{color:#6881a7;background:#e9eff9;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.tw-school strong{font-size:12px;font-weight:800}.tw-school p{color:#9aa8ba;margin-top:3px;font-size:10px}.tw-sidebar nav{scrollbar-width:thin;flex:1;padding:0 16px 20px;overflow-y:auto}.tw-sidebar nav button{color:#7b8ca2;text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;margin:2px 0;padding:11px 12px;font-size:11px;font-weight:600;display:flex}.tw-sidebar nav button:hover{color:#415d86;background:#f6f8fb}.tw-sidebar nav button.is-active{color:#42669b;background:#edf2fb;font-weight:800}.tw-sidebar nav button.is-active svg{color:#6386b9}.tw-sidebar nav button b{color:#ba8f59;background:#f0e7db;border-radius:4px;margin-left:auto;padding:0 5px;font-size:10px}.tw-nav-home{margin-bottom:16px!important}.tw-nav-group{margin-top:20px}.tw-nav-group h2{letter-spacing:.03em;color:#adb6c3;padding:0 12px 8px;font-size:10px;font-weight:700}.tw-sidebar-foot{color:#99a7b8;border-top:1px solid #edf0f5;padding:18px 26px;font-size:10px}.tw-sidebar-foot strong{color:#758ba8;margin:4px 0 0 13px;font-size:11px;display:block}.tw-live-dot{vertical-align:middle;background:#7aa995;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.tw-main{width:calc(100% - 248px);min-width:0;margin-left:248px}.tw-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:35;background:#ffffffea;border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.tw-header>div{color:#8b9aad;align-items:center;gap:20px;font-size:11px;display:flex}.tw-header>div:first-child>span{color:#425a7b;font-weight:700}.tw-header i{background:#dfe6ee;width:1px;height:12px}.tw-header a{color:#90a0b7;font-size:11px}.tw-header-mail{color:#7990af;place-items:center;width:30px;height:30px;display:grid;position:relative}.tw-header-mail>b{color:#fff;background:#6682b2;border-radius:10px;min-width:14px;font-size:8px;font-weight:700;line-height:14px;position:absolute;top:-2px;right:-2px}.tw-profile{align-items:center;gap:10px;display:flex}.tw-profile strong{color:#4f6583;font-size:11px}.tw-profile small{color:#a3afbf;margin-left:4px;font-size:10px;font-weight:400}.tw-avatar{color:#6e85aa;background:linear-gradient(135deg,#e6edf8,#e0e8f3);border-radius:18px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:19px;font-weight:800;display:grid}.tw-avatar.small{border-radius:12px;width:32px;height:32px;font-size:11px}.tw-logout{color:#8a9ab0;border:1px solid #e3e9f1;border-radius:7px;padding:6px 10px;font-size:10px!important}.tw-menu-toggle{display:none}.tw-content{max-width:1720px;margin:auto;padding:32px clamp(24px,3vw,52px)}.tw-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.tw-page-heading>div:first-child>p{color:#9ba9bd;margin-bottom:8px;font-size:11px}.tw-page-heading h1{letter-spacing:-.045em;font-size:25px;font-weight:800;line-height:1.4}.tw-heading-dot{background:#7d9ac3;border-radius:50%;width:5px;height:5px;margin:0 0 4px 8px;display:inline-block}.tw-page-heading>div:first-child>span{color:#96a5b8;margin-top:8px;font-size:11px;display:block}.tw-page-actions{flex-shrink:0;gap:8px;display:flex}.tw-btn{color:#7389a5;white-space:nowrap;background:#fff;border:1px solid #dfe6f0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex;font-size:11px!important}.tw-btn:hover{background:#f8fafd;border-color:#b6c8e0}.tw-btn.primary{color:#fff;background:#4e6e9f;border-color:#4e6e9f;box-shadow:0 3px 9px #4e6e9f10}.tw-btn.primary:hover{background:#405f90}.tw-btn.small{padding:7px 12px;font-size:11px!important}.tw-toast{color:#5a8c75;background:#eef7f2;border:1px solid #d7e8df;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;font-size:11px;display:flex}.tw-toast>button{font-size:19px}.tw-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px;display:grid}.tw-metric{text-align:left;background:#fff;border:1px solid #e7ecf4;border-radius:15px;padding:22px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.tw-metric:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3e557508}.tw-metric>div{color:#8c9db3;justify-content:space-between;align-items:center;font-size:11px;display:flex}.tw-metric-arrow{color:#7392bb;background:#eef3fb;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.tw-metric>strong{color:#415f8b;letter-spacing:-.04em;margin-top:10px;font-size:32px;font-weight:800;line-height:1.4;display:block}.tw-metric>strong small{color:#a9b4c5;letter-spacing:0;margin-left:7px;font-size:11px;font-weight:500}.tw-metric>p{color:#a3afbf;margin-top:8px;font-size:10px}.metric-purple .tw-metric-arrow{color:#a492bc;background:#f2eef9}.metric-amber .tw-metric-arrow{color:#c6a16b;background:#faf2e8}.metric-green .tw-metric-arrow{color:#84a18d;background:#eef6f0}.tw-dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.tw-panel{background:#fff;border:1px solid #e5ebf3;border-radius:16px;min-width:0;padding:24px}.tw-panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.tw-panel-heading h2{color:#344f73;letter-spacing:-.03em;font-size:15px;font-weight:800}.tw-panel-heading h3{font-size:14px;font-weight:700}.tw-panel-heading p{color:#a4b0c1;margin-top:5px;font-size:11px}.tw-panel-heading>span,.tw-panel-heading>button{color:#96a8c0;font-size:10px}.tw-panel-heading>button{color:#7190b9}.tw-badge{white-space:nowrap;color:#7590b4;background:#eef3fa;border-radius:5px;margin-right:4px;padding:4px 7px;font-size:10px;font-weight:700;line-height:1.5;display:inline-block}.tw-badge.tone-purple{color:#9c85b8;background:#f2eef9}.tw-badge.tone-amber{color:#bf9860;background:#fbf3e8}.tw-badge.tone-green{color:#7b9f88;background:#edf6f0}.tw-kanban{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.tw-kanban.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tw-lane{background:#f5f7fb;border:1px solid #edf0f6;border-radius:12px;min-width:0;min-height:320px;padding:12px}.tw-lane-title{color:#8e9cb0;align-items:center;gap:7px;margin:2px 0 16px;font-size:11px;display:flex}.tw-lane-title h3{font-size:11px;font-weight:700}.tw-lane-title>i{background:#9b8eba;border-radius:50%;width:5px;height:5px}.lane-1 .tw-lane-title>i{background:#cbaa7c}.lane-2 .tw-lane-title>i,.lane-3 .tw-lane-title>i{background:#82a18a}.tw-lane-title>span{background:#e8edf4;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:9px}.tw-task{text-align:left;background:#fff;border:1px solid #e5eaf2;border-radius:10px;width:100%;margin-bottom:12px;padding:16px;transition:border-color .2s,box-shadow .2s;display:block;box-shadow:0 2px 4px #273e6103}.tw-task:hover{border-color:#b4c6df;box-shadow:0 4px 12px #3e557509}.tw-task h4{color:#456080;overflow-wrap:anywhere;margin-top:11px;font-size:11px;font-weight:700;line-height:1.7}.tw-task p{color:#a0adbf;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:10px;line-height:1.8;display:-webkit-box;overflow:hidden}.tw-task footer{color:#b0bbca;border-top:1px solid #f0f3f8;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:10px;font-size:9px;display:flex}.tw-task footer>b{color:#8aa0be;font-size:12px;font-weight:400}.tw-task-content{text-align:left;width:100%}.tw-task-moves{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.tw-task-moves button{color:#7590b4;padding:4px 0;font-size:10px}.tw-task[draggable=true]{cursor:grab}.tw-lane-empty{text-align:center;color:#acb7c8;border:1px dashed #dee5ee;border-radius:9px;padding:30px 8px;font-size:10px}.tw-dashboard-side{gap:20px;display:grid}.tw-dashboard-side .tw-panel{padding:20px}.tw-next-class{text-align:left;border-top:1px solid #eef2f7;align-items:center;gap:14px;width:100%;padding:15px 0;display:flex}.tw-next-class>span{color:#8ca0bb;flex-direction:column;align-items:center;min-width:42px;display:flex}.tw-next-class>span b{font-size:14px;font-weight:700}.tw-next-class>span small{margin-top:3px;font-size:9px}.tw-next-class>div{min-width:0}.tw-next-class strong{color:#526b8c;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;display:block;overflow:hidden}.tw-next-class p{color:#adbacb;margin-top:3px;font-size:10px}.tw-mini-notice{text-align:left;border-top:1px solid #eef2f7;width:100%;padding:14px 0;display:block}.tw-mini-notice strong{color:#6d83a1;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.tw-mini-notice time{color:#b1bbca;margin-top:6px;font-size:9px;display:block}.tw-page-footer{color:#b2bdcc;justify-content:space-between;padding:0 36px 24px;font-size:10px;display:flex}.tw-searchbar{background:#f7f9fc;border:1px solid #edf1f7;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:16px;display:flex}.tw-search{color:#9eb0c7;background:#fff;border:1px solid #e0e7f1;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:0;max-width:400px;padding:0 12px;display:flex}.tw-search input{color:#56708f;background:0 0;outline:none;width:100%;min-width:0;height:40px;font-size:11px}.tw-search input::placeholder{color:#adbacc}.tw-searchbar select,.tw-wide-select{color:#6c83a2;background:#fff;border:1px solid #dfe6ef;border-radius:9px;padding:10px 12px;font-size:11px}.tw-wide-select{width:100%;margin-bottom:20px}.tw-list-tools{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.tw-list-tools p{color:#99a9bf;font-size:11px}.tw-list-tools p strong{color:#6a89b2}.tw-list-tools p span{color:#b0bccd;margin-left:12px}.tw-list-tools>div{gap:8px;display:flex}.tw-table-wrap{scrollbar-width:thin;overflow-x:auto}.tw table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.tw thead{color:#98a9be;background:#f8fafd}.tw th{white-space:nowrap;border-bottom:1px solid #e6ecf4;padding:14px 16px;font-size:10px;font-weight:700}.tw td{color:#7b8fa9;border-bottom:1px solid #edf1f6;padding:16px;font-size:11px}.tw td:first-child,.tw th:first-child{padding-left:12px}.tw tbody tr:hover{background:#fbfcfe}.tw input[type=checkbox]{accent-color:#6684b1;vertical-align:middle;flex-shrink:0;width:15px;height:15px}.tw-student-name{text-align:left;align-items:center;gap:10px;display:flex}.tw-student-name strong{color:#496486;font-size:11px;display:block}.tw-student-name small{color:#a9b6c8;margin-top:3px;font-size:9px;display:block}.tw-block{color:#aab8cb;margin-top:3px;font-size:9px;display:block}.tw-table-progress{min-width:100px;max-width:140px}.tw-table-progress>span{color:#7993b8;margin-bottom:7px;font-size:11px;display:block}.tw-progress{background:#edf1f7;border-radius:10px;height:5px;overflow:hidden}.tw-progress>span{background:#839cc5;border-radius:10px;height:100%;display:block}.tw-link{color:#6587b6;text-align:left;font-size:11px}.tw-empty{color:#a4b1c5;text-align:center;padding:50px;font-size:11px}.tw-pages{justify-content:center;gap:6px;margin-top:24px;display:flex}.tw-pages button{color:#9badc6;background:#fff;border:1px solid #e7ecf4;border-radius:7px;place-items:center;min-width:30px;height:30px;font-size:11px;display:grid}.tw-pages button[aria-current=page]{color:#5e7fae;background:#edf2fa;border-color:#c9d7e9;font-weight:800}.tw-tabs{border-bottom:1px solid #e6ecf5;gap:24px;margin-bottom:22px;display:flex;overflow-x:auto}.tw-tabs button{white-space:nowrap;color:#a3b0c4;border-bottom:2px solid #0000;padding:12px 2px;font-size:11px}.tw-tabs button[aria-pressed=true]{color:#6485b6;border-bottom-color:#6485b6;font-weight:800}.tw-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c2d465e;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.tw-modal{background:#fff;border:1px solid #fff;border-radius:20px;outline:none;width:min(580px,100%);max-height:90dvh;animation:.2s both tw-appear;overflow:auto;box-shadow:0 28px 90px #14263e33}.tw-modal.is-wide{width:min(900px,100%)}.tw-modal>header{z-index:4;background:#fff;border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;position:sticky;top:0}.tw-modal>header>div{align-items:center;gap:9px;display:flex}.tw-modal-marker{background:#7896bf;border-radius:3px;width:4px;height:17px;display:block}.tw-modal h2{color:#3f5a7e;letter-spacing:-.04em;font-size:18px;font-weight:800}.tw-close{color:#9bacc2;background:#f5f7fb;border-radius:50%;place-items:center;width:30px;height:30px;font-size:22px;line-height:1;display:grid}.tw-modal-body{padding:28px}.tw-form>label,.tw-form-grid>label,.tw-field{color:#7c8fa9;margin-bottom:20px;font-size:11px;font-weight:700;display:block}.tw-form input:not([type=checkbox]),.tw-form select,.tw-form textarea,.tw-field select{color:#526d90;background:#fbfcfe;border:1px solid #dfe7f2;border-radius:9px;outline-color:#809bc1;width:100%;min-width:0;margin-top:9px;padding:12px 14px;font-size:11px;font-weight:400;display:block}.tw-form input::placeholder,.tw-form textarea::placeholder{color:#b2bfd1}.tw-form textarea{resize:vertical;min-height:110px;line-height:1.9}.tw-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.tw-form-actions{border-top:1px solid #eaf0f7;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding-top:22px;display:flex}.tw-form-actions>div{gap:10px;display:flex}.tw-error{color:#b57e72;background:#fff4f0;border-radius:8px;padding:12px 15px;font-size:11px;margin-top:12px!important}.tw-section-heading{margin:0 0 24px}.tw-section-heading h3{color:#476182;font-size:17px;font-weight:800}.tw-section-heading p{color:#a2b0c5;margin-top:7px;font-size:11px;line-height:1.8}.tw-wizard-steps{justify-content:space-between;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.tw-wizard-steps li{color:#b0bdcd;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.tw-wizard-steps li>span{background:#f8fafd;border:1px solid #e1e8f2;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid}.tw-wizard-steps li.is-current{color:#5e82b5;font-weight:700}.tw-wizard-steps li.is-current>span{color:#fff;background:#5e82b5;border-color:#5e82b5}.tw-wizard-steps li.is-done{color:#88a28e}.tw-wizard-steps li.is-done>span{color:#88a28e;background:#edf6f0;border-color:#dbe9de}.tw-check{color:#7d91ab;align-items:center;gap:10px;font-size:11px;display:flex!important}.tw-check>span{color:#abb8ca;font-size:11px;font-weight:400}.tw-check small{color:#adbacb;margin-left:auto;font-size:10px}.tw-enroll-course{border:1px solid #e3eaf3;border-radius:12px;margin-bottom:12px;padding:20px}.tw-rounds{border-top:1px solid #edf1f7;flex-wrap:wrap;gap:7px;margin-top:16px;padding-top:18px;display:flex}.tw-rounds button{color:#a1b1c8;background:#fff;border:1px solid #e1e8f3;border-radius:7px;padding:7px 10px;font-size:10px}.tw-rounds button[aria-pressed=true]{color:#6487b6;background:#edf2fa;border-color:#9eb7d8}.tw-mapping{border:1px solid #e5ecf4;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex!important}.tw-mapping>span{font-size:11px;font-weight:400}.tw-mapping select{max-width:240px;margin:0}.tw-summary-person{background:#f8fafd;border:1px solid #edf1f7;border-radius:13px;align-items:center;gap:16px;margin-bottom:22px;padding:18px;display:flex}.tw-summary-person strong,.tw-summary-person h3{color:#4d6687;font-size:18px;font-weight:800}.tw-summary-person p{color:#a1b1c7;margin-top:5px;font-size:11px}.tw-summary-person>.tw-badge{margin-left:auto}.tw-review-row{color:#90a2bb;border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:18px;padding:16px 8px;font-size:11px;display:flex}.tw-review-row strong{color:#6585b0}.tw-action-strip{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tw-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;display:grid}.tw-info-grid>div{border-bottom:1px solid #edf1f7;justify-content:space-between;gap:12px;min-width:0;padding:16px 0;font-size:11px;display:flex}.tw-info-grid dt{color:#a6b4c8;flex-shrink:0}.tw-info-grid dd{color:#6d86a9;overflow-wrap:anywhere;text-align:right;margin:0;font-weight:600}.tw-timeline{margin:0;padding:8px 0;list-style:none}.tw-timeline li{gap:14px;padding:0 0 24px;display:flex}.tw-timeline li>span{border:2px solid #b6c8df;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px}.tw-timeline time{color:#b0bdd0;font-size:10px}.tw-timeline p{color:#7c94b3;margin-top:5px;font-size:11px}.tw-learning-summary{gap:14px;display:grid}.tw-learning-summary article{border:1px solid #e5ecf5;border-radius:12px;padding:20px}.tw-learning-summary article>div:first-child{justify-content:space-between;margin-bottom:14px;display:flex}.tw-learning-summary strong{color:#7f9bc3;font-size:12px}.tw-learning-summary p{color:#a7b6cb;margin-top:11px;font-size:11px}.tw-context{color:#8096b4;background:#f3f6fb;border-radius:9px;margin-bottom:22px;padding:14px 18px;font-size:11px}.tw-context>span{color:#a2b2ca;margin-left:12px;font-size:11px}.tw-detail-heading h3{color:#4c688c;margin:12px 0 8px;font-size:22px;font-weight:800;line-height:1.6}.tw-detail-heading time{color:#acbbcf;font-size:11px}.tw-body-copy{color:#7f95b1;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #e9eff6;padding:24px 0;font-size:13px;line-height:2;margin-top:20px!important}.tw-answer{background:#f4f7fb;border:1px solid #dfe9f5;border-radius:12px;padding:22px}.tw-answer strong{color:#718fb8;font-size:11px}.tw-answer p{color:#93a6c0;margin-top:10px;font-size:12px;line-height:1.9}.tw-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tw-video-card,.tw-training-card{border:1px solid #e4ebf4;border-radius:13px;overflow:hidden}.tw-video-visual{color:#829dc6;background:linear-gradient(135deg,#edf3fc,#dce6f6);justify-content:center;align-items:center;height:140px;display:flex;position:relative}.tw-video-visual .tw-badge{background:#ffffffa6;position:absolute;top:16px;left:16px}.tw-video-card>div:last-child,.tw-training-card>div:last-child{padding:20px}.tw-video-card small{color:#a9b9ce;font-size:11px}.tw-video-card h3,.tw-training-card h3{color:#5f7b9e;margin:9px 0;font-size:14px;font-weight:800;line-height:1.7}.tw-video-card p,.tw-training-card p{color:#a6b7ce;margin-bottom:18px;font-size:11px}.tw-video-card .tw-btn,.tw-training-card .tw-btn{width:100%}.tw-schedule{gap:12px;display:grid}.tw-schedule>button{text-align:left;background:#f9fbfd;border:1px solid #e8eef7;border-radius:12px;align-items:center;gap:24px;padding:22px;display:flex}.tw-schedule time{flex-direction:column;align-items:center;min-width:65px;display:flex}.tw-schedule time strong{color:#7b97bf;font-size:20px}.tw-schedule time span{color:#a5b7d0;margin-top:4px;font-size:11px}.tw-schedule h3{color:#6b87ad;margin:7px 0 3px;font-size:14px;font-weight:700}.tw-schedule p{color:#a9b9cf;font-size:11px}.tw-schedule>button>span{color:#a6b9d3;white-space:nowrap;margin-left:auto;font-size:11px}.tw-attendance-options{gap:6px;display:flex}.tw-attendance-options button{color:#b2c0d3;border:1px solid #e2eaf4;border-radius:7px;padding:6px 11px;font-size:11px}.tw-attendance-options button[aria-pressed=true]{color:#7a9b85;background:#eaf4ee;border-color:#c6decf}.tw-training-cover{color:#9baecc;background:#e9eef9;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:150px;display:flex}.tw-training-cover span{letter-spacing:.05em;font-size:10px}.tw-training-cover.training-1{color:#b4a2cb;background:#f1edf8}.tw-training-cover.training-2{color:#a0baac;background:#edf4f1}.tw-training-slide{background:#f5f8fc;border:1px solid #e5edf7;border-radius:14px;margin:24px 0;padding:36px}.tw-training-slide>span{color:#bfcee2;font-size:36px;font-weight:800}.tw-training-slide h4{color:#718db4;margin:16px 0;font-size:21px;font-weight:800}.tw-training-slide p{color:#95aac6;font-size:14px;line-height:2.2}.tw-training-player>h3{color:#6482aa;margin-top:12px;font-size:19px;font-weight:800}.tw-recipient-list{scrollbar-width:thin;border:1px solid #e3ecf7;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:180px;margin:10px 0 22px;padding:16px;display:grid;overflow:auto}.tw-message{border:1px solid #e4ecf6;border-radius:12px;margin-top:12px;padding:20px}.tw-message small{color:#acbdd5;font-size:10px}.tw-message h3{color:#748fb3;margin:7px 0;font-size:13px;font-weight:700}.tw-message p{color:#a0b3ce;font-size:11px;line-height:1.9}.tw-subheading{color:#819cbe;font-size:13px;font-weight:700;margin-top:24px!important}.tw-muted{color:#b4c3d8;margin-left:6px;font-size:10px;font-weight:400}.tw-certificate{text-align:center;padding:24px}.tw-certificate>span{color:#91a5c0;font-size:11px}.tw-certificate>h2{letter-spacing:.15em;margin:22px 0 8px;font-size:26px}.tw-certificate>p{color:#8da2bf;margin:18px 0;font-size:11px;line-height:2}.tw-certificate table{text-align:center;margin:24px 0}.tw-certificate>time{color:#9aafcb;margin:26px 0;font-size:11px;display:block}.tw-certificate>strong{color:#7a96bc;font-size:18px;font-weight:800}.tw-nav-overlay{display:none}@keyframes tw-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width>=1700px){.tw-dashboard-grid{grid-template-columns:minmax(0,1fr) 350px}.tw-task h4{font-size:13px}.tw-task p{font-size:11px}}@media (width<=1250px){.tw-sidebar{width:218px}.tw-main{width:calc(100% - 218px);margin-left:218px}.tw-header{padding:0 24px}.tw-content{padding:26px 24px}.tw-dashboard-grid{grid-template-columns:1fr}.tw-dashboard-side,.tw-kanban.four,.tw-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-metric{padding:18px}.tw-metrics{gap:12px}}@media (width<=900px){.tw-sidebar{z-index:60;width:248px;transition:transform .25s;transform:translate(-100%)}.tw-sidebar.is-open{transform:none}.tw-main{width:100%;margin:0}.tw-nav-overlay{z-index:50;background:#1c2d4659;display:block;position:fixed;inset:0}.tw-menu-toggle{color:#829bbd;font-size:17px;display:block}.tw-header>div{gap:12px}.tw-page-heading{align-items:flex-start}.tw-page-heading h1{font-size:24px}.tw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-header>div:first-child>span{display:none}}@media (width<=600px){.tw-header{height:64px;padding:0 16px}.tw-header>div{gap:10px}.tw-header a,.tw-profile strong,.tw-header i{display:none}.tw-content{padding:22px 16px}.tw-page-heading{flex-direction:column;gap:16px;margin-bottom:20px}.tw-page-heading h1{font-size:23px}.tw-page-actions{width:100%}.tw-page-actions .tw-btn{flex:1}.tw-metric{padding:16px}.tw-metric>strong{font-size:26px}.tw-metric>p{font-size:9px}.tw-panel{padding:18px}.tw-kanban,.tw-kanban.four{padding-bottom:8px;display:flex;overflow-x:auto}.tw-lane{flex:1;min-width:245px}.tw-dashboard-side,.tw-video-grid{grid-template-columns:1fr}.tw-dashboard-grid{gap:16px}.tw-searchbar{flex-wrap:wrap;padding:12px}.tw-search{max-width:none}.tw-searchbar>select{width:100%}.tw table{min-width:550px}.tw-modal-backdrop{padding:12px}.tw-modal{border-radius:16px;max-height:94dvh}.tw-modal>header{padding:20px}.tw-modal h2{font-size:16px}.tw-modal-body{padding:20px}.tw-form-grid,.tw-info-grid{grid-template-columns:1fr}.tw-wizard-steps{gap:6px}.tw-wizard-steps li{flex-direction:column;gap:6px;font-size:9px}.tw-wizard-steps li>span{width:24px;height:24px}.tw-summary-person{flex-wrap:wrap;gap:12px;padding:14px}.tw-summary-person p{font-size:10px}.tw-action-strip .tw-btn{flex:1}.tw-mapping{flex-direction:column;align-items:stretch}.tw-mapping select{max-width:none}.tw-check>span{display:none}.tw-form-actions{flex-wrap:wrap}.tw-form-actions>div{margin-left:auto}.tw-review-row{flex-wrap:wrap;font-size:11px}.tw-recipient-list{grid-template-columns:1fr}.tw-training-slide{padding:24px}.tw-schedule>button{gap:16px;padding:16px}.tw-schedule>button>span{display:none}.tw-panel-heading{align-items:flex-start}.tw-page-footer{padding:0 18px 20px;font-size:9px}.tw-panel-heading>span:not(.tw-badge){display:none}}@media (prefers-reduced-motion:reduce){.tw-modal{animation:none}.tw-sidebar,.tw-metric{transition:none}}@media print{body:has(.tw-print-target) *{visibility:hidden!important}.tw-print-target,.tw-print-target *{visibility:visible!important}.tw-print-target{background:#fff;width:100%;position:fixed;top:0;left:0}.tw-certificate{padding:30px}.tw-certificate table{min-width:0}body:has(.tw-print-target){background:#fff!important}}.tw-task p{color:#8798ae;font-size:11px}.tw-task footer{color:#a1afc3;font-size:10px}.tw-metric>p{color:#92a2b8;font-size:11px}.tw-table-wrap td{font-size:11px}.tw-info-grid dt{color:#8a9cb4}.tw-info-grid dd{color:#5d789d}.tw-body-copy{color:#6c83a4}.tw-next-class p{color:#92a5be}.tw-task h4{font-size:12px}@media (width<=600px){.tw-task h4{font-size:12px}}.tw-sidebar{z-index:40;top:76px}.tw-brand{display:none}.tw-school{margin-top:24px}.tw-main{padding-top:76px}.tw-nav-overlay{top:76px}.tw .ond-app-header{font-size:13px;line-height:1.5}.tw .ond-app-header button{font:inherit}.tw .ond-header-remote,.tw .ond-header-logout{font-size:11px}.tw .ond-header-nav button{font-size:13px}@media (width<=900px){.tw-sidebar{z-index:60}.tw .ond-header-nav button{font-size:11px}}@media (width<=600px){.tw .ond-header-nav{gap:14px}.tw .ond-header-nav button{font-size:11px}}.tw.tw-app .tw-sidebar{z-index:40;scrollbar-width:thin;border-top-right-radius:12px;transition:width .2s;top:84px;bottom:0;overflow:hidden auto}.tw.tw-app .tw-sidebar nav{padding-top:8px;overflow:visible}.tw-rail-controls{flex-shrink:0;padding:12px 12px 4px}.tw-rail-controls>button{color:#657d9e;background:#f2f5fa;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:48px;height:40px;display:flex;font-size:11px!important}.tw-rail-controls>button:hover{background:#e8eef7}.tw.tw-app .tw-main{transition:margin-left .2s,width .2s}.tw.tw-app.sidebar-expanded .tw-sidebar{width:232px!important}.tw.tw-app.sidebar-expanded .tw-main{width:calc(100% - 232px)!important;margin-left:232px!important}.tw.tw-app.sidebar-expanded .tw-sidebar nav{padding-inline:12px}.tw.tw-app.sidebar-expanded .tw-sidebar nav button{white-space:nowrap;justify-content:flex-start;width:100%;gap:12px!important;font-size:11px!important}.tw.tw-app.sidebar-expanded .tw-sidebar nav button b{top:12px;right:7px}.tw.tw-app.sidebar-expanded .tw-nav-group h2{color:#9ba8b9;padding:0 12px 5px;font-size:10px;display:block!important}.tw.tw-app.sidebar-expanded .tw-rail-controls>button{justify-content:flex-start;width:100%;padding-inline:14px}.tw.tw-app.sidebar-expanded nav button:after,.tw.tw-app .ond-header-toggle{display:none!important}.tw-theme-toggle{color:#627c9f;background:#f8fafd;border:1px solid #dce3ec;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.tw-theme-toggle:hover{background:#edf2fa}.tw.tw-app .tw-page-heading h1{margin:0}.tw.tw-app .tw-sidebar nav button[title]:after{display:none!important}html[data-teacher-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--td-bg:#131923;--td-surface:#1c2431;--td-raised:#242f3f;--td-border:#303e52;--td-text:#e0e7f2;--td-muted:#9aabc1}html[data-teacher-theme=dark] .tw-app{background:var(--td-bg);color:var(--td-text)}html[data-teacher-theme=dark] :is(.tw-sidebar,.ond-app-header,.tw-panel,.tw-metric,.tw-modal,.tw-task,.tw-message,.tw-video-card,.tw-training-card,.wb,.wb-card,.wb-detail){color:var(--td-text);background:var(--td-surface)!important;border-color:var(--td-border)!important}html[data-teacher-theme=dark] .ond-header-logo img{filter:brightness(1.5)}html[data-teacher-theme=dark] :is(.ond-header-nav button,.ond-header-logout,.ond-header-remote,.ond-teacher-profile,.tw-page-heading h1,.tw-panel-heading h2,.tw-panel-heading h3,.tw-metric>strong,.tw-task h4,.tw-detail-heading h3,.tw-student-name strong,.tw-modal h2,.tw-training-card h3,.tw-video-card h3,.wb h2,.wb h3,.wb h4){color:var(--td-text)!important}html[data-teacher-theme=dark] :is(.ond-header-nav button[aria-current=page],.tw-link,.tw-panel-heading>button){color:#a8c6f5!important}html[data-teacher-theme=dark] :is(.tw-sidebar nav button,.tw-page-heading>div>p,.tw-page-heading>div>span,.tw-metric>div,.tw-info-grid dt,.tw-body-copy,.tw-modal p,.wb-heading p,.wb-card p,.wb-detail>p,.wb-column-hint,.wb-eyebrow,.wb-people small,.wb-toolbar,.wb-sort,.wb-card-footer,.wb-card-state,.wb-fields label,.wb-note,.wb-list td){color:var(--td-muted)!important}html[data-teacher-theme=dark] :is(.tw-sidebar nav button:hover,.tw-sidebar nav button.is-active,.tw-lane,.tw-context,.tw-answer,.tw-training-slide,.wb-column,.tw-rail-controls>button,.tw-theme-toggle,.ond-teacher-avatar,.ond-teacher-message,.wb-avatar,.wb-people>span,.wb-heading h2>span,.wb-column header div>span){background:var(--td-raised)!important;border-color:var(--td-border)!important;color:#a8c6f5!important}html[data-teacher-theme=dark] :is(.tw input,.tw textarea,.tw select,.tw-searchbar,.tw-search,.tw-wide-select,.wb-search,.wb-toolbar select,.wb-mine,.wb-fields select,.wb-fields input,.wb-note textarea,.wb-card-state select,.wb-list select){border-color:var(--td-border)!important;color:var(--td-text)!important;background:#202b3b!important}html[data-teacher-theme=dark] :is(.wb-card-state,.wb-tabs,.tw-nav-group,.tw-table-wrap,.tw-info-grid>div,.tw-body-copy,.tw-modal>header,.tw-task footer,.wb-list td,.wb-list th){border-color:var(--td-border)!important}html[data-teacher-theme=dark] :is(.wb-search input){background:0 0!important}html[data-teacher-theme=dark] .tw-btn{background:var(--td-raised);color:#bed0e9;border-color:#3b4c64}html[data-teacher-theme=dark] :is(.tw-btn.primary,.wb-open){color:#fff;background:#587cb4;border-color:#587cb4}html[data-teacher-theme=dark] :is(.tw-theme-toggle,.ond-header-logout,.ond-header-remote,.ond-teacher-message){color:#c0cde0!important;border-color:#43536b!important}html[data-teacher-theme=dark] :is(.tw table thead,.tw table th){color:#a9bbd4;border-color:var(--td-border);background:#242f3f}html[data-teacher-theme=dark] :is(.tw table td,.tw table tr){border-color:var(--td-border);color:#b5c4d9}html[data-teacher-theme=dark] .wb{--ink:#e0e7f2;--muted:#9aabc1}html[data-teacher-theme=dark] .wb-column.is-over{background:#293d5b!important;border-color:#8caee1!important}html[data-teacher-theme=dark] :is(.wb-notice,.tw-toast){color:#afd2be;background:#20382e;border-color:#3d5c4b}html[data-teacher-theme=dark] :is(.tw-tabs button[aria-pressed=true],.wb-mine.active){color:#c3d8f8!important;background:#304463!important}html[data-teacher-theme=dark] :is(.tw-progress,.wb-completion){background:#36445a}html[data-teacher-theme=dark] .wb-empty{color:#a9bad1;border-color:#40516a}html[data-teacher-theme=dark] .tw-page-footer{color:#91a3bd}@media (width<=600px){.tw-rail-controls{padding:10px 5px 4px}.tw-rail-controls>button{width:44px}.tw.tw-app.sidebar-expanded .tw-sidebar{box-shadow:12px 0 35px #17233e20;width:220px!important}.tw.tw-app.sidebar-expanded .tw-main{width:calc(100% - 56px)!important;margin-left:56px!important}.tw-theme-toggle{width:30px;height:30px}.tw.tw-app .tw-sidebar{top:84px}}@media (prefers-reduced-motion:reduce){.tw.tw-app .tw-sidebar,.tw.tw-app .tw-main{transition:none}}html[data-teacher-theme=dark] .tw-sidebar nav button:hover{color:#bdcce0!important;background:#253144!important}html[data-teacher-theme=dark] .tw-sidebar nav button.is-active{box-shadow:inset 0 0 0 1px #3a4e6a;color:#bbd0ed!important;background:#2b3b53!important}html[data-teacher-theme=dark] .tw-sidebar nav button.is-active svg{color:#9dbbe4}html[data-teacher-theme=dark] .tw-sidebar nav button b{color:#d2b88d;background:#41382b}html[data-teacher-theme=dark] :is(.tw-metric-arrow,.tw-badge,.wb-category){color:#a5bad8;background:#2a384e}html[data-teacher-theme=dark] :is(.metric-purple .tw-metric-arrow,.tw-badge.tone-purple,.wb-category.cat-0){color:#bcaed2;background:#353045}html[data-teacher-theme=dark] :is(.metric-amber .tw-metric-arrow,.tw-badge.tone-amber,.wb-category.cat-1){color:#cbb18c;background:#3c342b}html[data-teacher-theme=dark] :is(.metric-green .tw-metric-arrow,.tw-badge.tone-green,.wb-category.cat-2){color:#a0c5b0;background:#293d36}html[data-teacher-theme=dark] .wb-category.cat-3{color:#a8bfdc;background:#2b394d}html[data-teacher-theme=dark] .tw-metric:hover{box-shadow:0 6px 20px #00000018;background:#222d3d!important;border-color:#465974!important}html[data-teacher-theme=dark] .wb-card:hover{box-shadow:0 4px 14px #0000001f;background:#222d3c!important;border-color:#4a5f7c!important}html[data-teacher-theme=dark] .wb-card:focus-within{border-color:#627e9f!important}html[data-teacher-theme=dark] .wb-column.is-over{box-shadow:inset 0 0 0 1px #607eaa40;background:#25354b!important;border-color:#607eaa!important}html[data-teacher-theme=dark] .wb-tabs button{color:#93a4bb}html[data-teacher-theme=dark] .wb-tabs button[aria-pressed=true]{color:#b7cce9;border-bottom-color:#8aa9d3}html[data-teacher-theme=dark] :is(.tw-tabs button[aria-pressed=true],.wb-mine.active){color:#bbcee9!important;background:#2c3c53!important;border-color:#4d6382!important}html[data-teacher-theme=dark] :is(.tw table tbody tr:hover,.wb-list tbody tr:hover){background:#253144!important}html[data-teacher-theme=dark] .tw-attendance-options button{color:#98a9c0;background:0 0;border-color:#3b4a60}html[data-teacher-theme=dark] .tw-attendance-options button[aria-pressed=true]{color:#adcbb8;background:#2a3f36;border-color:#466454}html[data-teacher-theme=dark] .tw-pages button{color:#9bafca;background:0 0;border-color:#35455d}html[data-teacher-theme=dark] .tw-pages button[aria-current=page]{color:#c5d7ef;background:#2d405a;border-color:#4b6385}html[data-teacher-theme=dark] .wb-priority{color:#96a7be}html[data-teacher-theme=dark] .wb-priority.priority-높음{color:#cda28a}html[data-teacher-theme=dark] :is(.ond-header-remote:hover,.ond-header-logout:hover,.tw-theme-toggle:hover,.tw-btn:hover){background:#2b394e!important;border-color:#526683!important}html[data-teacher-theme=dark] .tw-btn.primary:hover{background:#6286bb!important}html[data-teacher-theme=dark] :is(.tw button,.tw a,.tw input,.tw select,.tw textarea):focus-visible{outline-color:#8daed7}html[data-teacher-theme=dark] .tw-modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080e1bb8}html[data-teacher-theme=dark] .tw-modal{box-shadow:0 28px 90px #0006;border-color:#35445a!important}html[data-teacher-theme=dark] .tw-modal>header{background:#202a39;border-bottom-color:#35445a;box-shadow:0 5px 18px #10172318}html[data-teacher-theme=dark] .tw-modal h2{color:#e1e9f5!important}html[data-teacher-theme=dark] .tw-modal-marker{background:#93afd4}html[data-teacher-theme=dark] .tw-close{color:#afc1da;background:#2b384b;border-color:#3d4e65}html[data-teacher-theme=dark] .tw-close:hover{color:#ecf2fc;background:#374a64}html[data-teacher-theme=dark] .tw-modal :is(h3,h4,.tw-summary-person strong,.tw-summary-person h3,.tw-review-row strong){color:#c7d8ef!important}html[data-teacher-theme=dark] .tw-modal :is(.tw-form>label,.tw-form-grid>label,.tw-field,.tw-check,.tw-info-grid dd){color:#b1c0d5}html[data-teacher-theme=dark] .tw-modal :is(input,textarea)::placeholder{color:#8193ac;opacity:1}html[data-teacher-theme=dark] .tw-modal :is(input,textarea,select):focus-visible{outline-offset:2px;outline:2px solid #7e9ec8}html[data-teacher-theme=dark] .tw-wizard-steps li{color:#8294ae}html[data-teacher-theme=dark] .tw-wizard-steps li>span{color:#a1b4cf;background:#293447;border-color:#40506a}html[data-teacher-theme=dark] .tw-wizard-steps li.is-current{color:#bbd2f2}html[data-teacher-theme=dark] .tw-wizard-steps li.is-current>span{color:#f2f6fc;background:#42618a;border-color:#6c8ebc;box-shadow:0 0 0 4px #6686b214}html[data-teacher-theme=dark] .tw-wizard-steps li.is-done{color:#a6c7b3}html[data-teacher-theme=dark] .tw-wizard-steps li.is-done>span{color:#b2d2bf;background:#2b4037;border-color:#496455}html[data-teacher-theme=dark] .tw-modal :is(.tw-form-actions,.tw-review-row,.tw-recipient-list,.tw-mapping,.tw-summary-person,.tw-action-strip){border-color:#35445a}html[data-teacher-theme=dark] .tw-modal :is(.tw-summary-person,.tw-mapping,.tw-recipient-list,.tw-learning-summary article){background:#222d3d;border-color:#35445a}html[data-teacher-theme=dark] .tw-modal :is(.tw-check>span,.tw-check small,.tw-summary-person p,.tw-review-row){color:#98aac2}html[data-teacher-theme=dark] .tw-modal input[type=checkbox]{accent-color:#87a6d1}html[data-teacher-theme=dark] .tw-modal input:disabled,html[data-teacher-theme=dark] .tw-modal select:disabled{opacity:.65;color:#73849b!important;background:#1b2330!important}.tw-modal .tw-tabs{scrollbar-width:thin;background:#f0f3f8;border:1px solid #e4eaf2;border-radius:11px;align-items:stretch;gap:5px;margin:4px 0 24px;padding:5px;display:flex;overflow-x:auto}.tw-modal .tw-tabs button{white-space:nowrap;color:#7d8da4;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;padding:10px 14px;font-size:11px;line-height:1.5;transition:background .18s,color .18s,box-shadow .18s}.tw-modal .tw-tabs button:hover{color:#4f6789;background:#e7edf5}.tw-modal .tw-tabs button[aria-pressed=true]{color:#46638e;background:#fff;border-color:#dce5f1;font-weight:800;box-shadow:0 2px 5px #283c5c0a}html[data-teacher-theme=dark] .tw-modal .tw-tabs{background:#171f2c;border-color:#303d50}html[data-teacher-theme=dark] .tw-modal .tw-tabs button{color:#94a5bd;background:0 0;border-color:#0000}html[data-teacher-theme=dark] .tw-modal .tw-tabs button:hover{color:#c0cfe3;background:#243044}html[data-teacher-theme=dark] .tw-modal .tw-tabs button[aria-pressed=true]{box-shadow:0 2px 5px #0000001a;color:#c4d7f0!important;background:#2b3b52!important;border-color:#435b7b!important}@media (width<=600px){.tw-modal .tw-tabs{gap:3px;padding:4px}.tw-modal .tw-tabs button{flex:none;padding:9px 12px;font-size:11px}}html[data-teacher-theme=dark] .tw-video-visual{color:#90aace;background:linear-gradient(135deg,#2a3a51,#202c3e);border-bottom:1px solid #34455f}html[data-teacher-theme=dark] .tw-video-visual .tw-badge{color:#bed0e9;background:#34465f;border:1px solid #4a5f7c}html[data-teacher-theme=dark] .tw-video-card{box-shadow:0 4px 16px #00000012}html[data-teacher-theme=dark] .tw-video-card>div:last-child{background:#1e2837}html[data-teacher-theme=dark] .tw-video-card small{color:#a3b5cd}html[data-teacher-theme=dark] .tw-video-card h3{color:#d7e3f3!important}html[data-teacher-theme=dark] .tw-video-card p{color:#9badc5}html[data-teacher-theme=dark] .tw-video-card .tw-btn{color:#bcd0eb;box-shadow:none;background:#29384d;border-color:#405571}html[data-teacher-theme=dark] .tw-video-card .tw-btn:hover{color:#e2ecfa;background:#344a67!important;border-color:#6987ae!important}html[data-teacher-theme=dark] .tw-searchbar{background:#202b3b!important;border-color:#35455c!important}html[data-teacher-theme=dark] .tw-search{color:#8fa6c6;background:#192332!important;border-color:#3b4f69!important}html[data-teacher-theme=dark] .tw-search input{color:#d7e3f3!important;background:0 0!important}html[data-teacher-theme=dark] .tw-search input::placeholder{color:#879ab4}html[data-teacher-theme=dark] .tw-empty{color:#99aecb}html[data-teacher-theme=dark] .tw-schedule>button{background:#202b3b;border-color:#35455c;transition:background .18s,border-color .18s}html[data-teacher-theme=dark] .tw-schedule>button:hover{background:#29384c;border-color:#536d90}html[data-teacher-theme=dark] .tw-schedule>button:focus-visible{outline-color:#8daed7}html[data-teacher-theme=dark] .tw-schedule time strong{color:#b6ccec}html[data-teacher-theme=dark] .tw-schedule time span{color:#9aafcd}html[data-teacher-theme=dark] .tw-schedule h3{color:#d6e2f3}html[data-teacher-theme=dark] .tw-schedule p{color:#9eafc6}html[data-teacher-theme=dark] .tw-schedule>button>span{color:#a8c0e1}html[data-teacher-theme=dark] .tw-schedule .tw-badge{color:#b8cdea;background:#2e4059}.tw-content>.tw-panel>.tw-tabs{vertical-align:top;background:#f0f3f8;border:1px solid #e2e8f0;border-radius:10px;gap:4px;max-width:100%;margin:0 0 20px;padding:4px;display:inline-flex}.tw-content>.tw-panel>.tw-tabs button{color:#8593a8;background:0 0;border:1px solid #0000;border-radius:7px;padding:9px 20px;font-size:12px;line-height:1.5;transition:background .18s,color .18s,border-color .18s}.tw-content>.tw-panel>.tw-tabs button:hover{color:#526e94;background:#e7edf6}.tw-content>.tw-panel>.tw-tabs button[aria-pressed=true]{color:#46638e;background:#fff;border-color:#dce5f1;font-weight:750;box-shadow:0 2px 5px #283c5c08}html[data-teacher-theme=dark] .tw-content>.tw-panel>.tw-tabs{background:#171f2c;border-color:#303d50}html[data-teacher-theme=dark] .tw-content>.tw-panel>.tw-tabs button{color:#94a5bd;background:0 0;border-color:#0000}html[data-teacher-theme=dark] .tw-content>.tw-panel>.tw-tabs button:hover{color:#c0cfe3;background:#243044}html[data-teacher-theme=dark] .tw-content>.tw-panel>.tw-tabs button[aria-pressed=true]{box-shadow:0 2px 5px #0000001a;color:#c4d7f0!important;background:#2b3b52!important;border-color:#435b7b!important}@media (width<=600px){.tw-content>.tw-panel>.tw-tabs{display:flex}.tw-content>.tw-panel>.tw-tabs button{flex:1;padding:9px 12px}}html[data-teacher-theme=dark] .tw-enroll-course{background:#202b3b;border:1px solid #37485f;border-radius:11px}html[data-teacher-theme=dark] .tw-enroll-course:has(.tw-check input:checked){background:#222f41;border-color:#465f80}html[data-teacher-theme=dark] .tw-enroll-course .tw-check strong{color:#c7d6eb}html[data-teacher-theme=dark] .tw-enroll-course .tw-check>span{color:#94a8c3}html[data-teacher-theme=dark] .tw-rounds{border-top-color:#394b63}html[data-teacher-theme=dark] .tw-rounds button{color:#9eb1cd;background:#273448;border-color:#42536c;transition:background .18s,border-color .18s,color .18s}html[data-teacher-theme=dark] .tw-rounds button:hover{color:#d7e6f8;background:#32465f;border-color:#6381a6}html[data-teacher-theme=dark] .tw-rounds button[aria-pressed=true]{color:#d4e5fc;background:#354f71;border-color:#6789b5}html[data-teacher-theme=dark] .tw-rounds button:first-child{color:#b1c6e2;background:0 0;border-style:dashed;border-color:#506784}html[data-teacher-theme=dark] .tw-rounds button:focus-visible{outline-offset:3px;outline:2px solid #8aaad3}.tw-course-picker{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;display:grid}.tw-course-group{margin-bottom:24px}.tw-course-group>h4{align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.tw-course-group>h4>span{color:#9aa8bc;font-size:10px;font-weight:400}.tw-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tw-course-option{text-align:left;background:#fff;border:1px solid #dfe6ef;border-radius:10px;flex-direction:column;gap:12px;min-width:0;padding:14px;transition:background .15s,border-color .15s;display:flex}.tw-course-option:hover{background:#f8fafd;border-color:#91a9ca}.tw-course-option.is-selected{background:#eff4fc;border-color:#7898c3}.tw-course-option-top,.tw-course-option-bottom{color:#8b9db5;justify-content:space-between;align-items:center;gap:6px;width:100%;font-size:10px;display:flex}.tw-course-option-top small{font-size:10px}.tw-course-option-top i{color:#8099ba;border:1px solid #d4deec;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.tw-course-option.is-selected i{color:#fff;background:#5a7daa;border-color:#5a7daa}.tw-course-option>strong{color:#425d82;min-height:40px;font-size:12px;font-weight:750;line-height:1.7}.tw-course-option-bottom b{font-size:9px;font-weight:600}.tw-selected-courses{scrollbar-width:thin;background:#f6f8fc;border:1px solid #e0e7f0;border-radius:12px;max-height:58dvh;padding:14px;position:sticky;top:0;overflow:auto}.tw-selected-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tw-selected-heading h4{font-size:12px;font-weight:800}.tw-selected-heading h4 span{color:#7290b9;margin-left:4px}.tw-selected-heading>button{color:#8b9db5;font-size:10px}.tw-course-placeholder{text-align:center;color:#98a8bf;padding:30px 6px;font-size:11px;line-height:1.9}.tw-selected-course{background:#fff;border:1px solid #e0e7f0;border-radius:9px;margin-bottom:10px;padding:12px}.tw-selected-course>div:first-child{justify-content:space-between;align-items:center;display:flex}.tw-selected-course>div>button{color:#9baac0;font-size:18px}.tw-selected-course h4{margin:8px 0;font-size:12px;font-weight:700;line-height:1.6}.tw-selected-course p{color:#91a4bf;font-size:10px}.tw-selected-course .tw-rounds{gap:5px;margin-top:10px;padding-top:10px}.tw-selected-course .tw-rounds button{padding:5px 7px;font-size:10px}.tw-selected-total{color:#8195af;border-top:1px solid #dfe6ef;justify-content:space-between;gap:10px;padding-top:12px;font-size:10px;display:flex}.tw-selected-total strong{color:#526f97}html[data-teacher-theme=dark] .tw-course-option{background:#222e3f;border-color:#3a4c65}html[data-teacher-theme=dark] .tw-course-option:hover{background:#2a3a50;border-color:#607eaa}html[data-teacher-theme=dark] .tw-course-option.is-selected{background:#2d425e;border-color:#7394bf}html[data-teacher-theme=dark] .tw-course-option>strong{color:#c5d7ef}html[data-teacher-theme=dark] .tw-course-option-top i{color:#a9c0df;border-color:#536b8c}html[data-teacher-theme=dark] .tw-selected-courses{background:#182230;border-color:#35465e}html[data-teacher-theme=dark] .tw-selected-course{background:#222e3f;border-color:#3a4c65}html[data-teacher-theme=dark] .tw-selected-total{border-color:#35465e}html[data-teacher-theme=dark] .tw-selected-total strong{color:#b4ccec}@media (width<=700px){.tw-course-picker{grid-template-columns:1fr}.tw-selected-courses{max-height:none;position:static}.tw-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.tw-course-grid{grid-template-columns:1fr}}.tw-course-catalog .tw-course-grid{grid-template-columns:minmax(0,1fr);gap:8px}.tw-course-catalog .tw-course-option{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid;position:relative}.tw-course-catalog .tw-course-option-top{display:contents}.tw-course-catalog .tw-course-option-top small{display:none}.tw-course-catalog .tw-course-option-top i{grid-area:1/1}.tw-course-catalog .tw-course-option>strong{grid-area:1/2;min-height:0;font-size:12px;line-height:1.6}.tw-course-catalog .tw-course-option-bottom{white-space:nowrap;grid-area:1/3;gap:12px;width:auto}.tw-course-catalog .tw-course-group{margin-bottom:20px}@media (width<=500px){.tw-course-catalog .tw-course-option{grid-template-columns:20px minmax(0,1fr) auto;gap:8px;padding:11px 10px}.tw-course-catalog .tw-course-option-bottom b{display:none}.tw-course-catalog .tw-course-option>strong{font-size:11px}.tw-course-catalog .tw-course-option-bottom{font-size:9px}}.tw-profile-purpose{border:0;margin:0 0 28px;padding:0}.tw-profile-purpose legend{color:#7c8fa9;margin-bottom:10px;font-size:12px;font-weight:700}.tw-profile-purpose>div{flex-wrap:wrap;gap:8px;display:flex}.tw-profile-purpose button{color:#8b9eb9;background:#fff;border:1px solid #dfe6ef;border-radius:8px;padding:9px 14px;font-size:12px}.tw-profile-purpose button[aria-pressed=true]{color:#4d719f;background:#edf3fc;border-color:#8ca8ce}.tw-profile-institution{min-width:0;margin-bottom:20px}.tw-profile-institution label{color:#7c8fa9;font-size:12px;font-weight:700}.tw-profile-pick{color:#526d90;text-align:left;background:#fbfcfe;border:1px solid #dfe7f2;border-radius:9px;justify-content:space-between;gap:10px;width:100%;margin-top:9px;padding:12px 14px;display:flex;font-size:12px!important}.tw-profile-options{background:#f5f8fc;border:1px solid #dfe6ef;border-radius:8px;margin-top:6px;padding:10px}.tw-profile-options>input{margin:0 0 8px!important}.tw-profile-options>div{max-height:170px;overflow:auto}.tw-profile-options button{text-align:left;color:#7591b7;width:100%;padding:8px;font-size:11px;display:block}.tw-profile-options button:hover{background:#e7edf6;border-radius:5px}html[data-teacher-theme=dark] .tw-profile-purpose button,html[data-teacher-theme=dark] .tw-profile-pick{color:#aec3df;background:#263449;border-color:#425773}html[data-teacher-theme=dark] .tw-profile-purpose button[aria-pressed=true]{color:#d0e2fa;background:#344e70;border-color:#7092bc}html[data-teacher-theme=dark] .tw-profile-options{background:#1b2636;border-color:#3b4e68}html[data-teacher-theme=dark] .tw-profile-options button:hover{background:#2c405c}html[data-teacher-theme=dark] .tw-profile-institution label{color:#b1c0d5}.tw-image-field{margin-bottom:24px}.tw-image-label{color:#7c8fa9;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.tw-image-input{opacity:0;pointer-events:none;position:absolute;border:0!important;width:1px!important;height:1px!important;padding:0!important}.tw-image-placeholder{color:#7992b3;background:#f6f8fc;border:1px dashed #b9c9df;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:130px;display:flex}.tw-image-placeholder strong{font-size:13px}.tw-image-placeholder span{color:#97a8bf;font-size:10px}.tw-image-preview{background:#f5f7fb;border:1px solid #dfe7f1;border-radius:10px;overflow:hidden}.tw-image-preview>img{object-fit:contain;width:100%;height:180px;display:block}.tw-image-preview>div{align-items:center;gap:8px;padding:12px;display:flex}.tw-image-preview>div>span{text-overflow:ellipsis;white-space:nowrap;color:#8296b1;flex:1;min-width:0;font-size:11px;overflow:hidden}.tw-video-visual .tw-course-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tw-video-visual .tw-badge{z-index:1}.tw-course-detail-cover{object-fit:contain;background:#f4f7fb;border-radius:10px;width:100%;max-height:250px;margin-bottom:20px;display:block}html[data-teacher-theme=dark] .tw-image-placeholder{color:#b4cce9;background:#223044;border-color:#526b8f}html[data-teacher-theme=dark] .tw-image-preview{background:#182332;border-color:#3a4f6b}html[data-teacher-theme=dark] .tw-image-label{color:#b1c0d5}html[data-teacher-theme=dark] .tw-course-detail-cover{background:#182332}.class-board{color:#fff;margin-top:26px}.class-board-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.class-board-heading h2{font-size:21px;font-weight:800}.class-board-heading p{color:#ffffff70;margin-top:8px;font-size:12px}.class-board-primary{white-space:nowrap;border-radius:10px;padding:12px 20px;font-size:12px;font-weight:800;color:#202d43!important;background:#b9a7ff!important}.class-board-search{color:#ffffff80;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;font-size:12px;display:flex}.class-board-search b{color:#c9baff}.class-board-search>div{gap:8px;max-width:100%;display:flex}.class-board-search input{color:#fff;background:#ffffff09;border:1px solid #ffffff25;border-radius:10px;width:280px;min-width:0;max-width:100%;padding:12px 15px;font-size:12px}.class-board-search button{white-space:nowrap;color:#e5ddff;border:1px solid #ffffff30;border-radius:10px;padding:10px 18px}.class-board-table{background:#ffffff05;border:1px solid #ffffff20;border-radius:18px;overflow:auto}.class-board table{border-collapse:collapse;text-align:center;width:100%;min-width:620px;font-size:12px}.class-board thead{color:#ffffff70;background:#ffffff07}.class-board th{padding:17px;font-weight:600}.class-board td{color:#ffffff65;white-space:nowrap;border-top:1px solid #ffffff12;padding:20px 16px}.class-board td:nth-child(3){text-align:left;white-space:normal;width:60%}.class-board td button{color:#fff;text-align:left;font-weight:600;line-height:1.7}.class-board td button:hover{color:#c9baff}.class-board td small{color:#baa9e9;font-size:10px}.class-board-subject{background:#ffffff09;border-radius:6px;padding:5px 10px;font-size:11px}.class-board td.is-answered{color:#c9baff}.class-board-empty{text-align:center;color:#ffffff60;padding:60px;font-size:13px}.class-board-detail,.class-board-write{background:#ffffff05;border:1px solid #ffffff20;border-radius:18px;padding:28px}.class-board-detail>button:first-child{color:#ffffff80;font-size:11px}.class-board-meta{color:#ffffff60;align-items:center;gap:14px;margin:24px 0 14px;font-size:11px;display:flex}.class-board-meta span{color:#c9baff;background:#b9a7ff20;border-radius:6px;padding:4px 10px}.class-board-meta b{color:#c9baff;font-weight:600}.class-board-detail h3{font-size:21px;font-weight:700}.class-board-detail>p{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #ffffff15;margin-top:22px;padding-top:22px;font-size:13px;line-height:2}.class-board-file{color:#c9baff;overflow-wrap:anywhere;border:1px solid #ffffff25;border-radius:10px;max-width:100%;margin-top:20px;padding:12px 16px;font-size:11px;display:block}.class-board-answer{background:#b9a7ff0b;border:1px solid #b9a7ff30;border-radius:14px;margin-top:28px;padding:22px}.class-board-answer strong{color:#c9baff;font-size:12px}.class-board-answer p{color:#ffffffa0;margin-top:14px;font-size:13px;line-height:1.95}.class-board .class-board-note{color:#ffffff50;border:0;margin-top:18px;padding:0;font-size:11px;line-height:1.8}.class-board-write>label{margin-bottom:22px;font-size:12px;font-weight:700;display:block}.class-board-write input:not([type=file]),.class-board-write select,.class-board-write textarea{color:#fff;background:#26354d;border:1px solid #ffffff25;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-size:13px;font-weight:400;display:block}.class-board-write select{max-width:220px}.class-board-write textarea{resize:vertical;min-height:220px}.class-board-attachment{border:1px dashed #ffffff30;border-radius:12px;padding:18px}.class-board-attachment label{font-size:12px;font-weight:700;display:block}.class-board-attachment input{color:#ffffff90;max-width:100%;margin-top:12px;font-size:11px;display:block}.class-board-attachment small{color:#ffffff50;margin-top:10px;font-size:11px;display:block}.class-board-attachment>div{color:#ffffffb0;overflow-wrap:anywhere;justify-content:space-between;gap:12px;padding-top:14px;font-size:11px;display:flex}.class-board-attachment>div>span{min-width:0}.class-board-attachment button{color:#c9baff;flex-shrink:0}.class-board-attachment>p{color:#ffc5bb;margin-top:12px;font-size:11px}.class-board-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.class-board-actions>button{border:1px solid #ffffff25;border-radius:10px;padding:12px 22px;font-size:12px}.class-board button:focus-visible,.class-board input:focus-visible,.class-board select:focus-visible,.class-board textarea:focus-visible{outline-offset:3px;outline:2px solid #c9baff}@media (width<=700px){.class-board-search{flex-direction:column;align-items:flex-start}.class-board-search>div{width:100%}.class-board-search input{flex:1;width:100px}.class-board-search button{padding:10px 12px}.class-board-detail,.class-board-write{padding:20px}.class-board-heading h2{font-size:18px}.class-board-heading p{font-size:11px}.class-board-primary{padding:10px 14px}.class-board-detail h3{font-size:18px}}.class-board-toolbar{justify-content:flex-end;margin-bottom:18px;display:flex}.class-board-split{grid-template-columns:minmax(0,1fr) minmax(0,0fr);align-items:start;column-gap:0;transition:grid-template-columns .4s cubic-bezier(.22,1,.36,1),column-gap .4s;display:grid}.class-board-split.is-open{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:24px}.class-board-master{min-width:0}.class-board-reader{overscroll-behavior:contain;opacity:0;scrollbar-width:thin;scrollbar-color:#65718a transparent;min-width:0;max-height:calc(100dvh - 115px);transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);position:sticky;top:94px;overflow:hidden auto;transform:translate(24px)}.is-open>.class-board-reader{opacity:1;transform:translate(0)}.class-board-reader-close{color:#c9baff;white-space:nowrap;margin:0 0 12px auto;padding:6px 10px;font-size:11px;display:block}.class-board-reader .class-board-detail{min-height:360px}.class-board-detail-label{color:#b9a7ff;font-size:11px}.class-board-master .class-board-search{margin-top:0}.class-board-split.is-open .class-board-search{flex-wrap:wrap}.class-board-split.is-open .class-board-search>div{width:100%}.class-board-split.is-open .class-board-search input{flex:1;width:100px}.class-board-split.is-open .class-board-search button{padding:10px 12px}.class-board-table tr.is-selected{background:#b9a7ff16;box-shadow:inset 3px 0 #b9a7ff}.class-board-table tr.is-selected td button{color:#d3c6ff}.class-board-split.is-open table{table-layout:auto;min-width:0;font-size:11px}.class-board-split.is-open th,.class-board-split.is-open td{padding:16px 9px}.class-board-split.is-open td:nth-child(3){width:50%}.class-board-split.is-open td:last-child{white-space:normal;overflow-wrap:anywhere;font-size:10px}.class-board-split.is-open .class-board-subject{padding:4px 6px;font-size:10px}.class-board-detail p{overflow-wrap:anywhere}@media (width<=850px){.class-board-split.is-open{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:16px}.class-board-split.is-open .class-board-detail,.class-board-split.is-open .class-board-write{padding:18px}.class-board-split.is-open th:first-child,.class-board-split.is-open td:first-child{display:none}}@media (width<=600px){.class-board-split{display:block;position:relative}.class-board-reader{display:none}.class-board-split.is-open .class-board-reader{max-height:none;margin-top:20px;display:block;position:relative;top:auto}.class-board-split.is-open .class-board-master table{min-width:480px}.class-board-split.is-open .class-board-master th:first-child,.class-board-split.is-open .class-board-master td:first-child{display:table-cell}}@media (prefers-reduced-motion:reduce){.class-board-split,.class-board-reader{transition:none}}.class-board-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.class-board-pagination>span{align-items:center;gap:6px;display:flex}.class-board-pagination button{color:#ffffff70;background:#ffffff04;border:1px solid #ffffff18;border-radius:9px;place-items:center;min-width:34px;height:34px;padding:0 8px;font-size:11px;transition:background .2s;display:grid}.class-board-pagination button:hover:not(:disabled){background:#ffffff10}.class-board-pagination button[aria-current=page]{color:#202d43;background:#b9a7ff;border-color:#b9a7ff;font-weight:800}.class-board-pagination button:disabled{opacity:.25;cursor:default}.class-board-page-gap{color:#ffffff40;padding:0 3px;font-size:11px}.class-board-reader .class-board-detail,.class-board-reader .class-board-write{position:relative}.class-board-reader .class-board-reader-close{color:#c9baff;z-index:1;background:#ffffff05;border:1px solid #ffffff18;border-radius:50%;place-items:center;width:32px;height:32px;margin:0;padding:0;font-size:23px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.class-board-reader .class-board-reader-close:hover{color:#fff;background:#ffffff12}.class-board-reader .class-board-detail-label{padding-right:32px;display:block}.class-board-reader .class-board-write{padding-top:56px}.class-question-backdrop{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d1525b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.class-question-modal.class-board{background:#26354d;border:1px solid #ffffff25;border-radius:22px;outline:none;width:min(720px,100%);max-height:90dvh;margin:0;padding:30px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0005}.class-question-modal>h2{padding-right:40px;font-size:23px;font-weight:800}.class-question-subtitle{color:#ffffff65;margin:10px 0 26px;font-size:11px}.class-question-modal .class-board-write{background:0 0;border:0;border-radius:0;padding:0}.class-question-modal .class-board-reader-close{color:#c9baff;background:#ffffff07;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:34px;height:34px;margin:0;padding:0;font-size:23px;line-height:1;display:grid;position:absolute;top:20px;right:20px}.class-subject-select{max-width:260px;margin-bottom:22px;font-size:12px;font-weight:700;position:relative}.class-subject-select>button{color:#fff;background:#ffffff05;border:1px solid #ffffff25;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:10px;padding:14px 16px;font-size:13px;font-weight:500;display:flex}.class-subject-select>button[aria-expanded=true]{background:#b9a7ff0a;border-color:#b9a7ff}.class-subject-options{z-index:2;background:#35455f;border:1px solid #b9a7ff40;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 12px 28px #0003}.class-subject-options>button{color:#ffffffb0;text-align:left;border-radius:8px;justify-content:space-between;width:100%;padding:12px;font-size:12px;display:flex}.class-subject-options>button:hover,.class-subject-options>button:focus-visible{background:#ffffff0c}.class-subject-options>button[aria-selected=true]{color:#dacfff;background:#b9a7ff20}@media (width<=600px){.class-question-backdrop{padding:12px}.class-question-modal.class-board{border-radius:18px;max-height:94dvh;padding:24px 20px}.class-subject-select{max-width:none}}.ond-learning-guide{color:#617184;font-size:13px;line-height:1.9}.ond-guide-start{background:#f1f0fa;border:1px solid #e6e4f3;border-radius:16px;padding:26px}.ond-guide-start>span{letter-spacing:.08em;color:#8a84af;font-size:10px;font-weight:800}.ond-guide-start h3{color:#39445c;margin:8px 0 14px;font-size:21px;font-weight:800;line-height:1.6}.ond-guide-start>small{color:#817e99;margin-top:10px;font-size:11px;display:block}.ond-guide-break{display:none}.ond-guide-overview{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 16px;padding:22px 0;list-style:none;display:grid}.ond-guide-overview li{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.ond-guide-overview li:not(:last-child):after{content:"";background:#dbe3ee;width:calc(100% - 44px);height:1px;position:absolute;top:17px;left:calc(50% + 22px)}.ond-guide-overview span{color:#5d75a1;background:#edf1f8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.ond-guide-overview strong{color:#71839a;font-size:11px;font-weight:700}.ond-guide-steps{gap:16px;display:grid}.ond-guide-steps>section{background:#fff;border:1px solid #e1e7ee;border-radius:16px;gap:22px;padding:26px;display:flex}.ond-guide-number{color:#617ba9;background:#edf2fa;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:grid}.ond-guide-steps section>div:last-child{min-width:0}.ond-guide-steps small{letter-spacing:.1em;color:#99a7b9;font-size:9px;font-weight:800;display:block}.ond-guide-steps h3{color:#354b63;margin:3px 0 10px;font-size:17px;font-weight:800}.ond-guide-steps p{font-size:12px;line-height:1.95}.ond-guide-steps .ond-guide-privacy{color:#618779;background:#f2f7f5;border-radius:10px;margin-top:16px;padding:14px 16px;font-size:11px}@media (width<=600px){.ond-guide-start{padding:20px}.ond-guide-start h3{font-size:18px}.ond-guide-break{display:block}.ond-guide-overview{gap:4px}.ond-guide-overview strong{word-break:keep-all;font-size:10px}.ond-guide-steps>section{gap:14px;padding:20px}.ond-guide-number{border-radius:10px;width:34px;height:34px;font-size:13px}.ond-guide-steps h3{font-size:15px}}.ond-guide-screenshot{border:1px solid #e6ebf1;border-radius:12px;width:100%;height:auto;margin-top:20px;display:block}.ond-course-introduction{color:#617184;font-size:13px;line-height:1.9}.ond-intro-tabs{background:#edf1f6;border-radius:13px;gap:6px;margin-bottom:24px;padding:5px;display:flex}.ond-intro-tabs button{color:#8391a2;border-radius:9px;flex:1;padding:12px 20px;font-size:13px;font-weight:800;transition:background .2s,color .2s}.ond-intro-tabs button[aria-selected=true]{color:#526b9e;background:#fff;box-shadow:0 2px 8px #23354d0a}.ond-intro-tabs button:focus-visible{outline-offset:2px;outline:2px solid #667eb0}.ond-intro-definition{background:#f1f0fa;border:1px solid #e7e5f2;border-radius:16px;padding:24px 26px}.ond-intro-definition>span{color:#8e88b0;letter-spacing:.08em;font-size:10px;font-weight:800}.ond-intro-definition h3{color:#39445c;margin:4px 0 12px;font-size:19px;font-weight:800}.ond-intro-definition p+p{margin-top:12px}.ond-intro-section-title{color:#2f435d;margin:30px 0 18px;font-size:19px;font-weight:800}.ond-intro-student-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.ond-intro-student-steps>li{background:#fff;border:1px solid #e0e6ed;border-radius:16px;padding:24px}.ond-intro-step-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ond-intro-step-top>span{color:#6b6aa5;letter-spacing:.04em;background:#eef0f9;border-radius:7px;padding:4px 9px;font-size:10px;font-weight:800}.ond-intro-step-top small{color:#8997a8;font-size:11px}.ond-course-introduction h4{color:#354b63;margin-bottom:12px;font-size:15px;font-weight:800;line-height:1.6}.ond-intro-student-steps p{overflow-wrap:anywhere;font-size:12px;line-height:1.95}.ond-course-introduction .ond-intro-warning{color:#ba6b5e;background:#fff5f1;border-radius:8px;margin-top:16px;padding:8px 11px;font-size:11px;font-weight:600}.ond-intro-teacher-steps{gap:16px;padding:0;list-style:none;display:grid}.ond-intro-teacher-steps>li{background:#fff;border:1px solid #e0e6ed;border-radius:16px;gap:22px;padding:24px;display:flex}.ond-intro-teacher-steps>li>span{color:#766cb0;background:#efedf8;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:grid}.ond-intro-teacher-steps>li>div{flex:1;min-width:0}.ond-intro-teacher-steps ul{overflow-wrap:anywhere;padding-left:17px;font-size:12px;list-style:outside}.ond-intro-teacher-steps ul li+li{margin-top:8px}@media (width<=600px){.ond-intro-student-steps{grid-template-columns:1fr}.ond-intro-definition{padding:20px}.ond-intro-teacher-steps>li{gap:14px;padding:20px}.ond-intro-teacher-steps>li>span{border-radius:10px;width:34px;height:34px;font-size:13px}.ond-intro-section-title{font-size:17px}.ond-course-introduction h4{font-size:14px}}.ond-operation{color:#617184;font-size:12px;line-height:1.85}.ond-operation-target{background:#f8f5e9;border:1px solid #ece6d4;border-bottom:3px solid #efd6a2;border-radius:16px;padding:24px 26px}.ond-operation-target>span{letter-spacing:.08em;color:#a08c56;font-size:10px;font-weight:800}.ond-operation-target h3{color:#3f463f;margin:5px 0 10px;font-size:18px;font-weight:800}.ond-operation>section{margin-top:32px}.ond-operation section>h3{color:#293e55;align-items:center;gap:10px;margin-bottom:18px;font-size:18px;font-weight:800;display:flex}.ond-operation h3>b{color:#6a63ae;background:#efedf8;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.ond-operation-period{gap:8px;margin-bottom:18px;display:grid}.ond-operation-period p{background:#f6f8fc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.ond-operation-period strong{color:#52699c}.ond-operation-period span{color:#8490a4;margin-left:auto;font-size:11px}.ond-operation-table{scrollbar-width:thin;border:1px solid #dce3ec;border-radius:12px;overflow:auto}.ond-operation-table table{border-collapse:collapse;text-align:center;width:100%;min-width:480px;font-size:11px}.ond-operation-table th,.ond-operation-table td{vertical-align:middle;border-bottom:1px solid #e4e9ef;border-right:1px solid #e4e9ef;padding:10px 12px}.ond-operation-table thead th{color:#435a7b;white-space:nowrap;background:#ecf1fa;font-weight:800}.ond-operation-table tbody th{color:#43596d;font-weight:600}.ond-operation-table tr:last-child>*{border-bottom:0}.ond-operation-table tr>:last-child{border-right:0}.ond-operation-table tbody tr:nth-child(2n){background:#f8fafc}.ond-operation-note{color:#93a0ad;margin-top:10px;font-size:10px;line-height:1.8}.ond-operation-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;list-style:none;display:grid}.ond-operation-steps li{background:#f8f9fc;border:1px solid #e5e7f2;border-radius:14px;padding:18px 16px}.ond-operation-steps li>span{color:#7b74b9;margin-bottom:18px;font-size:22px;font-weight:800;line-height:1;display:block}.ond-operation-steps li:nth-child(2n)>span{color:#c78178}.ond-operation-steps strong{color:#60659a;font-size:11px}.ond-operation-steps p{margin-top:7px;font-size:11px;line-height:1.7}.ond-operation-steps small{color:#97a1b3;font-size:10px}.ond-operation-subjects{min-width:660px!important}.ond-operation-subjects tbody td:first-child,.ond-operation-subjects tbody td:nth-child(2){color:#83929f;font-size:11px}.ond-operation-subjects tbody th{background:#f0f7f4}.ond-operation-subjects .is-common th{background:#f6f6e7}@media (width<=600px){.ond-operation-target{padding:20px}.ond-operation section>h3{font-size:16px}.ond-operation-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ond-operation-period p{gap:8px;font-size:11px}.ond-operation-table th,.ond-operation-table td{padding:10px}}.student-account{color:#4b689f;align-items:center;gap:11px;display:flex}.student-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:38px;height:38px;box-shadow:0 0 0 1px #dce5ec}.student-greeting{white-space:nowrap;font-size:12px}.student-message-trigger{color:#5c79a7;background:#f8faff;border:1px solid #dfe7f0;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s;display:grid;position:relative}.student-message-trigger:hover{background:#eaf1fc}.student-message-trigger>b{color:#fff;background:#4b689f;border:2px solid #fff;border-radius:20px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:-5px;right:-4px}.student-account.is-dark{color:#c7baff}.student-account.is-dark .student-message-trigger{color:#d8d1fa;background:#ffffff0c;border-color:#ffffff30}.student-account.is-compact{gap:8px}.student-account.is-compact .student-avatar,.student-account.is-compact .student-message-trigger{width:30px;height:30px}.student-message-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#13213988;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.student-message-dialog{color:#24394b;background:#fff;border-radius:24px;outline:none;flex-direction:column;width:min(960px,100%);height:min(720px,88dvh);display:flex;overflow:hidden;box-shadow:0 24px 80px #10203838}.student-message-dialog>header{border-bottom:1px solid #e8edf2;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.student-message-dialog header small{letter-spacing:.16em;color:#8193a6;font-size:10px;font-weight:700}.student-message-dialog h2{margin-top:3px;font-size:23px;font-weight:800}.student-message-dialog h2 span{color:#4b689f;margin-left:6px;font-size:12px}.student-message-dialog header>button{color:#637788;background:#f2f5f8;border-radius:50%;width:34px;height:34px;font-size:23px}.student-chat-layout{flex:1;grid-template-columns:280px minmax(0,1fr);min-height:0;display:grid}.student-conversations{background:#fff;border-right:1px solid #e8edf2;padding:20px 12px;overflow-y:auto}.student-conversations>p{color:#8b99a8;padding:0 12px 18px;font-size:11px}.student-conversations>p b{color:#4b689f;margin-left:4px}.student-conversations>button{text-align:left;border-radius:13px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:16px 12px;display:flex;position:relative}.student-conversations>button:hover{background:#f6f8fb}.student-conversations>button.is-active{background:#edf3fa}.student-contact-avatar{color:#566da9;background:#e5ebfa;border-radius:14px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.student-contact-avatar.contact-2{color:#558476;background:#e6f1ed}.student-contact-info{flex:1;min-width:0}.student-contact-info strong{align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.student-contact-info i{background:#4b689f;border-radius:50%;width:5px;height:5px}.student-contact-info small{white-space:nowrap;text-overflow:ellipsis;color:#8898a8;margin-top:6px;font-size:11px;line-height:1.7;display:block;overflow:hidden}.student-conversations time{color:#9aa9b6;font-size:9px;position:absolute;top:5px;right:12px}.student-conversation{flex-direction:column;min-width:0;min-height:0;display:flex}.student-conversation-heading{border-bottom:1px solid #e8edf2;align-items:center;gap:12px;padding:18px 24px;display:flex}.student-conversation-heading strong{font-size:13px;font-weight:700}.student-conversation-heading small{color:#91a0ae;margin-top:4px;font-size:11px;display:block}.student-chat-back{display:none}.student-chat-history{overscroll-behavior:contain;background:#f5f7fa;flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.student-chat-date{text-align:center;color:#91a0ae;margin:0 0 24px;font-size:10px}.student-chat-row{align-items:flex-end;gap:8px;margin-bottom:20px;display:flex}.student-chat-bubble{background:#fff;border:1px solid #e7edf3;border-radius:4px 18px 18px;max-width:80%;padding:14px 18px;box-shadow:0 2px 4px #23395203}.student-chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.85}.student-chat-row>time{color:#98a6b3;white-space:nowrap;padding-bottom:3px;font-size:9px}.student-chat-row time small{text-align:right;margin-top:3px;font-size:9px;display:block}.student-chat-row.is-mine{flex-direction:row-reverse}.is-mine .student-chat-bubble{color:#fff;background:#4b689f;border-color:#4b689f;border-radius:18px 4px 18px 18px}.student-chat-compose{background:#fff;border-top:1px solid #e8edf2;padding:16px 22px 12px}.student-chat-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.student-chat-compose>div{background:#f6f8fb;border:1px solid #e1e8f0;border-radius:14px;align-items:flex-end;gap:12px;padding:10px;display:flex}.student-chat-compose textarea{resize:vertical;background:0 0;border:0;outline:none;flex:1;min-width:0;height:56px;max-height:120px;padding:7px;font-size:12px;line-height:1.7}.student-chat-compose>div:focus-within{border-color:#91a9cd}.student-chat-compose button{color:#fff;white-space:nowrap;background:#4b689f;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:700}.student-chat-compose button:disabled{cursor:default;background:#d9e1ec}.student-chat-compose button span{margin-left:5px}.student-chat-compose>p{color:#9aa6b2;margin-top:9px;font-size:10px;line-height:1.6}.student-message-dialog button:focus-visible,.student-message-trigger:focus-visible{outline-offset:3px;outline:2px solid #5c7daf}@media (width>=768px) and (width<=1200px){.student-greeting{display:none}header nav{gap:20px!important}}@media (width<=700px){.student-message-backdrop{padding:12px}.student-message-dialog{border-radius:20px;height:90dvh}.student-message-dialog>header{padding:18px 20px}.student-chat-layout{display:flex}.student-conversations{border:0;width:100%}.has-active .student-conversations{display:none}.student-conversation{width:100%}.student-chat-back{color:#607d9f;margin-right:4px;font-size:19px;display:block}.student-conversation-heading{padding:14px 18px}.student-chat-history{padding:20px 16px}.student-chat-compose,.student-chat-bubble{padding:12px 14px}.header-enter>img{width:110px;max-width:24vw}.student-account.is-compact .student-avatar{width:28px;height:28px}}.student-profile{flex-shrink:0;position:relative}.student-profile-trigger{cursor:pointer;border-radius:50%;transition:box-shadow .2s;display:block}.student-profile-trigger:hover,.student-profile-trigger[aria-expanded=true]{box-shadow:0 0 0 4px #6e8db31a}.student-profile-trigger:focus-visible{outline-offset:4px;outline:2px solid #5c7daf}.student-profile-card{z-index:55;color:#263c51;text-align:left;background:#fff;border:1px solid #e1e8ef;border-radius:20px;width:290px;padding:24px;font-weight:400;position:absolute;top:calc(100% + 18px);right:-30px;box-shadow:0 18px 60px #1b304526}.student-profile-card:before{content:"";background:#fff;border-top:1px solid #e1e8ef;border-left:1px solid #e1e8ef;width:10px;height:10px;position:absolute;top:-6px;right:42px;transform:rotate(45deg)}.student-profile-close{color:#91a0ad;width:28px;height:28px;font-size:21px;position:absolute;top:10px;right:14px}.student-profile-summary{text-align:center;padding:4px 0 22px}.student-profile-summary>img{object-fit:cover;border:3px solid #f0f4f8;border-radius:50%;width:68px;height:68px;margin:0 auto 14px;display:block}.student-profile-summary strong{font-size:18px;font-weight:800;display:block}.student-profile-summary strong span{color:#5e7ca5;vertical-align:middle;background:#edf3fb;border-radius:5px;margin-left:5px;padding:3px 7px;font-size:11px;font-weight:700}.student-profile-summary p{color:#94a0ac;margin-top:8px;font-size:11px}.student-profile-card dl{border-block:1px solid #ecf0f4;gap:13px;padding:16px 0;display:grid}.student-profile-card dl>div{justify-content:space-between;gap:14px;font-size:11px;display:flex}.student-profile-card dt{color:#8a9aa8}.student-profile-card dd{color:#425971;font-weight:600}.student-profile-logout{color:#5f748a;background:#f4f6f9;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:13px 16px;font-size:11px;font-weight:700;display:flex}.student-profile-logout:hover{background:#eaf0f7}.student-profile-card button:focus-visible{outline-offset:3px;outline:2px solid #5c7daf}@media (width<=720px){.student-profile-card{width:min(290px,100vw - 32px);position:fixed;top:70px;right:16px}.student-profile-card:before{display:none}}.student-remote-trigger{white-space:nowrap;color:#607ca6;background:#f8faff;border:1px solid #dfe7f0;border-radius:20px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;transition:background .2s;display:flex}.student-remote-trigger:hover{background:#eaf1fc}.is-dark .student-remote-trigger{color:#d8d1fa;background:#ffffff0c;border-color:#ffffff30}.student-remote-trigger:focus-visible{outline-offset:3px;outline:2px solid #5c7daf}.student-remote-dialog{color:#334b64;text-align:center;background:#fff;border-radius:22px;outline:none;width:min(420px,100%);padding:36px;position:relative;box-shadow:0 24px 80px #10203838}.student-remote-dialog>span{letter-spacing:.14em;color:#92a3b6;font-size:10px;font-weight:800}.student-remote-dialog h2{margin:12px 0 20px;font-size:24px;font-weight:800}.student-remote-dialog p{color:#76899c;font-size:13px;line-height:1.9}.student-remote-dialog>div{color:#8596aa;background:#f2f5fa;border-radius:10px;margin:24px 0;padding:14px;font-size:11px}.student-remote-confirm{color:#fff;background:#4b689f;border-radius:10px;width:100%;padding:13px;font-size:12px;font-weight:700}.is-compact .student-remote-trigger{width:30px;height:30px;padding:0}.is-compact .student-remote-trigger>span{display:none}@media (width>=768px) and (width<=1350px){.student-greeting{display:none}header nav{gap:18px!important}}.join-page{color:#24394b;background:#f5f7fa;min-height:100dvh;font-family:inherit}.join-page button,.join-page input,.join-page select,.join-page textarea{font:inherit}.join-page button{cursor:pointer}.join-page button:disabled{cursor:default;opacity:.45}.join-page button:focus-visible,.join-page input:focus-visible,.join-page summary:focus-visible{outline-offset:4px;outline:2px solid #427f83}.join-header{background:#fff;border-bottom:1px solid #e3e9ed;align-items:center;gap:28px;height:82px;padding:0 clamp(24px,5vw,80px);display:flex}.join-header img{width:190px;height:auto}.join-header>span{border-left:1px solid #dce4e8;padding-left:28px;font-size:14px;font-weight:700}.join-header>button:last-child{color:#617484;margin-left:auto;font-size:12px}.join-layout{grid-template-columns:340px minmax(0,1fr);max-width:1440px;min-height:calc(100dvh - 82px);margin:auto;display:grid}.join-aside{background:linear-gradient(150deg,#e9f1ed,#eff3f6);flex-direction:column;height:calc(100dvh - 82px);padding:64px 36px;display:flex;position:sticky;top:0;overflow:auto}.join-eyebrow{letter-spacing:.15em;color:#5e8581;font-size:10px;font-weight:800}.join-aside h1{letter-spacing:-.045em;margin:20px 0;font-size:32px;font-weight:800;line-height:1.45}.join-aside>p{color:#738590;font-size:13px;line-height:1.9}.join-aside ol{flex-direction:column;gap:28px;margin:0 0 44px;padding:0;list-style:none;display:flex}.join-aside li{color:#97a5ac;align-items:center;gap:16px;display:flex}.join-aside li>span{border:1px solid #ccd7d8;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.join-aside li strong,.join-aside li small{display:block}.join-aside li strong{font-size:13px}.join-aside li small{margin-top:5px;font-size:10px}.join-aside li.is-current{color:#23686c}.join-aside li.is-current>span{color:#fff;background:#23686c;border-color:#23686c;box-shadow:0 0 0 5px #23686c0b}.join-aside li.is-done{color:#597c78}.join-aside li.is-done>span{background:#dceae5;border-color:#dceae5}.join-aside-note{color:#7b8e94;border-top:1px solid #cedbd9;margin-top:auto;padding-top:20px;font-size:11px;line-height:1.9}.join-panel{background:#fff;min-width:0;padding:48px clamp(28px,5vw,80px) 80px}.join-content{max-width:880px;margin:auto;animation:.45s both join-arrive}.join-topline{color:#778b95;justify-content:space-between;align-items:center;margin-bottom:32px;font-size:11px;display:flex}.join-topline>span{letter-spacing:.12em;font-size:10px;font-weight:700}.join-content>h2{letter-spacing:-.04em;outline:none;margin:0;font-size:28px;font-weight:800;line-height:1.4}.join-subtitle{color:#7b8b96;margin:12px 0 36px;font-size:13px;line-height:1.9}.join-primary{color:#fff;background:#23686c;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:16px 26px;font-size:13px;font-weight:700;transition:background-color .2s,box-shadow .2s;display:inline-flex}.join-primary:hover:not(:disabled){background:#17565b;box-shadow:0 6px 20px #23686c1a}.join-actions{justify-content:flex-end;margin:32px 0;display:flex}.join-providers{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.join-providers>button{text-align:left;background:#fff;border:1px solid #dee6e9;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:220px;padding:26px 20px;transition:border-color .2s,background-color .2s;display:flex}.join-providers>button:hover{background:#f6faf8;border-color:#65a29f}.join-provider-mark{color:#d53058;background:#fae7ed;border-radius:14px;place-items:center;min-width:64px;height:48px;margin-bottom:22px;font-size:15px;font-weight:900;display:grid}.provider-1{color:#3865ad;background:#e7effc}.provider-2{color:#4d8959;background:#eaf3e6}.join-providers strong{font-size:17px}.join-providers small{color:#7c8d98;margin:8px 0 20px;font-size:11px;line-height:1.6}.join-providers b{color:#23686c;margin-top:auto;font-size:11px}.join-demo-note{color:#81919a;margin:22px 0;font-size:11px;line-height:1.8}.join-identity-form{max-width:520px}.join-identity-form>label,.join-account-form>label,.join-two-columns>label{font-size:13px;font-weight:700;line-height:1.6;display:block}.join-identity-form input,.join-account-form input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;color:#24394b;background:#fbfcfd;border:1px solid #d6e0e6;border-radius:12px;outline-color:#427f83;width:100%;height:54px;margin-top:10px;padding:14px 16px;font-size:13px;display:block}.join-identity-form input{font-size:17px}.join-identity-form label small,.join-account-form label small{color:#85949d;margin-top:8px;font-size:11px;font-weight:400;line-height:1.8;display:block}.join-identity-form>.join-primary{width:100%;margin-top:28px}.join-verification-info{background:#f3f8f5;border:1px solid #dce9e5;border-radius:14px;margin-bottom:28px;padding:20px}.join-verification-info>span{color:#698681;font-size:11px}.join-verification-info>strong{letter-spacing:.2em;color:#23686c;margin:8px 0;font-size:28px;display:block}.join-verification-info p{color:#7c918b;font-size:11px;line-height:1.8}.join-text-button{text-underline-offset:4px;color:#64838b;margin-top:14px;font-size:11px;text-decoration:underline;display:block}.join-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.join-role{text-align:left;background:#fff;border:1px solid #e0e7e9;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:230px;padding:24px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.join-role-mark{color:#6289bd;background:#edf3fc;border-radius:16px 16px 16px 4px;place-items:center;width:64px;height:54px;margin-bottom:18px;font-size:12px;font-weight:700;display:grid}.role-teal .join-role-mark{color:#4d927b;background:#e6f3ed}.role-peach .join-role-mark{color:#bd866a;background:#fff0e8}.role-purple .join-role-mark{color:#8d73a8;background:#f1ebfa}.join-role>strong{font-size:19px;font-weight:800}.join-role>b{color:#7c8b94;margin-top:4px;font-size:11px;font-weight:400}.join-role p{color:#86939b;margin:10px 0 22px;font-size:11px;line-height:1.8}.join-role-select{color:#457f7b;border-top:1px solid #e5ecec;width:100%;margin-top:auto;padding-top:14px;font-size:11px;font-weight:700}.join-role:hover,.join-role.is-selected{border-color:#528f8c;box-shadow:0 0 0 2px #528f8c14}.join-role.is-selected{background:#f6faf8}.join-agree-all{background:#f3f8f5;border:1px solid #cbded8;border-radius:14px;align-items:center;gap:12px;padding:22px;font-size:14px;font-weight:700;display:flex}.join-page input[type=checkbox],.join-page input[type=radio]{accent-color:#23686c;flex-shrink:0;width:18px;height:18px}.join-terms{gap:18px;margin-top:20px;display:grid}.join-terms article{background:#fff;border:1px solid #dfe7eb;border-radius:18px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 16px #203e4b04}.join-terms article.is-agreed{border-color:#8eb8ae;box-shadow:0 4px 18px #23686c08}.join-terms article>label{cursor:pointer;background:#fafcfc;border-bottom:1px solid #e8edef;align-items:center;gap:12px;padding:20px 22px;font-size:14px;display:flex}.join-terms article.is-agreed>label{background:#f0f7f3}.join-terms strong{line-height:1.6}.join-terms strong>span{color:#35776e;vertical-align:middle;background:#e8f2ee;border-radius:6px;margin-right:6px;padding:2px 7px;font-size:11px;display:inline-block}.join-term-body{white-space:pre-wrap;color:#617582;scrollbar-width:thin;scrollbar-color:#c1d1d2 transparent;background:#f7f9fa;border:1px solid #eaf0f2;border-radius:12px;max-height:210px;margin:18px;padding:18px 20px;font-size:12px;line-height:1.95;overflow-y:auto}.join-term-body:focus-visible{outline-offset:2px;outline:2px solid #427f83}@media (width<=720px){.join-terms article>label{padding:16px;font-size:13px}.join-term-body{max-height:190px;margin:12px;padding:14px;font-size:11px}}.join-verified{background:#eef6f2;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:32px;padding:16px 18px;font-size:11px;display:flex}.join-verified>span{color:#337d6c;font-weight:700}.join-verified p{color:#749088}.join-account-form h3{border-bottom:1px solid #e2e8ec;margin:32px 0 22px;padding-bottom:14px;font-size:17px;font-weight:800}.join-account-form>label,.join-two-columns,.join-org-fields{margin-bottom:22px}.join-required{color:#448c80;margin-left:6px;font-size:10px;font-weight:500}.join-input-action{align-items:flex-end;gap:10px;display:flex}.join-input-action input{flex:1;min-width:0}.join-input-action button{color:#367b73;white-space:nowrap;background:#f3f9f6;border:1px solid #bed5d0;border-radius:12px;height:54px;padding:0 16px;font-size:11px;font-weight:700}.join-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.join-account-form .join-inline-check{color:#71838e;align-items:center;gap:8px;font-size:11px;font-weight:400;display:flex}.join-purpose{border:0;margin:26px 0;padding:0}.join-purpose legend{margin-bottom:12px;font-size:13px;font-weight:700}.join-purpose>label{align-items:center;gap:8px;margin:0 18px 10px 0;font-size:12px;display:inline-flex}.join-section-help{color:#81909a;margin-bottom:22px;font-size:11px;line-height:1.8}.join-org-fields{flex-direction:column;gap:18px;display:flex}.join-org-fields>div>label{font-size:13px;font-weight:700}.join-search-select{text-align:left;color:#8c9aa3;background:#fbfcfd;border:1px solid #d6e0e6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;margin-top:10px;padding:14px 16px;font-size:12px;display:flex}.join-search-select b{white-space:nowrap;color:#55817e;font-size:11px;font-weight:700}.join-search-select.has-value{color:#253e4e;background:#fff}.join-error{color:#aa5749;background:#fff5f2;border:1px solid #efd3cf;border-radius:10px;margin:18px 0;padding:14px 16px;font-size:12px;line-height:1.8}.join-feedback{color:#397b70;background:#eef6f2;border-radius:10px;margin:18px 0;padding:14px 16px;font-size:11px;line-height:1.8}.join-complete{text-align:center;padding:30px 0}.join-complete>div{color:#3f8b70;background:#e4f1ea;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 26px;font-size:30px;display:grid}.join-complete h3{font-size:19px;font-weight:700;line-height:1.7}.join-complete p{color:#7b8e98;margin:18px 0 32px;font-size:13px;line-height:1.9}.join-picker-backdrop{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#142c3e88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.join-picker{background:#fff;border-radius:22px;flex-direction:column;width:min(620px,100%);min-height:0;max-height:86dvh;padding:28px;display:flex;box-shadow:0 24px 80px #0f263e33}.join-picker header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.join-picker header small{color:#7d949a;font-size:11px}.join-picker header h2{margin-top:6px;font-size:22px;font-weight:800}.join-picker header>button{border:1px solid #dce5e8;border-radius:50%;width:36px;height:36px;font-size:23px;line-height:1}.join-picker-parent{color:#63867c;background:#f0f6f3;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:11px}.join-search{border:1px solid #b3ccc8;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.join-search input{background:0 0;outline:none;width:100%;min-width:0;font-size:13px}.join-result-count{color:#80929b;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:18px 0 10px;font-size:11px;display:flex}.join-picker-results{min-height:120px;max-height:48dvh;overflow-y:auto}.join-picker-results>button{text-align:left;border-bottom:1px solid #e6ecee;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 12px;display:flex}.join-picker-results>button:hover,.join-picker-results>button[aria-pressed=true]{background:#f0f7f3}.join-picker-results strong,.join-picker-results small{display:block}.join-picker-results strong{font-size:13px}.join-picker-results small{color:#8b9aa2;margin-top:6px;font-size:11px;line-height:1.6}.join-picker footer{color:#8b9aa2;border-top:1px solid #e2e9ed;padding-top:18px;font-size:11px;line-height:1.7}.join-no-results{text-align:center;color:#7c929a;padding:40px 10px;font-size:13px}.join-no-results p{margin-top:10px;font-size:11px}.join-provider-preview{text-align:center;background:#fff;border-radius:24px;width:min(480px,100%);max-height:90dvh;padding:44px 32px 32px;position:relative;overflow:auto;box-shadow:0 24px 80px #0f263e33}.join-preview-close{color:#7f929b;width:30px;height:30px;font-size:24px;position:absolute;top:14px;right:18px}.join-preview-brand{color:#326e66;background:#ecf4ef;border-radius:18px;place-items:center;width:fit-content;min-width:78px;margin:0 auto 22px;padding:16px;font-size:23px;font-weight:900;display:grid}.join-provider-preview>p{color:#7b8c98;font-size:12px;line-height:1.9}.join-provider-preview h2{margin:12px 0 18px;font-size:24px;font-weight:800}.join-provider-preview>.join-primary{width:100%}.join-easy-brands{justify-content:center;gap:8px;margin:20px 0;display:flex}.join-easy-brands span{border:1px solid #e0e8e9;border-radius:10px;padding:10px 16px;font-size:11px}.join-sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes join-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width>=1600px){.join-layout{min-height:calc(100dvh - 82px);padding:36px 0}.join-aside{border-radius:24px 0 0 24px;height:calc(100dvh - 154px)}.join-panel{border-radius:0 24px 24px 0}}@media (width<=1050px){.join-layout{grid-template-columns:260px minmax(0,1fr)}.join-aside{padding:44px 24px}.join-aside h1{font-size:26px}.join-panel{padding:36px 28px 60px}.join-providers{grid-template-columns:1fr}.join-providers>button{grid-template-columns:66px 1fr;column-gap:18px;min-height:96px;padding:18px;display:grid}.join-provider-mark{grid-row:span 3;margin:0}.join-providers small{margin:5px 0}.join-providers b{margin-top:6px}}@media (width<=720px){.join-header{gap:14px;height:68px;padding:0 20px}.join-header img{width:130px}.join-header>span{padding-left:14px;font-size:11px}.join-header>button:last-child{font-size:11px}.join-layout{flex-direction:column;display:flex}.join-aside{height:auto;padding:24px 20px;position:static}.join-aside>.join-eyebrow,.join-aside>h1,.join-aside>p,.join-aside-note{display:none}.join-aside ol{flex-direction:row;justify-content:space-between;gap:6px;margin:0}.join-aside li{text-align:center;flex-direction:column;gap:8px}.join-aside li>span{width:30px;height:30px;font-size:10px}.join-aside li strong{font-size:11px}.join-aside li small{display:none}.join-panel{min-height:calc(100dvh - 170px);padding:28px 20px 60px}.join-content>h2{font-size:24px}.join-topline{margin-bottom:24px}.join-roles{gap:12px}.join-role{min-height:220px;padding:18px}.join-role>strong{font-size:17px}.join-two-columns{grid-template-columns:1fr}.join-purpose>label{margin-right:12px}.join-picker{padding:20px}.join-actions>.join-primary{width:100%}.join-subtitle{margin-bottom:26px;font-size:12px}.join-provider-preview{padding:40px 22px 24px}}@media (prefers-reduced-motion:reduce){.join-content{animation:none}.join-page *{transition:none!important}}.join-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1628378c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.join-modal{background:#fff;border:1px solid #ffffffa6;border-radius:24px;outline:none;width:min(1240px,100%);height:min(92dvh,1000px);min-height:0;animation:.35s both join-arrive;overflow:hidden;box-shadow:0 30px 100px #0f1f2e4d}.join-modal .join-page{flex-direction:column;height:100%;min-height:0;display:flex}.join-modal .join-header{flex-shrink:0;height:72px;padding:0 28px}.join-modal .join-header img{width:165px}.join-modal .join-layout{flex:1;grid-template-columns:280px minmax(0,1fr);width:100%;max-width:none;height:100%;min-height:0;padding:0;overflow:hidden}.join-modal .join-aside{border-radius:0;height:100%;min-height:0;padding:36px 26px;position:static;top:auto}.join-modal .join-aside h1{font-size:28px}.join-modal .join-aside ol{gap:24px;margin:30px 0}.join-modal .join-panel{overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:0;height:100%;min-height:0;padding:32px clamp(24px,3vw,48px) 48px;overflow-y:auto}.join-modal .join-content>h2{font-size:25px}@media (width<=900px){.join-modal .join-layout{grid-template-columns:225px minmax(0,1fr)}.join-modal .join-aside{padding:28px 20px}.join-modal .join-aside h1{font-size:24px}}@media (width<=720px){.join-modal-backdrop{padding:10px}.join-modal{border-radius:18px;height:94dvh}.join-modal .join-header{gap:14px;height:64px;padding:0 18px}.join-modal .join-header img{width:125px}.join-modal .join-layout{flex-direction:column;display:flex}.join-modal .join-aside{flex-shrink:0;height:auto;padding:18px 20px}.join-modal .join-aside ol{gap:6px;margin:0}.join-modal .join-panel{flex:1;padding:24px 20px 40px}.join-modal .join-content>h2{font-size:23px}}@media (prefers-reduced-motion:reduce){.join-modal{animation:none}}.join-purpose{border:0;flex-wrap:wrap;gap:10px;min-width:0;padding:0;display:flex}.join-purpose legend{margin-bottom:14px}.join-purpose>label{color:#647986;cursor:pointer;background:#f8fafb;border:1px solid #dce5e8;border-radius:12px;flex:135px;justify-content:center;align-items:center;padding:15px 14px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:flex;position:relative;margin:0!important}.join-purpose>label:hover{background:#f1f7f4;border-color:#8ab3ae}.join-purpose>label.is-selected{color:#fff;background:#23686c;border-color:#23686c;box-shadow:0 4px 12px #23686c20}.join-purpose>label input[type=radio]{opacity:0;width:1px;height:1px;position:absolute}.join-purpose>label:focus-within{outline-offset:3px;outline:2px solid #427f83}.join-modal{position:relative}.join-modal .join-org-picker-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#142c3e38;justify-content:flex-end;align-items:stretch;padding:0;display:flex;position:absolute;inset:0}.join-org-picker-backdrop .join-picker{border-radius:22px 0 0 22px;width:min(440px,100%);height:100%;max-height:100%;padding:30px 26px;animation:.25s both join-picker-enter;box-shadow:-16px 0 60px #142c3e24}.join-org-picker-backdrop .join-picker-results{overscroll-behavior:contain;flex:1;min-height:0;max-height:none}.join-org-picker-backdrop .join-picker footer{flex-shrink:0;margin-top:16px}@keyframes join-picker-enter{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (width<=720px){.join-org-picker-backdrop .join-picker{border-radius:16px 0 0 16px;width:min(400px,100%);padding:24px 20px}.join-purpose>label{flex-basis:calc(50% - 10px)}}@media (prefers-reduced-motion:reduce){.join-org-picker-backdrop .join-picker{animation:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"SUIT", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.8125rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.0625rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.1875rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.375rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--leading-normal:1.5;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.right-0{right:0}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.right-\[5\%\]{right:5%}.z-10{z-index:10}.z-50{z-index:50}.order-first{order:-9999}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.my-auto{margin-block:auto}.ms-17{margin-inline-start:calc(var(--spacing) * 17)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-1{margin-bottom:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-\[54px\]{height:54px}.h-\[56px\]{height:56px}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[85dvh\]{max-height:85dvh}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-\[190px\]{min-height:190px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-\[75\%\]{width:75%}.w-\[90px\]{width:90px}.w-\[190px\]{width:190px}.w-\[205px\]{width:205px}.w-full{width:100%}.max-w-\[180px\]{max-width:180px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[700px\]{max-width:700px}.max-w-\[720px\]{max-width:720px}.max-w-\[1500px\]{max-width:1500px}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[18px\]{border-radius:18px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y-\[5px\]{border-block-style:var(--tw-border-style);border-block-width:5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-\[8px\]{border-left-style:var(--tw-border-style);border-left-width:8px}.border-\[\#b9a7ff\]\/20{border-color:oklab(77.7006% .0479705 -.114956/.2)}.border-\[\#b9a7ff\]\/40{border-color:oklab(77.7006% .0479705 -.114956/.4)}.border-\[\#b9a7ff\]\/55{border-color:oklab(77.7006% .0479705 -.114956/.55)}.border-\[\#bd7d68\]{border-color:#bd7d68}.border-\[\#d5d9de\]{border-color:#d5d9de}.border-\[\#ffb879\]{border-color:#ffb879}.border-current{border-color:currentColor}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.border-white\/\[\.07\]{border-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.border-white\/\[\.07\]{border-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.border-y-transparent{border-block-color:#0000}.border-l-\[\#17233e\]{border-left-color:#17233e}.border-l-white{border-left-color:var(--color-white)}.bg-\[\#0d1525\]\/75{background-color:oklab(19.6912% -.00403038 -.0344131/.75)}.bg-\[\#4b689f\]{background-color:#4b689f}.bg-\[\#202d43\]{background-color:#202d43}.bg-\[\#7357d9\]{background-color:#7357d9}.bg-\[\#17233e\]{background-color:#17233e}.bg-\[\#17233e\]\/70{background-color:oklab(26.0218% -.00485568 -.0534631/.7)}.bg-\[\#26354d\]{background-color:#26354d}.bg-\[\#aeb7c5\]{background-color:#aeb7c5}.bg-\[\#b9a7ff\]{background-color:#b9a7ff}.bg-\[\#b9a7ff\]\/10{background-color:oklab(77.7006% .0479705 -.114956/.1)}.bg-\[\#b9a7ff\]\/15{background-color:oklab(77.7006% .0479705 -.114956/.15)}.bg-\[\#d5d9de\]{background-color:#d5d9de}.bg-\[\#eef1e9\]{background-color:#eef1e9}.bg-\[\#f6f7f6\]{background-color:#f6f7f6}.bg-\[\#ff6b35\]{background-color:#ff6b35}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/\[\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/\[\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.05\]{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/\[\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-white\/\[\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.07\]{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.bg-white\/\[\.025\]{background-color:#ffffff06}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.025\]{background-color:color-mix(in oklab, var(--color-white) 2.5%, transparent)}}.bg-white\/\[\.035\]{background-color:#ffffff09}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.035\]{background-color:color-mix(in oklab, var(--color-white) 3.5%, transparent)}}.bg-white\/\[\.055\]{background-color:#ffffff0e}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[\.055\]{background-color:color-mix(in oklab, var(--color-white) 5.5%, transparent)}}.bg-\[linear-gradient\(90deg\,rgba\(16\,24\,40\,\.96\)_12\%\,rgba\(20\,30\,48\,\.82\)_45\%\,rgba\(11\,18\,30\,\.58\)_100\%\)\]{background-image:linear-gradient(90deg,#101828f5 12%,#141e30d1 45%,#0b121e94 100%)}.bg-\[linear-gradient\(100deg\,rgba\(247\,249\,244\,\.92\)_0\%\,rgba\(247\,249\,244\,\.7\)_48\%\,rgba\(247\,249\,244\,\.12\)_100\%\)\]{background-image:linear-gradient(100deg,#f7f9f4eb 0%,#f7f9f4b3 48%,#f7f9f41f 100%)}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-\[clamp\(28px\,5vw\,48px\)\]{padding:clamp(28px,5vw,48px)}.p-\[clamp\(42px\,6vw\,84px\)\]{padding:clamp(42px,6vw,84px)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[clamp\(22px\,4\.8vw\,84px\)\]{padding-inline:clamp(22px,4.8vw,84px)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[26px\]{font-size:26px}.text-\[30px\]{font-size:30px}.text-\[36px\]{font-size:36px}.text-\[clamp\(46px\,5vw\,66px\)\]{font-size:clamp(46px,5vw,66px)}.text-\[clamp\(46px\,5vw\,72px\)\]{font-size:clamp(46px,5vw,72px)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.07\]{--tw-leading:1.07;line-height:1.07}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[-\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[\#4b689f\]{color:#4b689f}.text-\[\#6c7990\]{color:#6c7990}.text-\[\#253c50\]{color:#253c50}.text-\[\#17233e\]{color:#17233e}.text-\[\#52677a\]{color:#52677a}.text-\[\#b9a7ff\]{color:#b9a7ff}.text-\[\#bd685f\]{color:#bd685f}.text-\[\#d2c6ff\]{color:#d2c6ff}.text-\[\#d5caff\]{color:#d5caff}.text-\[\#ffce73\]{color:#ffce73}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/42{color:#ffffff6b}@supports (color:color-mix(in lab, red, red)){.text-white\/42{color:color-mix(in oklab, var(--color-white) 42%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.opacity-0{opacity:0}.opacity-55{opacity:.55}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-\[0_0_0_1px_rgba\(185\,167\,255\,\.08\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#b9a7ff14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(255\,107\,53\,\.35\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#ff6b3559);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(0\,0\,0\,\.28\)\]{--tw-shadow:0 24px 80px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_30px_100px_rgba\(0\,0\,0\,\.45\)\]{--tw-shadow:0 30px 100px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[\#bd7d68\]{--tw-ring-color:#bd7d68}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.saturate-50{--tw-saturate:saturate(50%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:border-\[\#17233e\]:hover{border-color:#17233e}.hover\:border-\[\#b9a7ff\]\/30:hover{border-color:oklab(77.7006% .0479705 -.114956/.3)}.hover\:border-\[\#b9a7ff\]\/40:hover{border-color:oklab(77.7006% .0479705 -.114956/.4)}.hover\:bg-\[\#4b689f\]:hover{background-color:#4b689f}.hover\:bg-\[\#6548cf\]:hover{background-color:#6548cf}.hover\:bg-\[\#b9a7ff\]\/10:hover{background-color:oklab(77.7006% .0479705 -.114956/.1)}.hover\:bg-\[\#b9a7ff\]\/15:hover{background-color:oklab(77.7006% .0479705 -.114956/.15)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-\[\#4b689f\]:hover{color:#4b689f}.hover\:text-\[\#17233e\]:hover{color:#17233e}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-100:hover{opacity:1}.hover\:saturate-100:hover{--tw-saturate:saturate(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[\#4b689f\]:focus{border-color:#4b689f}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#4b689f\]\/15:focus{--tw-ring-color:oklab(51.9754% -.0124123 -.0931802/.15)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:saturate-100:focus-visible{--tw-saturate:saturate(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.disabled\:cursor-default:disabled{cursor:default}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media (width>=48rem){.md\:w-\[68\%\]{width:68%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:order-none{order:0}.lg\:hidden{display:none}.lg\:grid-cols-\[1\.35fr_\.65fr\]{grid-template-columns:1.35fr .65fr}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}}@media (width>=80rem){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[1\.45fr_\.75fr\]{grid-template-columns:1.45fr .75fr}}}@font-face{font-family:SUIT;src:url(/ondidim/assets/SUIT-Variable-gqD86R3M.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{background:#f6f7f6;margin:0;font-family:SUIT,sans-serif}button,a{cursor:pointer}h1,h2,strong,button,h3,nav,.font-bold,.font-black,.font-mono{font-family:SUIT,sans-serif}.header-enter{will-change:transform, opacity;animation:.7s cubic-bezier(.22,1,.36,1) both header-drop}.hero-enter{will-change:transform, opacity;animation:.76s cubic-bezier(.22,1,.36,1) both hero-rise}.hero-delay-1{animation-delay:.18s}.hero-delay-2{animation-delay:.28s}.hero-delay-3{animation-delay:.38s}.hero-delay-4{animation-delay:.48s}.hero-delay-5{animation-delay:.62s}.classroom-enter-left,.classroom-enter-right{will-change:transform, opacity;animation-duration:.72s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.classroom-enter-left{animation-name:classroom-slide-left}.classroom-enter-right{animation-name:classroom-slide-right}.classroom-delay-1{animation-delay:.1s}.classroom-delay-2{animation-delay:.19s}.classroom-delay-3{animation-delay:.29s}.game-start-button{transform-origin:50%;animation:.76s cubic-bezier(.16,1.3,.3,1) .52s both game-button-unfold}.game-start-button:after{content:"";filter:blur(1px);background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:34%;position:absolute;inset:-40% auto -40% -55%;transform:skew(-18deg)}.game-start-button:hover{filter:saturate(1.12)brightness(1.06)}.game-start-button:hover:after{animation:.62s ease-out game-button-flash}@keyframes header-drop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes game-button-unfold{0%{opacity:0;transform:scaleX(.32)scaleY(.72)}58%{opacity:1;transform:scaleX(1.08)scaleY(1.06)}78%{transform:scaleX(.97)scaleY(.98)}to{opacity:1;transform:scale(1)}}@keyframes game-button-flash{0%{left:-55%}to{left:125%}}@keyframes classroom-slide-left{0%{opacity:0;transform:translate(-72px)scale(.985)}to{opacity:1;transform:none}}@keyframes classroom-slide-right{0%{opacity:0;transform:translate(72px)scale(.985)}to{opacity:1;transform:none}}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.course-panel{transform-origin:top;animation:linear both course-panel-rise;animation-timeline:view();animation-range:entry entry 38%}@keyframes course-panel-rise{0%{opacity:.82;transform:translateY(120px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}}@media (height<=720px){#episodes{margin-top:24px}}@media (prefers-reduced-motion:reduce){.course-panel,.header-enter,.hero-enter,.classroom-enter-left,.classroom-enter-right,.game-start-button{animation:none}}.course-discovery-button{transition:background-color .24s,border-color .24s;animation:4.8s ease-in-out infinite course-discovery-glow}.course-discovery-button:hover,.course-discovery-button:focus-visible{background-color:#2b3c57;border-color:#fffc;animation-play-state:paused}.course-discovery-button:focus-visible{outline-offset:5px;outline:2px solid #ffb879}@keyframes course-discovery-glow{0%,to{border-color:#ffffff59;box-shadow:0 4px 16px #00000029,0 0 #a1bdec00}50%{border-color:#cfdffabf;box-shadow:0 4px 20px #00000029,0 0 22px #a1bdec38}}@media (prefers-reduced-motion:reduce){.course-discovery-button{animation:none}}.course-drawer{z-index:45;transition:transform .68s cubic-bezier(.22,1,.36,1);position:fixed;inset:auto 0 0;transform:translateY(100%)}.course-drawer.is-open{transform:translateY(0)}.course-drawer-toggle{color:#fff;white-space:nowrap;background:#202d43;border:1px solid #ffffff73;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:12px 24px;font-size:13px;font-weight:700;display:flex;position:absolute;top:-68px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0b121e40}.course-drawer-chevron{font-size:21px;line-height:1;transition:transform .68s cubic-bezier(.22,1,.36,1);display:inline-block}.course-drawer-chevron.is-open{transform:rotate(180deg)}.course-drawer.is-open .course-discovery-button{animation:none}.course-drawer-panel{overscroll-behavior:contain;max-height:calc(100dvh - 170px);padding:32px clamp(22px,4.8vw,84px) max(24px,env(safe-area-inset-bottom));color:#17233e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8fafdf7;border:1px solid #fffc;border-bottom:0;border-radius:32px 32px 0 0;animation:none;overflow-y:auto;box-shadow:0 -16px 48px #0f182a2e}@media (width<=560px){.course-drawer-toggle{padding:12px 18px;font-size:11px;top:-62px}.course-drawer-panel{border-radius:24px 24px 0 0;padding-top:24px}}@media (prefers-reduced-motion:reduce){.course-drawer,.course-drawer-chevron{transition:none}}.ond-support{color:#17233e;background:#f3f5f9;height:100dvh;padding-top:76px}.ond-support-layout{grid-template-columns:250px minmax(0,1fr);gap:24px;height:100%;padding:28px clamp(20px,4vw,64px);display:grid}.ond-support-sidebar{color:#fff;background:#202d43;border-radius:24px;flex-direction:column;padding:28px 18px;display:flex;overflow-y:auto}.ond-support-sidebar>div{border-bottom:1px solid #ffffff26;padding:0 12px 24px}.ond-support-sidebar>div>span{color:#b4c9ef;letter-spacing:.12em;font-size:10px;font-weight:700}.ond-support-sidebar h1{margin:10px 0;font-size:24px;font-weight:800}.ond-support-sidebar p{color:#bac5d7;font-size:11px;line-height:1.8}.ond-support-sidebar nav{flex-direction:column;gap:8px;margin-top:24px;display:flex}.ond-support-sidebar nav button{text-align:left;color:#d1d9e6;border-radius:14px;padding:16px 14px}.ond-support-sidebar nav strong,.ond-support-sidebar nav span{display:block}.ond-support-sidebar nav strong{font-size:14px}.ond-support-sidebar nav span{opacity:.7;margin-top:5px;font-size:11px}.ond-support-sidebar nav button:hover{background:#ffffff0d}.ond-support-sidebar nav button.is-active{color:#fff;background:#4b689f}.ond-support-help{margin-top:auto;padding:28px 12px 0}.ond-support-content{scrollbar-gutter:stable;background:#fff;border:1px solid #e0e6ef;border-radius:24px;min-width:0;padding:36px;overflow-y:auto}.ond-support-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.ond-support-heading p{color:#6c7990;font-size:11px}.ond-support-heading h2{margin:8px 0;font-size:28px;font-weight:800}.ond-support-heading span{color:#6c7990;font-size:13px}.ond-support-primary,.ond-support-secondary{white-space:nowrap;border-radius:12px;padding:12px 18px;font-size:12px;font-weight:700}.ond-support-primary{color:#fff;background:#4b689f}.ond-support-secondary{color:#4b689f;background:#fff;border:1px solid #d7dfeb}.ond-support-search{background:#f5f7fa;border:1px solid #e0e6ef;border-radius:12px;align-items:center;gap:14px;margin-bottom:24px;padding:12px 16px;font-size:12px;display:flex}.ond-support-search input{outline-offset:4px;background:0 0;flex:1;min-width:0;padding:4px}.ond-support-list>button,.ond-resource-row,.ond-support-faq article>button{text-align:left;border-bottom:1px solid #e6ebf2;align-items:center;gap:16px;width:100%;padding:22px 12px;display:flex}.ond-support-list strong,.ond-support-faq strong{flex:1;font-size:14px;line-height:1.6}.ond-support-list>button:hover{background:#f6f8fc}.ond-support-list time,.ond-support-list>button>span:last-child{color:#7b879b;font-size:11px}.ond-support-badge{color:#4b689f;background:#edf2fa;border-radius:8px;flex-shrink:0;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.ond-support-detail h3{margin:18px 0 12px;font-size:23px;font-weight:800}.ond-support-detail time{color:#7b879b;font-size:12px}.ond-support-detail>p{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #e6ebf2;margin:24px 0;padding:28px 0;font-size:14px;line-height:1.9}.ond-support-faq article>p{color:#52617a;background:#f5f7fb;padding:24px;font-size:13px;line-height:1.9}.ond-resource-row>div{flex:1;min-width:0}.ond-resource-row p{color:#7b879b;margin-top:6px;font-size:11px}.ond-support-empty{text-align:center;color:#6c7990;padding:60px 20px;line-height:1.9}.ond-support-demo,.ond-support-feedback{color:#52617a;background:#f0f4fb;border-radius:12px;margin-bottom:22px;padding:15px 18px;font-size:12px;line-height:1.8}.ond-support-form label{flex-direction:column;gap:10px;margin-bottom:22px;font-size:13px;font-weight:700;display:flex}.ond-support-form input,.ond-support-form select,.ond-support-form textarea{font:inherit;border:1px solid #d7dfeb;border-radius:10px;min-width:0;padding:12px;font-weight:400}.ond-support-form>div{justify-content:flex-end;gap:10px;display:flex}@media (width<=900px){.ond-support-layout{grid-template-columns:190px minmax(0,1fr);gap:14px;padding:16px}.ond-support-content{padding:24px}.ond-support-sidebar{padding:22px 12px}}@media (width<=600px){.ond-support-layout{flex-direction:column;gap:12px;padding:12px;display:flex}.ond-support-sidebar{border-radius:16px;flex-shrink:0;padding:10px;overflow:visible}.ond-support-sidebar>div,.ond-support-help,.ond-support-sidebar nav span{display:none}.ond-support-sidebar nav{flex-direction:row;gap:4px;margin:0}.ond-support-sidebar nav button{text-align:center;flex:1;padding:12px 4px}.ond-support-sidebar nav strong{font-size:11px}.ond-support-content{border-radius:16px;flex:1;padding:20px}.ond-support-heading h2{font-size:24px}.ond-support-list>button,.ond-resource-row{flex-wrap:wrap;gap:10px}.ond-support-list time{flex-basis:100%}.ond-support-heading{align-items:flex-start}}.ond-support-sidebar nav button.is-active{color:#16375f;background:#b9ddff;box-shadow:0 4px 14px #0000001a}.ond-support-sidebar nav button.is-active strong{font-weight:800}.lesson-activity-card{color:#17233e;background:#fff;border:1px solid #d5d9de;border-radius:16px;flex-shrink:0;width:240px;transition:opacity .25s,filter .25s,transform .25s;overflow:hidden}.lesson-activity-card.is-current{border-color:#bd7d68;box-shadow:0 0 0 2px #bd7d68}.lesson-activity-card.is-complete{opacity:.6;filter:saturate(.5)}.lesson-activity-card.is-complete:hover,.lesson-activity-card.is-complete:focus-within{opacity:1;filter:none}.lesson-lecture-button{text-align:left;width:100%;padding:10px;display:block}.lesson-lecture-button img{object-fit:cover;border-radius:9px;width:100%;height:112px}.lesson-card-meta{color:#4b689f;margin-top:12px;font-size:11px;font-weight:700;display:block}.lesson-lecture-button>strong{margin-top:6px;font-size:13px;line-height:1.5;display:block}.lesson-card-description{color:#6c7990;margin-top:7px;font-size:11px;line-height:1.7;display:block}.lesson-card-time{color:#4b689f;margin-top:10px;font-size:11px;font-weight:700;display:block}.lesson-after-activities{background:#f4f6fa;border-top:1px solid #e4e9f1;padding:12px}.lesson-after-activities>span{color:#77849a;font-size:10px;font-weight:700}.lesson-after-activities button{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 0 0;font-size:11px;font-weight:700;display:flex}.lesson-after-activities small{color:#6c7990;font-size:10px;font-weight:400}.lesson-dialog-tabs{background:#f0f3f8;border-radius:12px;gap:6px;margin:20px 0;padding:5px;display:flex}.lesson-dialog-tabs button{color:#6c7990;border-radius:9px;flex:1;padding:10px 8px;font-size:12px}.lesson-dialog-tabs button[aria-pressed=true]{color:#4b689f;background:#fff;font-weight:700;box-shadow:0 2px 8px #17233e0a}.lesson-demo-label{color:#7a879b;margin:12px 0;font-size:11px;line-height:1.7}.lesson-practice h3{margin:18px 0;font-size:16px;font-weight:700}.lesson-practice fieldset label{border:1px solid #dce3ee;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;font-size:13px;display:flex}.lesson-check-answer{color:#fff;background:#4b689f;border-radius:10px;margin-top:12px;padding:10px 16px;font-size:12px;font-weight:700}.lesson-check-answer:disabled{color:#7a879b;cursor:default;background:#dce3ee}.lesson-answer-feedback{background:#edf2fa;border-radius:12px;margin-top:16px;padding:16px;font-size:12px;line-height:1.8}.lesson-reflection>label{font-size:13px;line-height:1.7}.lesson-reflection textarea{border:1px solid #dce3ee;border-radius:10px;width:100%;margin-top:12px;padding:12px;font-size:13px}.lesson-reflection>p[role=status]{color:#4b689f;margin-top:12px;font-size:12px}.course-final-activity{text-align:left;color:#253e69;background:#edf3fd;border:1px solid #b5c6e2;border-radius:12px;flex-direction:column;flex-shrink:0;width:180px;padding:16px;transition:transform .25s;display:flex}.course-final-activity:hover{transform:translateY(-4px)}.course-final-icon{background:#d5e4fc;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:16px;font-size:24px;display:grid}.course-final-label{color:#647da4;font-size:10px;font-weight:700}.course-final-activity>strong{margin-top:6px;font-size:18px;font-weight:800}.course-final-activity p{color:#64718a;margin:10px 0 16px;font-size:11px;line-height:1.8}.course-final-activity>small{margin-top:auto;font-size:11px;font-weight:700}.course-final-activity.reflection{color:#60477e;background:#f4effb;border-color:#d2c4e5}.reflection .course-final-icon{background:#e7dcf6}.reflection .course-final-label{color:#806697}.episode-strip{scroll-behavior:auto;overflow-anchor:none;align-items:stretch;padding-top:4px}.episode-course-card{width:180px;transition:width .52s cubic-bezier(.22,1,.36,1),box-shadow .4s,opacity .3s,filter .3s}.episode-course-card[data-current=true]{width:260px;box-shadow:0 0 0 2px #bd7d68,0 8px 24px #00000018}.episode-course-card>img{height:96px;transition:height .52s cubic-bezier(.22,1,.36,1)}.episode-course-card[data-current=true]>img{height:96px}@media (hover:hover) and (pointer:fine){.episode-course-card:hover{width:280px;transform:none;box-shadow:0 0 0 2px #aebfdc,0 8px 24px #00000018}.episode-course-card[data-current=true]:hover{box-shadow:0 0 0 2px #bd7d68,0 8px 24px #00000018}}.episode-course-card:focus-visible{outline-offset:2px;outline:2px solid #aebfdc;width:260px}@media (width<=560px){.episode-course-card[data-current=true],.episode-course-card:focus-visible{width:230px}}@media (prefers-reduced-motion:reduce){.episode-course-card,.episode-course-card>img{transition:none}}@media (hover:hover) and (pointer:fine){.episode-strip:has(>.episode-course-card:hover)>.episode-course-card[data-current=true]:not(:hover){width:180px}}.onepass-login-trigger{color:#365792;background:#fff;border:1px solid #4b689f;width:100%;min-height:54px;margin-top:12px;font-size:14px;font-weight:700;transition:background-color .2s;display:block}.onepass-login-trigger:hover{background:#edf3fc}.onepass-login-trigger:focus-visible{outline-offset:3px;outline:2px solid #4b689f}.onepass-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17233eb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onepass-dialog{background:#fff;border-radius:20px;width:100%;max-width:850px;max-height:94dvh;overflow:auto;box-shadow:0 24px 80px #00000040}.onepass-dialog-head{border-bottom:1px solid #e5e9f1;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.onepass-dialog-head h2{font-size:15px;font-weight:700}.onepass-dialog-head button{color:#52617a;border:1px solid #d7deea;border-radius:50%;place-items:center;width:36px;height:36px;font-size:23px;line-height:1;display:grid}.onepass-dialog img{object-fit:contain;width:100%;max-height:calc(94dvh - 72px);display:block}@media (width<=560px){.onepass-backdrop{padding:12px}.onepass-dialog{border-radius:14px}.onepass-dialog-head{padding:12px 16px}}.subject-accordion{color:#fff;background:#202d43;display:flex;position:absolute;inset:76px 0 0;overflow:hidden}.subject-pane{background:#293d59;border-left:1px solid #ffffff26;flex:0 0 clamp(64px,5.5vw,96px);min-width:0;height:100%;transition:flex-basis .72s cubic-bezier(.22,1,.36,1),flex-grow .72s cubic-bezier(.22,1,.36,1),background-color .4s;position:relative;overflow:hidden}.subject-pane.is-expanded{background:#202d43;border-left:0;flex:1}.subject-pane-1{background:#384b66}.subject-pane-2{background:#536c72}.subject-pane-3{background:#776c75}.subject-pane-trigger{z-index:3;color:#fff;text-align:center;flex-direction:column;align-items:center;gap:28px;width:100%;padding:28px 12px;display:flex;position:absolute;inset:0}.subject-pane-number{opacity:.55;letter-spacing:.12em;font-size:11px;font-weight:700}.subject-pane-trigger strong{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.2em;font-size:23px;font-weight:800}.subject-pane-caption{writing-mode:vertical-rl;letter-spacing:.06em;opacity:.65;font-size:11px}.subject-pane-arrow{opacity:.8;margin-top:auto;padding:14px 0;font-size:23px}.subject-pane-trigger:hover{background:#ffffff0a}.subject-pane-trigger:focus-visible{outline-offset:-4px;outline:2px solid #ffb879}.subject-pane.is-expanded>.subject-pane-trigger{opacity:0;pointer-events:none;width:auto;height:32px;padding:6px 10px;inset:12px 16px auto auto}.subject-pane.is-expanded>.subject-pane-trigger:focus-visible{opacity:1;pointer-events:auto}.subject-pane.is-expanded>.subject-pane-trigger>:not(strong){display:none}.subject-pane.is-expanded>.subject-pane-trigger strong{writing-mode:horizontal-tb;font-size:11px}.subject-pane-content{min-width:0;height:100%;padding:clamp(36px,6vh,72px) clamp(24px,4vw,72px) 64px;animation:.55s both subject-content-reveal;position:relative;overflow:hidden auto}.subject-pane-content>.absolute{pointer-events:none}.subject-pane-content .episode-strip{margin-top:clamp(24px,5vh,48px)}.subject-pane-content .episode-course-card{min-height:0}@keyframes subject-content-reveal{0%{opacity:0}to{opacity:1}}@media (width<=900px){.subject-pane{flex-basis:54px}.subject-pane-trigger{gap:20px;padding:24px 6px}.subject-pane-trigger strong{font-size:19px}.subject-pane-caption{font-size:10px}.subject-pane-content{padding:32px 24px 40px}.subject-pane-content h1{font-size:clamp(30px,5vw,52px)}}@media (width<=560px){.subject-pane{flex-basis:36px}.subject-pane-trigger{gap:16px;padding:20px 4px}.subject-pane-trigger strong{font-size:15px}.subject-pane-caption{display:none}.subject-pane-content{padding:28px 16px}.subject-pane-content h1{font-size:28px}.subject-pane-content .hero-enter.mb-5{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.subject-pane{transition:none}.subject-pane-content{animation:none}}.login-introduction-links{border-top:1px solid #fff3;margin-top:36px;padding-top:26px}.login-introduction-links h2{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:17px;font-weight:800}.login-introduction-links>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.login-introduction-links button{text-align:left;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff4d;border-radius:14px;align-items:center;gap:12px;min-height:70px;padding:16px;transition:background-color .25s,border-color .25s;display:flex}.login-introduction-links button:hover{background:#ffffff26;border-color:#b9ddff}.login-introduction-links button:focus-visible{outline-offset:4px;outline:2px solid #b9ddff}.login-introduction-number{color:#b9ddff;font-size:11px;font-weight:700}.login-introduction-links strong{word-break:keep-all;flex:1;font-size:14px;line-height:1.6}.login-introduction-arrow{background:#ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:15px;display:grid}@media (width<=1023px){.ond-login-intro>div.relative{padding:36px 24px}.ond-login-intro>div.relative>img{display:none}.ond-login-intro .max-w-\[640px\]{max-width:none;padding-top:0}.ond-login-intro h1{font-size:34px}}@media (width<=420px){.login-introduction-links>div{grid-template-columns:1fr}}.ond-login-intro .login-introduction-links{border-top-color:#35506433}.ond-login-intro .login-introduction-links h2{color:#253c50}.ond-login-intro .login-introduction-links button{color:#253c50;background:#ffffffc2;border-color:#58758947;box-shadow:0 4px 18px #3e55640d}.ond-login-intro .login-introduction-links button:hover{background:#fffffff5;border-color:#5d8099}.ond-login-intro .login-introduction-links button:focus-visible{outline-color:#4b689f}.ond-login-intro .login-introduction-number{color:#5c7c91}.ond-login-intro .login-introduction-arrow{color:#385a71;background:#e4edf0}.ond-login-screen .ond-login-intro>img{animation:1.4s ease-out both login-backdrop-in}.ond-login-screen .ond-login-intro>.relative>img{animation:.7s 80ms both login-element-in}.ond-login-screen .ond-login-intro h1{animation:.8s .15s both login-element-in}.ond-login-screen .ond-login-intro h1+p{animation:.8s .25s both login-element-in}.ond-login-screen .login-introduction-links h2{animation:.7s .35s both login-element-in}.ond-login-screen .login-introduction-links button{transition:background-color .25s,border-color .25s,box-shadow .25s,translate .25s;animation:.7s .4s both login-element-in}.ond-login-screen .login-introduction-links button:nth-child(2){animation-delay:.47s}.ond-login-screen .login-introduction-links button:nth-child(3){animation-delay:.54s}.ond-login-screen .login-introduction-links button:nth-child(4){animation-delay:.61s}.ond-login-screen .login-introduction-links button:hover{translate:0 -2px;box-shadow:0 8px 24px #3e55641a}.ond-login-screen .order-first>div>img{animation:.7s 80ms both login-element-in}.ond-login-screen .order-first h2{animation:.75s .18s both login-element-in}.ond-login-screen .order-first h2+p{animation:.75s .26s both login-element-in}.ond-login-screen form{animation:.8s .34s both login-element-in}.ond-login-screen .onepass-login-trigger{transition:background-color .25s,box-shadow .25s;animation:.75s .46s both login-element-in}.ond-login-screen .onepass-login-trigger:hover{box-shadow:0 4px 16px #4b689f1f}.ond-login-screen [aria-label=계정\ 찾기]{animation:.7s .54s both login-element-in}.ond-login-screen form input{transition:border-color .22s,box-shadow .22s,background-color .22s}.ond-login-screen form input:focus{background-color:#fafcff}.ond-login-screen form button[type=submit]{transition:background-color .25s,box-shadow .25s}.ond-login-screen form button[type=submit]:hover{box-shadow:0 6px 20px #17233e29}@keyframes login-element-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-backdrop-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ond-login-screen *,.ond-login-screen :before,.ond-login-screen :after{transition:none!important;animation:none!important}.ond-login-screen .login-introduction-links button:hover{translate:none}}.ond-login-screen .order-first>div{animation:.9s cubic-bezier(.22,1,.36,1) .16s both login-panel-slide-in}.ond-login-screen .order-first>div>img,.ond-login-screen .order-first h2,.ond-login-screen .order-first h2+p,.ond-login-screen .order-first form,.ond-login-screen .order-first .onepass-login-trigger,.ond-login-screen .order-first [aria-label=계정\ 찾기]{animation:none}@keyframes login-panel-slide-in{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.ond-login-screen .order-first>div{animation:none}}.ond-signup-trigger{color:#36536b;background:#edf2f6;border:1px solid #d5dfe6;width:100%;min-height:50px;margin-top:18px;font-size:13px;font-weight:700;transition:background-color .2s;display:block}.ond-signup-trigger:hover{background:#e1eaf2}.introduction-dialog{overscroll-behavior:contain;border-radius:22px;max-height:90dvh;overflow-y:auto}.introduction-dialog.is-course-about{background:#fff;max-width:900px}.ond-course-about{color:#617184;font-size:13px;line-height:1.9}.ond-about-download{text-align:center;background:#f0effa;border:1px solid #e6e4f4;border-radius:16px;padding:24px}.ond-about-download h3{color:#35425c;font-size:17px;font-weight:800}.ond-about-download>div{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.ond-about-download button{color:#fff;opacity:.65;cursor:default;background:#6862ae;border-radius:9px;padding:11px 18px;font-size:12px;font-weight:700}.ond-about-download button+button{background:#3d66b6}.ond-about-download>p{color:#8a87a1;margin-top:10px;font-size:11px}.ond-course-about>section{margin-top:30px}.ond-course-about section>h3{color:#293e55;align-items:center;gap:10px;margin-bottom:14px;font-size:18px;font-weight:800;display:flex}.ond-course-about h3>span{color:#6a63ae;background:#efedf8;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.ond-about-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.ond-about-partners article{background:#f8f9fc;border:1px solid #e6e8f3;border-radius:15px;padding:22px}.ond-about-partners small{color:#7f8fa4;letter-spacing:.04em;font-size:10px;font-weight:700}.ond-about-partners h4{color:#5963a6;margin:4px 0 12px;font-size:17px;font-weight:800}.ond-about-partners ul{padding-left:17px;font-size:12px;line-height:1.9;list-style:outside}.ond-about-partners article:nth-child(3) h4,.ond-about-partners article:nth-child(4) h4{color:#267bb0}@media (width<=600px){.ond-about-partners{grid-template-columns:1fr}.ond-about-download{padding:20px 14px}.ond-about-download h3{font-size:15px}.ond-about-download>div{flex-direction:column;gap:8px}.ond-course-about section>h3{font-size:16px}}.ond-login-remote{color:#738499;background:#ffffff80;border:1px solid #dce3e9;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:24px auto 0;padding:8px 14px;font-size:11px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:flex}.ond-login-remote:hover{color:#4b689f;background:#fff;border-color:#91a8c4}.ond-login-remote:focus-visible{outline-offset:4px;outline:2px solid #4b689f}.classroom-lesson-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8f84ba #ffffff08;scrollbar-gutter:stable;max-height:clamp(140px,25dvh,230px);padding-right:8px;overflow-y:auto}.classroom-lesson-scroll:focus-visible{outline-offset:3px;border-radius:10px;outline:2px solid #b9a7ff}.classroom-lesson-scroll::-webkit-scrollbar{width:6px}.classroom-lesson-scroll::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.classroom-lesson-scroll::-webkit-scrollbar-thumb{background:#8f84ba;border-radius:10px}.classroom-lesson-scroll>button{padding:11px 14px}.classroom-dashboard>section{padding:18px}.classroom-dashboard>section>div:nth-child(2){margin-top:12px}.classroom-dashboard>section>div:nth-child(2)>div>button{padding:11px 14px}.classroom-dashboard>section>div:last-child{margin-top:12px;padding-top:12px}.classroom-dashboard>div{gap:16px}.classroom-dashboard>div>section{padding:20px}.classroom-shell>div:first-child h1{font-size:26px}.classroom-shell>div:first-child>div:last-child{padding-top:12px;padding-bottom:12px}.classroom-shell>.classroom-delay-1 button{padding-top:10px;padding-bottom:10px}@media (width>=1280px) and (height<=850px){.classroom-shell{padding-top:16px}.classroom-shell>.classroom-delay-1{margin-top:14px}.classroom-dashboard{margin-top:12px}.classroom-lesson-scroll{max-height:155px}.classroom-dashboard>section{padding:16px}.classroom-dashboard>section>div:nth-child(2)>div>button{padding:9px 12px}}@media (width<=720px){.classroom-shell{padding-top:20px}.classroom-lesson-scroll{max-height:240px}.classroom-dashboard>section{padding:16px}.classroom-dashboard>div>section{padding:18px}}.ond-learning-home{width:100%;max-width:100%;min-height:0}.ond-learning-home .subject-pane-content{box-sizing:border-box;overscroll-behavior:contain;padding-top:clamp(24px,4dvh,48px);padding-bottom:28px}.ond-learning-home .episode-strip{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:12px}.ond-learning-home .episode-strip::-webkit-scrollbar{width:0;height:0;display:none}.ond-learning-home .subject-pane-content h1{font-size:clamp(36px,6dvh,66px)}@media (width>=901px) and (height<=800px){.ond-learning-home .subject-pane-content{padding-top:24px;padding-bottom:20px}.ond-learning-home .subject-pane-content .hero-enter.mb-5{margin-bottom:14px}.ond-learning-home .subject-pane-content .hero-delay-3,.ond-learning-home .subject-pane-content .hero-delay-4{margin-top:16px}.ond-learning-home .subject-pane-content .episode-strip{margin-top:22px}.ond-learning-home .subject-pane-content .episode-course-card>img{height:80px}.ond-learning-home .subject-pane-content .course-final-activity{padding:14px}.ond-learning-home .subject-pane-content .bottom-14{bottom:18px}}@media (width<=900px){.ond-learning-home .subject-pane-content h1{font-size:clamp(30px,5vw,52px)}}.ond-learning-home .subject-accordion{flex-direction:column}.ond-learning-home .subject-pane{border-top:1px solid #ffffff26;border-left:0;flex:0 0 54px;width:100%;height:auto;min-height:0;transition:flex-basis .65s cubic-bezier(.22,1,.36,1),flex-grow .65s cubic-bezier(.22,1,.36,1),background-color .4s}.ond-learning-home .subject-pane.is-expanded{border-top:0;flex:1}.ond-learning-home .subject-pane-trigger{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:22px;height:100%;padding:10px clamp(24px,4vw,72px)}.ond-learning-home .subject-pane-trigger strong{writing-mode:horizontal-tb;text-orientation:mixed;letter-spacing:0;white-space:nowrap;font-size:18px}.ond-learning-home .subject-pane-caption{writing-mode:horizontal-tb;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ond-learning-home .subject-pane-arrow{margin:0 0 0 auto;padding:0;font-size:21px}.ond-learning-home .subject-pane.is-expanded>.subject-pane-trigger{gap:0;width:auto;height:32px;padding:6px 10px;inset:12px 16px auto auto}.ond-learning-home .subject-pane.is-expanded>.subject-pane-trigger strong{font-size:11px}.ond-learning-home .subject-pane-content{min-height:0}.ond-learning-home .subject-pane-content .episode-strip{margin-top:20px}@media (width>=901px) and (height<=850px){.ond-learning-home .subject-pane{flex-basis:46px}.ond-learning-home .subject-pane.is-expanded{flex-basis:0}.ond-learning-home .subject-pane-content{padding-top:20px;padding-bottom:16px}.ond-learning-home .subject-pane-content h1{font-size:clamp(32px,5.4dvh,46px)}.ond-learning-home .subject-pane-content .hero-enter.mb-5{gap:8px;margin-bottom:10px}.ond-learning-home .subject-pane-content .hero-enter.mb-5>span{padding-top:7px;padding-bottom:7px}.ond-learning-home .subject-pane-content .hero-delay-3,.ond-learning-home .subject-pane-content .hero-delay-4{margin-top:12px}.ond-learning-home .subject-pane-content .episode-strip{margin-top:16px}.ond-learning-home .subject-pane-content .episode-course-card>img{height:68px}.ond-learning-home .subject-pane-content .course-final-activity{padding:12px}.ond-learning-home .subject-pane-content .hero-delay-4>button{padding-top:10px;padding-bottom:10px}.ond-learning-home .subject-pane-content .hero-delay-4>button[aria-label]{width:42px;height:42px}.ond-learning-home .subject-pane-content .bottom-14{bottom:14px}}@media (width<=900px){.ond-learning-home .subject-pane{flex-basis:48px}.ond-learning-home .subject-pane.is-expanded{flex-basis:0}.ond-learning-home .subject-pane-trigger{gap:14px;padding:10px 24px}.ond-learning-home .subject-pane-trigger strong{font-size:16px}.ond-learning-home .subject-pane-caption{font-size:11px}}@media (width<=560px){.ond-learning-home .subject-pane{flex-basis:44px}.ond-learning-home .subject-pane.is-expanded{flex-basis:0}.ond-learning-home .subject-pane-trigger{gap:12px;padding:10px 16px}.ond-learning-home .subject-pane-caption{font-size:10px;display:block}.ond-learning-home .subject-pane-trigger strong{font-size:14px}.ond-learning-home .subject-pane-arrow{font-size:17px}}@media (prefers-reduced-motion:reduce){.ond-learning-home .subject-pane{transition:none}}.ond-learning-home .subject-pane:not(.is-expanded){flex-basis:72px}@media (width>=901px) and (height<=850px){.ond-learning-home .subject-pane:not(.is-expanded){flex-basis:62px}}@media (width<=900px){.ond-learning-home .subject-pane:not(.is-expanded){flex-basis:64px}}@media (width<=560px){.ond-learning-home .subject-pane:not(.is-expanded){flex-basis:58px}}.ond-support-searchbar{background:linear-gradient(120deg,#f8fafd,#f3f6fb);border:1px solid #e4eaf2;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:18px 20px;display:flex}.ond-support-result-count{white-space:nowrap;color:#8793a6;font-size:12px}.ond-support-result-count strong{color:#4b689f;margin:0 4px;font-size:14px}.ond-support-search-form{gap:10px;width:min(460px,100%);display:flex}.ond-support-search-field{background:#fff;border:1px solid #dce4ef;border-radius:11px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex;box-shadow:0 2px 6px #243e6003}.ond-support-search-field:focus-within{border-color:#829ac0;box-shadow:0 0 0 3px #4b689f0b}.ond-support-search-field>svg{color:#9aaac0;flex-shrink:0}.ond-support-search-field input{color:#354d6a;background:0 0;outline:none;width:100%;min-width:0;height:44px;font-size:12px}.ond-support-search-field input::placeholder{color:#a5afbd}.ond-support-search-clear{color:#8b9aae;background:#f1f4f8;border-radius:50%;flex-shrink:0;width:22px;height:22px;font-size:16px;line-height:1}.ond-support-search-submit{color:#fff;white-space:nowrap;background:#4b689f;border-radius:11px;padding:0 22px;font-size:12px;font-weight:700;transition:background .2s}.ond-support-search-submit:hover{background:#3a568a}.ond-support-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:28px;display:flex}.ond-support-pagination>span{align-items:center;gap:6px;display:flex}.ond-support-pagination button{color:#8392a8;background:#fff;border:1px solid #e3e9f1;border-radius:10px;place-items:center;min-width:36px;height:36px;padding:0 8px;font-size:11px;display:grid}.ond-support-pagination button:hover:not(:disabled){background:#f3f6fb}.ond-support-pagination button[aria-current=page]{color:#fff;background:#4b689f;border-color:#4b689f;font-weight:800}.ond-support-pagination button:disabled{opacity:.35;cursor:default}.ond-support-page-gap{color:#a7b1bf;padding:0 3px;font-size:11px}.ond-support-inquiry-answer{background:#f2f6fb;border:1px solid #e0e8f3;border-radius:14px;margin-bottom:24px;padding:24px}.ond-support-inquiry-answer>strong{color:#4b689f;font-size:12px}.ond-support-inquiry-answer>p{color:#63768f;margin-top:12px;font-size:13px;line-height:1.9}.ond-support-searchbar button:focus-visible,.ond-support-pagination button:focus-visible{outline-offset:3px;outline:2px solid #6b88b7}@media (width<=800px){.ond-support-searchbar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.ond-support-search-form{width:100%}.ond-support-search-submit{padding:0 18px}}.ond-support-audience{background:#eef2f8;border-radius:13px;gap:6px;width:fit-content;margin-bottom:20px;padding:5px;display:flex}.ond-support-audience button{color:#8b99ad;border-radius:9px;min-width:110px;padding:11px 24px;font-size:12px;font-weight:700;transition:background .2s,color .2s}.ond-support-audience button[aria-pressed=true]{color:#4b689f;background:#fff;box-shadow:0 2px 8px #243e600d}.ond-support-audience button:focus-visible{outline-offset:2px;outline:2px solid #6b88b7}.ond-support-audience[role=tablist]{background:0 0;border-bottom:1px solid #e0e6ef;border-radius:0;gap:28px;width:100%;margin-bottom:24px;padding:0}.ond-support-audience[role=tablist] button{min-width:0;box-shadow:none;background:0 0;border-radius:0;padding:14px 8px 16px;font-size:13px;position:relative}.ond-support-audience[role=tablist] button[aria-selected=true]{color:#4b689f;font-weight:800}.ond-support-audience[role=tablist] button[aria-selected=true]:after{content:"";background:#4b689f;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}@media (width<=600px){.ond-support-audience[role=tablist]{justify-content:space-between;gap:8px}.ond-support-audience[role=tablist] button{padding:12px 6px 14px;font-size:11px}}.ond-resource-file-type{color:#8b9bb0;white-space:nowrap;font-size:11px}.ond-support-resource-attachment{background:#f7f9fc;border:1px solid #e3e9f2;border-radius:14px;margin:0 0 28px;padding:20px}.ond-support-resource-attachment h4{color:#60758f;margin-bottom:14px;font-size:11px;font-weight:800}.ond-support-resource-attachment h4>span{color:#4b689f;margin-left:5px}.ond-support-resource-attachment>button{text-align:left;background:#fff;border:1px solid #e0e7f1;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:16px;display:flex}.ond-support-resource-attachment strong{color:#425a7b;overflow-wrap:anywhere;font-size:12px;display:block}.ond-support-resource-attachment small{color:#98a5b6;margin-top:5px;font-size:11px;display:block}.ond-support-resource-attachment b{color:#4b689f;white-space:nowrap;font-size:11px;font-weight:700}.ond-support-resource-attachment>button:hover{border-color:#a2b7d4}.ond-support-resource-attachment>button:focus-visible{outline-offset:3px;outline:2px solid #6b88b7}@media (width<=600px){.ond-support-resource-attachment{padding:16px}.ond-support-resource-attachment>button{gap:12px;padding:14px}.ond-support-resource-attachment>button>span{min-width:0}}.ond-social-login{margin-top:14px}.ond-social-divider{color:#98a3b2;align-items:center;gap:14px;margin:0 0 14px;font-size:11px;display:flex}.ond-social-divider:before,.ond-social-divider:after{content:"";background:#e0e5eb;flex:1;height:1px}.ond-social-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ond-social-buttons>button{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px;font-size:12px;font-weight:700;transition:filter .2s,transform .2s;display:flex}.ond-social-buttons>button:hover{filter:brightness(.97)}.ond-social-buttons>button:active{transform:translateY(1px)}.ond-social-buttons>button:focus-visible{outline-offset:3px;outline:2px solid #4b689f}.ond-social-kakao{color:#191919;background:#fee500}.ond-social-naver{color:#fff;background:#03c75a}.ond-naver-mark{font-size:20px;font-weight:900;line-height:1}.ond-social-dialog{text-align:center;background:#fff;border-radius:22px;width:min(400px,100%);padding:36px;box-shadow:0 24px 80px #0003}.ond-social-dialog>span{border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 22px;font-size:15px;font-weight:900;display:grid}.social-mark-kakao{color:#191919;background:#fee500}.social-mark-naver{color:#fff;background:#03c75a;font-size:26px!important}.ond-social-dialog h2{color:#24394b;font-size:22px;font-weight:800}.ond-social-dialog p{color:#8392a3;margin:16px 0 28px;font-size:12px;line-height:1.9}.ond-social-dialog>button{color:#fff;background:#17233e;border-radius:10px;width:100%;padding:13px;font-size:12px;font-weight:700}.ond-social-dialog>button:focus-visible{outline-offset:3px;outline:2px solid #4b689f}@media (width<=380px){.ond-social-buttons{grid-template-columns:1fr}}.ond-login-tabs{border-bottom:1px solid #dce3ec;gap:24px;margin:30px 0 28px;display:flex}.ond-login-tabs>button{color:#98a4b3;flex:1;padding:12px 4px 16px;font-size:13px;font-weight:700;position:relative}.ond-login-tabs>button[aria-selected=true]{color:#243c5c;font-weight:800}.ond-login-tabs>button[aria-selected=true]:after{content:"";background:#4b689f;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.ond-login-tabs>button:focus-visible{outline-offset:3px;outline:2px solid #4b689f}.ond-login-tab-panel{animation:.3s both subject-content-reveal}.ond-onepass-intro{background:#f1f5fa;border:1px solid #e1e8f1;border-radius:16px;padding:24px}.ond-onepass-symbol{color:#5675a5;background:#dce6f6;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:18px;font-size:11px;font-weight:800;display:grid}.ond-onepass-intro h3{letter-spacing:-.04em;color:#2b425f;font-size:23px;font-weight:800;line-height:1.5}.ond-onepass-intro>p{color:#8392a6;margin-top:14px;font-size:12px;line-height:1.9}.ond-onepass-info{color:#8a97a8;gap:10px;margin:22px 0;font-size:11px;line-height:1.9;display:grid}.ond-onepass-info strong{color:#5e7695;font-weight:600}.ond-onepass-panel .onepass-login-trigger{color:#fff;background:#4b689f;border-radius:10px;min-height:54px}.ond-onepass-panel .onepass-login-trigger:hover{background:#3d5889}.ond-onepass-signup{color:#5e7799;background:#fff;border:1px solid #d2ddea;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:52px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.ond-onepass-signup:hover{background:#f5f8fc}.ond-onepass-signup:focus-visible{outline-offset:3px;outline:2px solid #4b689f}@media (prefers-reduced-motion:reduce){.ond-login-tab-panel{animation:none}}.ond-account-guide{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #cfdce17a;border-radius:14px;max-width:560px;margin-top:26px;padding:18px 20px}.ond-account-guide>h3{color:#67808f;margin-bottom:12px;font-size:11px;font-weight:800}.ond-account-guide>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ond-account-guide button{text-align:left;background:#ffffffb3;border:1px solid #dce6eb;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s,border-color .2s;display:flex}.ond-account-guide button:hover{background:#fff;border-color:#9db3c6}.ond-account-guide button>span{color:#90a4af;white-space:nowrap;font-size:10px}.ond-account-guide button>strong{color:#536f85;font-size:12px}.ond-account-guide button>small{color:#8ca2b4;white-space:nowrap;margin-left:auto;font-size:9px}.ond-account-guide>p{color:#9aadba;margin-top:12px;font-size:10px;line-height:1.9}.ond-account-guide>p>strong{color:#738fa5;margin-left:8px;font-weight:700}.ond-account-guide>p>span{font-size:9px;display:block}.ond-account-guide button:focus-visible{outline-offset:3px;outline:2px solid #4b689f}@media (width<=1300px){.ond-account-guide button>small{display:none}}@media (width<=600px){.ond-account-guide{padding:16px}.ond-account-guide>div{grid-template-columns:1fr}}html,body,button,input,select,textarea,#root,#root *,[role=dialog],[role=dialog] *{font-family:SUIT,sans-serif!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}