.loader{margin:0 auto;width:60px;height:50px;text-align:center;font-size:10px;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%)}
.loader>div{height:100%;width:8px;display:inline-block;float:left;margin-left:2px;-webkit-animation:delay 0.8s infinite ease-in-out;animation:delay 0.8s infinite ease-in-out}
.loader .bar1{background-color:#754fa0}
.loader .bar2{background-color:#09b7bf;-webkit-animation-delay:-0.7s;animation-delay:-0.7s}
.loader .bar3{background-color:#90d36b;-webkit-animation-delay:-0.6s;animation-delay:-0.6s}
.loader .bar4{background-color:#f2d40d;-webkit-animation-delay:-0.5s;animation-delay:-0.5s}
.loader .bar5{background-color:#fcb12b;-webkit-animation-delay:-0.4s;animation-delay:-0.4s}
.loader .bar6{background-color:#ed1b72;-webkit-animation-delay:-0.3s;animation-delay:-0.3s}
@-webkit-keyframes delay{0%,40%,100%{-webkit-transform:scaleY(0.05)}20%{-webkit-transform:scaleY(1)}}
@keyframes delay{0%,40%,100%{transform:scaleY(0.05);-webkit-transform:scaleY(0.05)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
html,
body{font-family:sans-serif;direction:ltr;text-align:left;color:#1F2937}
html a:hover,
body a:hover{text-decoration:none}
html a:focus:not(:focus-visible),
body a:focus:not(:focus-visible){outline:none}
html .logout,
body .logout{cursor:pointer}
.main-layout{padding-top:65px;background:#FBF9FF}
@media (min-width:1200px){.main-layout{padding-top:85px}}
.user-panel-layout{padding-top:65px;background:#FBF9FF}
@media (min-width:1200px){.user-panel-layout{padding-top:85px}}
.main-layout,
.user-panel-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.main-layout>footer#footer,
.user-panel-layout>footer#footer{margin-block-start:auto}
html{background-color:#ededed}
label{color:#1c1c1c;font-size:15.2px;font-weight:normal;margin-right:0;width:100%}
input[type=text],
input[type=number],
input[type=email],
input[type=date],
input[type=password],
select,
textarea{min-height:40px;font-size:16px!important;font-weight:400!important;background-color:#fff !important;-moz-appearance:none;color:#888 !important;appearance:none;border:1px solid #dcdcdc !important;border-radius:0 !important;box-shadow:0 0 3px 0 rgba(0,0,0,0.06) !important;-webkit-appearance:none;-webkit-transition:all 0.2s;transition:all 0.2s}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=password]:focus,
select:focus,
textarea:focus{color:#888 !important;outline:none!important;box-shadow:0 0 10px 0 rgba(0,0,0,0.07000000000000001) !important}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=date]::placeholder,
input[type=password]::placeholder,
select::placeholder,
textarea::placeholder{color:#ddd;text-align:start}
input[type=text]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#ddd;text-align:start}
input[type=text]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder{color:#ddd;text-align:start}
.form-checkbox,
.form-radio{display:inline-block;width:auto;position:relative;padding-right:18.4px;margin-left:18.4px;margin-top:5.6px;margin-bottom:0;cursor:pointer;font-size:12px!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#888}
.form-checkbox input[type=checkbox],
.form-radio input[type=checkbox],
.form-checkbox input[type=radio],
.form-radio input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.form-checkbox input + span,
.form-radio input + span{position:absolute;top:1.6px;right:0;height:14.4px;width:14.4px;border:1.6px solid #4C2A85;border-radius:4px}
.form-checkbox input + span:after,
.form-radio input + span:after{content:"";position:absolute;display:none;right:3.2px;top:0;width:4px;height:8px;border:solid white;border-width:0 2.4px 2.4px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.form-checkbox input:checked + span,
.form-radio input:checked + span{background-color:#4C2A85}
.form-checkbox input:checked + span:after,
.form-radio input:checked + span:after{display:block}
.form-radio input + span{border-radius:8px;background-color:transparent!important}
.form-radio input + span:after{right:1.5px;top:1.5px;width:8px;height:8px;border:none;border-radius:8px;background-color:#4C2A85}
.form-dropdown option.placeholder{display:none}
.form-switch{display:inline-block}
.form-switch input[type=checkbox]{height:0;width:0;visibility:hidden}
.form-switch label{cursor:pointer;text-indent:-9999px;width:40px;height:20px;background:#1c1c1c;display:block;border-radius:5px;position:relative}
.form-switch label:after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;background:#FBF9FF;border-radius:3px;transition:0.3s}
.form-switch input:checked + label{background:#4C2A85}
.form-switch input:checked + label:after{left:calc(100% - 7px);transform:translateX(-100%)}
.form-switch label:active:after{width:40px}
.btn{border-radius:0 !important;min-width:160px;padding:0.575rem 0.35rem !important;border:none;outline:none}
.btn:focus,
.btn.focus{outline:none!important;box-shadow:none!important}
.show-all,
.create-button{color:#999;line-height:1;display:inline-block;font-weight:normal;cursor:pointer;font-size:16px;padding:12px 24px;border:none;border-radius:8px}
.show-all:hover,
.create-button:hover{color:#F4B942}
.btn-primary{background-color:#4C2A85;color:#f5f5f5;border:1px solid #4C2A85}
.btn-primary:hover:not(:disabled),
.btn-primary.active{background-color:#573098;border:1px solid #573098;color:#fff}
.btn-primary:disabled{cursor:not-allowed}
.btn-secondary{cursor:pointer;background-color:transparent;border:1px solid #4C2A85;color:#4C2A85}
.btn-secondary:hover,
.btn-secondary.active{background-color:transparent;border:1px solid #573098;color:#573098}
.modal-content{background-color:#FBF9FF;border-radius:4px;border:none}
.modal-content .modal-header,
.modal-content .modal-footer{border:none;padding:20px 20px 0 20px;display:block}
.modal-content .modal-title{display:block;color:#1c1c1c;font-size:14.5px;font-weight:bold}
.modal-content .modal-description{display:block;color:#a4b5bd;font-size:12px;font-weight:normal}
.modal-content .modal-body{padding:35px}
@media (max-width:576px){.modal-content .modal-body{padding:10px}}
.fade-scale{transform:scale(0) rotate(-180deg);opacity:0;-webkit-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear}
.fade-scale.show{opacity:1;transform:scale(1) rotate(0deg)}
.clickable-row{cursor:pointer}
.hide{display:none!important}
@media (max-width:575px){.d-xs-none{display:none!important}}
.sub-title{color:#4C2A85;font-size:22px;font-weight:700;margin-bottom:0 !important;margin-top:0 !important;text-align:start;line-height:21px;display:inherit}
.sub-description{color:#1c1c1c;font-size:12px;line-height:21px;font-weight:normal;padding-top:0;text-align:start}
.content-block{color:#1F2937;font-weight:normal;font-size:15px;text-align:start;line-height:23.2px}
.content-block img{max-width:100%}
.content-block a{color:#4C2A85}
.content-image img{width:100%;border-radius:8px}
.vertical-diver{display:block;height:42.4px;background-color:#1c1c1c;opacity:0.3;width:1px;margin-right:40px;margin-left:40px}
.bg-light{background-color:#e6e7e9;padding:10px 25px 10px 25px;border-radius:10px}
.bg-light .row div{padding:7px}
.bg-light .row div .custom-card{padding:5px;background-color:#1b1b1b;text-align:center;border-radius:10px}
.bg-light .row div .custom-card img{width:100%;border-radius:6px}
.bg-light .row div .custom-card a{color:#fff;padding:10px 5px 10px 5px;display:inline-block;text-decoration:none;font-size:18px}
.breadcrumb .breadcrumb-item + .breadcrumb-item{color:#a1d9eb;padding-left:unset}
.breadcrumb .breadcrumb-item + .breadcrumb-item.active{color:#749ca9}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before{color:#999;content:">";padding-left:0.5rem}
.custom-arrow{border-style:solid;border-collapse:inherit;border-width:0 2.4px 2.4px 0;display:inline-block;padding:2.4px;position:relative;top:0}
.custom-arrow.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.custom-arrow.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.custom-arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.custom-arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.main-loading{position:fixed;z-index:5000;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,0.6)}
[data-control=auto-pager]:not(.pager-is-loading){opacity:0}
#login.oc-auth-modal,
.oc-auth{--oc-auth-navy:#0F2A44;--oc-auth-ink:#1E3A55;--oc-auth-body:#43566B;--oc-auth-muted:#55697D;--oc-auth-placeholder:#55697D;--oc-auth-border:#E3E9F0;--oc-auth-border-str:#C9D5E1;--oc-auth-surface:#F5F8FB;--oc-auth-surface-2:#EDF2F7;--oc-auth-brand:#4C2A85;--oc-auth-brand-ink:#311b56;--oc-auth-brand-ink-2:#261543;--oc-auth-danger:#C2372F;--oc-auth-danger-soft:#FDF2F1;--oc-auth-success:#12805C;--oc-auth-field-h:54px;--oc-auth-action-h:54px;--oc-auth-radius:14px;--oc-auth-radius-lg:18px}
.login-box:not(.oc-auth__box) .btn-group{background-color:white;padding:5px;border:1px solid #E5E5E5;width:100%;border-radius:4px;gap:5px}
.login-box:not(.oc-auth__box) .btn-group .btn{cursor:pointer;border-radius:2px !important}
.login-box:not(.oc-auth__box) .btn-group .btn:hover{background:rgba(0,0,0,0.03)}
.login-box:not(.oc-auth__box) .btn-group .active{background-color:#4C2A85;color:#f5f5f5}
.login-box:not(.oc-auth__box) .btn-group .active:hover{background-color:#4C2A85}
.login-box:not(.oc-auth__box) #mobile,
.login-box:not(.oc-auth__box) #email{text-align:center;height:50px;letter-spacing:2px;direction:ltr}
.login-box:not(.oc-auth__box) #mobile::placeholder,
.login-box:not(.oc-auth__box) #email::placeholder{text-align:center}
.login-box:not(.oc-auth__box) .otp-inputs{direction:ltr;display:flex;gap:1rem}
.login-box:not(.oc-auth__box) .otp-inputs input{text-align:center}
#login.oc-auth-modal .modal-dialog.oc-auth-modal__dialog{max-width:456px;margin:1.5rem auto;display:flex;align-items:center;min-height:calc(100% - 3rem)}
#login.oc-auth-modal.show .modal-dialog.oc-auth-modal__dialog{transform:none}
#login.oc-auth-modal .modal-content.oc-auth-modal__content{position:relative;width:100%;border:1px solid var(--oc-auth-border);border-radius:26px;background:#fff;box-shadow:0 1px 2px rgba(15,42,68,0.04),0 24px 60px -12px rgba(15,42,68,0.22);overflow:hidden}
#login.oc-auth-modal .modal-header{display:none}
#login.oc-auth-modal .modal-body.oc-auth-modal__body{padding:1.75rem 1.5rem 0;max-height:min(calc(100vh - 3rem),760px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#login.oc-auth-modal .oc-auth-modal__close{position:absolute;inset-block-start:0.9rem;inset-inline-start:0.9rem;z-index:3;width:44px;height:44px;border:0;border-radius:999px;background:var(--oc-auth-surface-2);color:var(--oc-auth-ink);display:inline-flex;align-items:center;justify-content:center;font-size:0.9rem;cursor:pointer;transition:background var(--oc-transition-fast,120ms ease),color var(--oc-transition-fast,120ms ease)}
#login.oc-auth-modal .oc-auth-modal__close:hover{background:#DEE6EE;color:var(--oc-auth-navy)}
#login.oc-auth-modal .oc-auth-modal__close:focus-visible{outline:3px solid var(--oc-auth-brand-ink);outline-offset:2px}
body.oc-auth-modal-open>.modal-backdrop.show{background-color:rgba(10,27,44,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (prefers-reduced-motion:reduce){body.oc-auth-modal-open>.modal-backdrop.show{backdrop-filter:none;-webkit-backdrop-filter:none}#login.oc-auth-modal.fade .modal-dialog{transition:none}.oc-auth *{transition:none !important;animation:none !important}}
.oc-auth{color:var(--oc-auth-body);font-family:var(--oc-font-family,inherit);text-align:start}
.oc-auth[hidden],
.oc-auth .oc-auth__panel[hidden]{display:none !important}
.oc-auth input[type="text"],
.oc-auth input[type="tel"],
.oc-auth input[type="email"],
.oc-auth input[type="number"],
.oc-auth input[type="password"],
.oc-auth select,
.oc-auth textarea{min-height:0;border:0 !important;border-radius:0 !important;box-shadow:none !important;background-color:transparent !important;color:var(--oc-auth-navy) !important;font-size:16px !important;font-weight:500 !important;-webkit-appearance:none;appearance:none}
.oc-auth input[type="text"]::placeholder,
.oc-auth input[type="tel"]::placeholder,
.oc-auth input[type="email"]::placeholder,
.oc-auth input[type="number"]::placeholder,
.oc-auth input[type="password"]::placeholder,
.oc-auth select::placeholder,
.oc-auth textarea::placeholder{color:var(--oc-auth-placeholder);opacity:1;text-align:start}
.oc-auth label{width:auto;margin:0;color:inherit;font-size:inherit;font-weight:inherit}
.oc-auth__box{max-width:100%;display:flex;flex-direction:column;min-height:100%}
.oc-auth__header{text-align:center;margin-bottom:var(--oc-space-6,1.5rem)}
.oc-auth__logo{width:60px;height:60px;margin:0 auto var(--oc-space-4,1rem);border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--oc-auth-surface);border:1px solid var(--oc-auth-border);overflow:hidden;color:var(--oc-auth-brand-ink);font-size:1.4rem}
.oc-auth__logo img{width:38px;height:38px;object-fit:contain}
.oc-auth__box.is-step-otp .oc-auth__logo{width:46px;height:46px;margin-bottom:var(--oc-space-3,0.75rem)}
.oc-auth__box.is-step-otp .oc-auth__logo img{width:28px;height:28px}
.oc-auth__box.is-step-otp .oc-auth__header{margin-bottom:var(--oc-space-5,1.25rem)}
.oc-auth__box.is-step-otp .oc-auth__title{font-size:1.15rem}
.oc-auth__steps{display:flex;align-items:center;justify-content:center;gap:var(--oc-space-2,0.5rem);margin-bottom:var(--oc-space-3,0.75rem);color:var(--oc-auth-muted);font-size:0.75rem;font-weight:600;letter-spacing:0}
.oc-auth__steps-dots{display:inline-flex;gap:4px}
.oc-auth__steps-dots span{width:16px;height:4px;border-radius:999px;background:var(--oc-auth-border-str);transition:background var(--oc-transition-fast,120ms ease)}
.oc-auth__steps-dots span.is-active{background:var(--oc-auth-brand-ink)}
.oc-auth__title{margin:0 0 var(--oc-space-2,0.5rem);color:var(--oc-auth-navy);font-size:1.3rem;font-weight:800;line-height:1.55}
.oc-auth__subtitle{margin:0;color:var(--oc-auth-muted);font-size:0.875rem;line-height:1.85}
.oc-auth [data-oc-auth-when][hidden]{display:none !important}
.oc-auth__tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:var(--oc-space-5,1.25rem);border-radius:999px;background:var(--oc-auth-surface);border:1px solid var(--oc-auth-border)}
.oc-auth__tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2,0.5rem);min-height:44px;padding:0.5rem 0.75rem;border-radius:999px;border:0;background:transparent;color:var(--oc-auth-muted);font-weight:700;font-size:0.9rem;cursor:pointer;margin:0;width:auto;transition:color var(--oc-transition-fast,120ms ease),background var(--oc-transition-fast,120ms ease),box-shadow var(--oc-transition-fast,120ms ease)}
.oc-auth__tab i{font-size:0.9rem;opacity:0.85}
.oc-auth__tab:hover{color:var(--oc-auth-ink)}
.oc-auth__tab.is-active{background:#fff;color:var(--oc-auth-brand-ink);box-shadow:0 1px 2px rgba(15,42,68,0.06),0 2px 8px rgba(15,42,68,0.08)}
.oc-auth__tab:focus-within{outline:3px solid var(--oc-auth-brand-ink);outline-offset:-1px}
.oc-auth__field-group{margin-bottom:var(--oc-space-4,1rem)}
.oc-auth__field-group[hidden],
.oc-auth__field-group.hide{display:none !important}
.oc-auth__field-group>label,
.oc-auth__field-group .oc-auth__label{display:block;width:auto;margin-bottom:var(--oc-space-2,0.5rem);color:var(--oc-auth-ink);font-size:0.8125rem;font-weight:700;line-height:1.6;text-align:start}
.oc-auth__control{position:relative;display:flex;align-items:center;border:1px solid var(--oc-auth-border);border-radius:var(--oc-auth-radius);background:#fff;min-height:var(--oc-auth-field-h);padding-inline:0.9rem;transition:border-color var(--oc-transition-fast,120ms ease),box-shadow var(--oc-transition-fast,120ms ease)}
.oc-auth__control:hover{border-color:var(--oc-auth-border-str)}
.oc-auth__control:focus-within{border-color:var(--oc-auth-brand-ink);box-shadow:0 0 0 3px rgba(76,42,133,0.22)}
.oc-auth__control-icon{flex:none;width:18px;color:var(--oc-auth-placeholder);font-size:0.95rem;text-align:center;margin-inline-end:0.6rem}
.oc-auth__input.form-control,
.oc-auth__control .form-control,
.oc-auth__control input,
.oc-auth__control select{flex:1 1 auto;min-width:0;width:100%;height:calc(var(--oc-auth-field-h) - 2px);padding:0.35rem 0;line-height:1.5;text-align:start;letter-spacing:normal;direction:inherit}
.oc-auth__input.form-control:focus,
.oc-auth__control .form-control:focus,
.oc-auth__control input:focus,
.oc-auth__control select:focus{box-shadow:none !important;outline:none}
.oc-auth__control--ltr input.form-control,
.oc-auth__control--ltr input{direction:ltr;text-align:left;unicode-bidi:plaintext}
.oc-auth__control--ltr input.form-control::placeholder,
.oc-auth__control--ltr input::placeholder{text-align:left}
.oc-auth__control--select{padding-inline-end:0.6rem}
.oc-auth__control--select select{cursor:pointer;padding-inline-end:1.4rem}
.oc-auth__select-caret{position:absolute;inset-inline-end:0.9rem;pointer-events:none;color:var(--oc-auth-muted);font-size:0.8rem}
.oc-auth__control--select.is-empty select{color:var(--oc-auth-placeholder) !important;font-weight:500 !important}
.oc-auth__password-toggle{flex:none;border:0;background:transparent;color:var(--oc-auth-muted);width:40px;height:40px;margin-inline-start:0.25rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px}
.oc-auth__password-toggle:hover{color:var(--oc-auth-ink);background:var(--oc-auth-surface)}
.oc-auth__password-toggle:focus-visible{outline:2px solid var(--oc-auth-brand-ink);outline-offset:1px}
.oc-auth__help{margin:var(--oc-space-2,0.5rem) 0 0;color:var(--oc-auth-muted);font-size:0.78rem;line-height:1.75}
.oc-auth__error{display:none;align-items:flex-start;gap:0.35rem;margin:var(--oc-space-2,0.5rem) 0 0;color:var(--oc-auth-danger);font-size:0.78rem;font-weight:600;line-height:1.75}
.oc-auth__error i{margin-top:0.35em;font-size:0.72rem}
.oc-auth__field-group.is-invalid .oc-auth__error{display:flex}
.oc-auth__field-group.is-invalid .oc-auth__help{display:none}
.oc-auth__field-group.is-invalid .oc-auth__control{border-color:var(--oc-auth-danger);background:var(--oc-auth-danger-soft)}
.oc-auth__field-group.is-invalid .oc-auth__control:focus-within{box-shadow:0 0 0 3px rgba(194,55,47,0.2)}
.oc-auth__actions{position:sticky;bottom:0;z-index:2;margin-top:var(--oc-space-5,1.25rem);padding-block:var(--oc-space-3,0.75rem);background:#fff}
.oc-auth__actions::before{content:"";position:absolute;inset-inline:0;bottom:100%;height:20px;background:linear-gradient(to top,#fff,rgba(255,255,255,0));pointer-events:none}
.oc-auth__submit.btn-primary,
.oc-auth__submit.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;min-height:var(--oc-auth-action-h);margin:0;border:0;border-radius:var(--oc-auth-radius);font-weight:800;font-size:1rem;color:#fff;background:var(--oc-auth-brand-ink);background-image:none;box-shadow:0 6px 16px -6px rgba(32,18,55,0.55);transition:filter var(--oc-transition-fast,120ms ease),box-shadow var(--oc-transition-fast,120ms ease)}
.oc-auth__submit.btn-primary:hover,
.oc-auth__submit.btn:hover,
.oc-auth__submit.btn-primary:focus,
.oc-auth__submit.btn:focus{background:var(--oc-auth-brand-ink-2);filter:none}
.oc-auth__submit.btn-primary:active,
.oc-auth__submit.btn:active{background:var(--oc-auth-brand-ink-2);box-shadow:0 2px 6px -3px rgba(32,18,55,0.5)}
.oc-auth__submit.btn-primary:focus-visible,
.oc-auth__submit.btn:focus-visible{outline:3px solid var(--oc-auth-brand-ink);outline-offset:2px}
.oc-auth__submit.btn-primary.hide,
.oc-auth__submit.btn.hide{display:none !important}
.oc-auth__submit.btn-primary:disabled,
.oc-auth__submit.btn:disabled,
.oc-auth__submit.btn-primary[disabled],
.oc-auth__submit.btn[disabled]{filter:none;opacity:1;color:#4A5C6E;background:var(--oc-auth-surface-2);box-shadow:none;cursor:not-allowed}
.oc-auth__submit.btn-primary.oc-loading,
.oc-auth__submit.btn.oc-loading,
.oc-auth__submit.btn-primary.wn-loading,
.oc-auth__submit.btn.wn-loading{cursor:progress}
.oc-auth__submit-icon{font-size:0.85rem;transform:scaleX(-1)}
.oc-auth__spinner{display:none;width:1em;height:1em;border:2px solid rgba(255,255,255,0.45);border-top-color:#fff;border-radius:50%;animation:oc-auth-spin 640ms linear infinite}
.oc-auth__submit.is-loading .oc-auth__spinner{display:inline-block}
.oc-auth__submit.is-loading .oc-auth__submit-icon{display:none}
.oc-auth__meta{padding-bottom:var(--oc-space-5,1.25rem)}
.oc-auth__link-btn.btn-link{border:0;background:transparent;color:var(--oc-auth-brand-ink);font-weight:700;font-size:0.9rem;padding:0.5rem 0.75rem;min-height:44px;cursor:pointer;text-decoration:none}
.oc-auth__link-btn.btn-link:hover{text-decoration:underline}
.oc-auth__link-btn.btn-link:focus-visible{outline:2px solid var(--oc-auth-brand-ink);outline-offset:2px;border-radius:6px}
.oc-auth__link-btn.btn-link:disabled{color:var(--oc-auth-muted);cursor:default;text-decoration:none}
.oc-auth__legal{margin:var(--oc-space-4,1rem) 0 0;text-align:center;color:var(--oc-auth-muted);font-size:0.75rem;line-height:1.9}
.oc-auth__legal a{color:var(--oc-auth-ink);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.oc-auth__legal a:hover{color:var(--oc-auth-navy)}
.oc-auth__legal a:focus-visible{outline:2px solid var(--oc-auth-brand-ink);outline-offset:2px}
.oc-auth__support{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;width:100%;min-height:44px;margin-top:var(--oc-space-2,0.5rem);color:var(--oc-auth-muted);font-weight:600;font-size:0.83rem;text-decoration:none}
.oc-auth__support i{font-size:0.85rem}
.oc-auth__support:hover{color:var(--oc-auth-brand-ink);text-decoration:underline}
.oc-auth__support:focus-visible{outline:2px solid var(--oc-auth-brand-ink);outline-offset:2px;border-radius:6px}
.oc-auth__alert.alert{display:none;margin:var(--oc-space-4,1rem) 0 0;padding:0.75rem 0.9rem;border:1px solid rgba(194,55,47,0.28);border-radius:var(--oc-auth-radius);background:var(--oc-auth-danger-soft);color:var(--oc-auth-danger);font-size:0.83rem;font-weight:600;line-height:1.8;text-align:start}
.oc-auth__alert.alert.show{display:block}
.oc-auth__destination{display:flex;align-items:center;gap:var(--oc-space-2,0.5rem);flex-wrap:wrap;justify-content:center;margin-bottom:var(--oc-space-5,1.25rem);padding:0.35rem 0.75rem;border:1px solid var(--oc-auth-border);border-radius:var(--oc-auth-radius-lg);background:var(--oc-auth-surface);font-size:0.83rem;color:var(--oc-auth-muted)}
.oc-auth__destination-value{color:var(--oc-auth-navy);font-weight:700;font-size:0.9rem;unicode-bidi:isolate}
.oc-auth__destination .oc-auth__link-btn{font-size:0.8rem;padding:0.35rem 0.6rem;min-height:44px;white-space:nowrap}
.oc-auth__destination .oc-auth__link-btn.hide{display:none !important}
.oc-auth__otp-label{display:block;margin-bottom:var(--oc-space-2,0.5rem);color:var(--oc-auth-ink);font-size:0.8125rem;font-weight:700;text-align:center}
.oc-auth__otp{display:flex;gap:0.5rem;direction:ltr;justify-content:center}
.oc-auth .oc-auth__otp input.form-control,
.oc-auth .oc-auth__otp input{flex:1 1 0;min-width:0;max-width:64px;height:58px;padding:0;border:1px solid var(--oc-auth-border) !important;border-radius:var(--oc-auth-radius) !important;background-color:#fff !important;box-shadow:none !important;color:var(--oc-auth-navy) !important;text-align:center;font-size:1.35rem !important;font-weight:700 !important;line-height:1;direction:ltr;transition:border-color var(--oc-transition-fast,120ms ease),box-shadow var(--oc-transition-fast,120ms ease),background-color var(--oc-transition-fast,120ms ease)}
.oc-auth .oc-auth__otp input.form-control:hover,
.oc-auth .oc-auth__otp input:hover{border-color:var(--oc-auth-border-str) !important}
.oc-auth .oc-auth__otp input.form-control.is-filled,
.oc-auth .oc-auth__otp input.is-filled{border-color:var(--oc-auth-border-str) !important;background-color:var(--oc-auth-surface) !important}
.oc-auth .oc-auth__otp input.form-control:focus,
.oc-auth .oc-auth__otp input:focus{border-color:var(--oc-auth-brand-ink) !important;background-color:#fff !important;box-shadow:0 0 0 3px rgba(76,42,133,0.22) !important}
.oc-auth__otp.is-invalid input{border-color:var(--oc-auth-danger) !important;background-color:var(--oc-auth-danger-soft) !important;color:var(--oc-auth-danger) !important}
.oc-auth__otp.is-verified input{border-color:var(--oc-auth-success) !important;background-color:rgba(18,128,92,0.07000000000000001) !important;color:var(--oc-auth-success) !important}
.oc-auth__otp.is-busy{opacity:0.65;pointer-events:none}
.oc-auth__otp-status{display:none;align-items:center;justify-content:center;gap:0.35rem;margin:var(--oc-space-3,0.75rem) 0 0;font-size:0.78rem;font-weight:600;line-height:1.75}
.oc-auth__otp-status.is-visible{display:flex}
.oc-auth__otp-status.is-error{color:var(--oc-auth-danger)}
.oc-auth__otp-status.is-success{color:var(--oc-auth-success)}
.oc-auth__otp-status.is-busy{color:var(--oc-auth-muted)}
.oc-auth__otp-actions{display:flex;justify-content:center;align-items:center;gap:0.4rem;margin:var(--oc-space-4,1rem) 0 0;color:var(--oc-auth-muted);font-size:0.83rem}
.oc-auth__resend.btn-link{display:inline-flex;align-items:center;gap:0.35rem;min-height:44px}
.oc-auth__resend.btn-link.hide{display:none !important}
.oc-auth__resend.btn-link:disabled{color:var(--oc-auth-muted);font-weight:600}
.oc-auth__resend.btn-link i{font-size:0.8rem}
.oc-auth__timer{unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.oc-auth__edit.hide{display:none !important}
.oc-auth__profile{margin-top:var(--oc-space-6,1.5rem);padding-top:var(--oc-space-5,1.25rem);border-top:1px solid var(--oc-auth-border)}
.oc-auth__profile.hide{display:none !important}
.oc-auth__section-title{margin:0 0 var(--oc-space-1,0.25rem);color:var(--oc-auth-navy);font-size:0.9rem;font-weight:800;line-height:1.6}
.oc-auth__section-note{margin:0 0 var(--oc-space-4,1rem);color:var(--oc-auth-muted);font-size:0.78rem;line-height:1.8}
.oc-auth__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--oc-space-3,0.75rem)}
.oc-auth__required{color:var(--oc-auth-danger);margin-inline-start:2px}
.oc-auth__signed-in{margin:0;padding:var(--oc-space-6,1.5rem) 0;text-align:center;color:var(--oc-auth-navy);line-height:2;font-weight:700}
.oc-auth .oc-visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes oc-auth-spin{to{transform:rotate(360deg)}}
@media (max-width:768px){#login.oc-auth-modal .modal-dialog.oc-auth-modal__dialog{max-width:none;width:100%;margin:0;min-height:100%;align-items:flex-end}#login.oc-auth-modal .modal-content.oc-auth-modal__content{border-radius:24px 24px 0 0;border-bottom:0;max-height:96vh}#login.oc-auth-modal .modal-body.oc-auth-modal__body{padding:1.5rem 1.15rem 0;max-height:min(96vh,100vh)}#login.oc-auth-modal .oc-auth-modal__close{inset-block-start:0.75rem;inset-inline-start:0.75rem}.oc-auth__actions{padding-bottom:calc(var(--oc-space-3,0.75rem) + env(safe-area-inset-bottom,0px))}.oc-auth__meta{padding-bottom:calc(var(--oc-space-4,1rem) + env(safe-area-inset-bottom,0px))}}
@media (max-width:360px){#login.oc-auth-modal .modal-body.oc-auth-modal__body{padding-inline:0.9rem}.oc-auth__title{font-size:1.15rem}.oc-auth__tab{font-size:0.82rem;padding-inline:0.4rem;gap:0.3rem}.oc-auth__tab.is-active::before{display:none}.oc-auth__otp{gap:0.35rem}.oc-auth .oc-auth__otp input.form-control,.oc-auth .oc-auth__otp input{height:52px;font-size:1.15rem !important}.oc-auth__grid{grid-template-columns:1fr}.oc-auth__destination{font-size:0.78rem}}
@media (max-height:680px){.oc-auth__logo{width:48px;height:48px;margin-bottom:var(--oc-space-3,0.75rem)}.oc-auth__logo img{width:30px;height:30px}.oc-auth__header{margin-bottom:var(--oc-space-4,1rem)}.oc-auth__title{font-size:1.15rem}}
@media (forced-colors:active){.oc-auth__tab.is-active{border:2px solid}.oc-auth .oc-auth__otp input:focus{outline:2px solid}}
#payment-component-container .pay-type{border-bottom:1px solid #4C2A85;margin:0}
#payment-component-container .pay-type .col{padding:0}
#payment-component-container .pay-type label{cursor:pointer;text-align:center;width:100%;margin-left:0;padding-right:4px;padding-left:4px}
#payment-component-container .pay-type label .title{border:1px solid #4C2A85;border-bottom:none;border-radius:4px 4px 0 0;display:block;font-size:16px;color:#4C2A85;padding:5px 10px}
#payment-component-container .pay-type label input:checked + .title{background-color:#4C2A85;color:#fff}
#payment-component-container .banks{padding:20px 20px 10px 10px;text-align:center}
#payment-component-container .banks .bank{width:72px;height:72px;border:2px solid #fff;border-radius:15px;display:inline-flex;margin-bottom:10px;margin-left:10px;background-color:#fff;text-align:center}
#payment-component-container .banks .bank.active{border:2px solid #4C2A85}
#payment-component-container .banks .bank span{display:none}
#payment-component-container .banks .bank label{margin:0;padding:5px;color:#fff;cursor:pointer}
#payment-component-container .banks .bank img{padding:5px;border-radius:13px}
#payment-component-container .banks .bank input{position:relative;top:5px;display:none}
#payment-component-container .wallet-info{padding:1rem}
#payment-component-container .wallet-info a{display:inline-block;padding:1rem;font-size:20px;color:#4C2A85;cursor:pointer}
#payment-component-container .transfer-cash{padding:1rem;text-align:start}
@media (max-width:430px){#payment-component-container .transfer-cash{padding-right:0;padding-left:0}}
#payment-component-container .transfer-cash .cash-card{cursor:pointer}
#payment-component-container .transfer-cash .cash-card input{display:none}
#payment-component-container .transfer-cash .cash-card>div{background-size:cover;width:289px;height:182px;margin-right:5px;margin-left:5px;padding:5px;border-radius:1rem;position:relative}
#payment-component-container .transfer-cash .cash-card>div img{height:60px;margin-right:10px;margin-left:10px;display:inline-block}
#payment-component-container .transfer-cash .cash-card>div .card-number{position:absolute;bottom:57px;left:14px;font-size:22px;font-weight:900;direction:ltr;word-spacing:8px}
#payment-component-container .transfer-cash .cash-card>div .full-name{position:absolute;bottom:10px;right:29px;font-size:21px;font-weight:500}
#payment-component-container .transfer-cash .cash-card>div .title{font-size:15px;font-weight:500}
#payment-component-container .transfer-cash .cash-card>div .sheba-number{position:absolute;bottom:44px;left:15px;font-size:14px;font-weight:100;letter-spacing:2px;direction:ltr}
#payment-component-container .transfer-cash .cash-card input:checked + div{filter:none}
#payment-component-container .submit-payment a{color:#fff;font-weight:600;display:inline-block;font-size:19px;padding:11px;z-index:55;background-color:#4C2A85;border-radius:3px;height:50px;width:100%;text-align:center;position:relative;margin-top:1rem}
#payment-component-container .submit-payment a::before{display:inline-block;font-family:'Font Awesome 6 Free';font-weight:600;content:"\f09d";width:20px;height:20px;text-align:center;position:absolute;right:33px;top:42%;margin-top:-7px;font-size:18px;color:#fff;background:0 0}
#payment-component-container #discount-code-button{font-weight:lighter;color:#4C2A85;background-color:white;border:1px solid #4C2A85;border-radius:0;height:41px;margin-right:3px;padding:0.4rem 0.75rem}
#payment-component-container #discount-code-button:focus{outline:none}
#payment-component-message{display:block;padding:13px;font-weight:bold;margin-top:20px;border-radius:7px;text-align:center}
#payment-component-message.message-0{background-color:#f99;color:#F4B942;box-shadow:2px 2px 6px 2px rgba(0,0,0,0.2)}
#payment-component-message.message-1{background-color:#9f9;color:#4C2A85;box-shadow:2px 2px 6px 2px rgba(0,0,0,0.2)}
#discount-code-result{text-align:center;padding:1rem;margin:0.5rem}
.discount-code-label{color:#7B868A}
#payable-amount{text-align:center;padding:1rem;margin:0.5rem;font-size:1.25rem}
#payable-amount .label{font-weight:lighter}
#payable-amount .value{font-weight:bold;color:#00AAE2}
#pay-dialog.oc-pay-dialog .modal-dialog.oc-pay-dialog__dialog{max-width:28rem;margin:1.5rem auto}
#pay-dialog.oc-pay-dialog .modal-content.oc-pay-dialog__sheet{overflow:hidden;background:var(--oc-color-background);border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-lg,20px);box-shadow:var(--ocb-shadow-lg)}
#pay-dialog.oc-pay-dialog .modal-body.oc-pay-dialog-body{padding:0}
#pay-dialog.oc-pay-dialog .oc-cg-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-space-3,0.75rem);padding:var(--oc-space-5,1.25rem) var(--oc-space-5,1.25rem) var(--oc-space-4,1rem);background:var(--oc-color-primary);color:var(--ocb-text-inverse);position:relative}
#pay-dialog.oc-pay-dialog .oc-cg-modal-header::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--ocb-accent)}
#pay-dialog.oc-pay-dialog .oc-cg-modal-title{margin:0;font-size:var(--oc-font-size-h4,1.25rem);font-weight:700;line-height:var(--oc-line-height-heading,1.35);color:var(--ocb-text-inverse)}
#pay-dialog.oc-pay-dialog .oc-cg-modal-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px;border:0;border-radius:var(--oc-radius-md,12px);background:transparent;color:var(--ocb-text-inverse);cursor:pointer}
#pay-dialog.oc-pay-dialog .oc-cg-modal-close:hover,
#pay-dialog.oc-pay-dialog .oc-cg-modal-close:focus-visible{background:rgba(255,255,255,0.12)}
#pay-dialog.oc-pay-dialog .oc-cg-modal-close:focus-visible{outline:3px solid var(--ocb-focus-inverse);outline-offset:2px;box-shadow:0 0 0 6px rgba(24,43,73,0.55)}
#pay-dialog.oc-pay-dialog .class-room-pay{text-align:start;padding:var(--oc-space-5,1.25rem)}
#pay-dialog.oc-pay-dialog .oc-cg-is-hidden{display:none !important}
#pay-dialog.oc-pay-dialog .oc-cg-amount,
#pay-dialog.oc-pay-dialog #payable-amount{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;margin:0 0 var(--oc-space-5,1.25rem);padding:var(--oc-space-4,1rem) var(--oc-space-5,1.25rem);background:var(--oc-color-surface);border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-md,16px);box-shadow:var(--ocb-shadow-xs);text-align:start;font-size:1rem}
#pay-dialog.oc-pay-dialog .oc-cg-amount::before,
#pay-dialog.oc-pay-dialog #payable-amount::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:4px;border-radius:4px 0 0 4px;background:var(--ocb-accent)}
html[dir="ltr"] #pay-dialog.oc-pay-dialog .oc-cg-amount::before,
html[dir="ltr"] #pay-dialog.oc-pay-dialog #payable-amount::before{border-radius:0 4px 4px 0}
#pay-dialog.oc-pay-dialog .oc-cg-amount__label{display:block;font-size:var(--oc-font-size-caption,0.875rem);font-weight:500;color:var(--oc-color-text-muted);margin:0}
#pay-dialog.oc-pay-dialog .oc-cg-amount__figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:0.4rem}
#pay-dialog.oc-pay-dialog .oc-cg-amount__value,
#pay-dialog.oc-pay-dialog #payable-amount .value{font-weight:800;font-size:1.75rem;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ocb-gold-text)}
#pay-dialog.oc-pay-dialog .oc-cg-amount__unit{font-size:var(--oc-font-size-caption,0.875rem);font-weight:600;color:var(--ocb-text-subtle)}
#pay-dialog.oc-pay-dialog .oc-cg-gateways__title{margin:0 0 var(--oc-space-3,0.75rem);font-size:var(--oc-font-size-caption,0.875rem);font-weight:600;color:var(--oc-color-text-muted);text-align:start}
#pay-dialog.oc-pay-dialog .oc-cg-skeleton__row{min-height:56px;margin-bottom:0.5rem;border-radius:var(--oc-radius-md,16px);border:1px solid var(--oc-color-border);background-color:var(--oc-color-surface-muted)}
@media (prefers-reduced-motion:no-preference){#pay-dialog.oc-pay-dialog .oc-cg-skeleton__row{animation:oc-cg-pulse 1.2s ease-in-out infinite}}
#pay-dialog.oc-pay-dialog .oc-cg-list{display:flex;flex-direction:column;gap:0.5rem;max-height:320px;overflow-y:auto;margin-bottom:0.75rem}
#pay-dialog.oc-pay-dialog .oc-cg-option{display:flex;align-items:center;gap:0.75rem;min-height:56px;margin:0;padding:0.75rem 1rem;border:1px solid var(--ocb-border-strong);border-radius:var(--oc-radius-md,16px);background:var(--oc-color-surface);cursor:pointer;text-align:start;transition:border-color var(--oc-transition-fast,180ms cubic-bezier(0.4,0,0.2,1)),background-color var(--oc-transition-fast,180ms cubic-bezier(0.4,0,0.2,1)),box-shadow var(--oc-transition-fast,180ms cubic-bezier(0.4,0,0.2,1))}
#pay-dialog.oc-pay-dialog .oc-cg-option:hover{border-color:var(--oc-color-primary);box-shadow:var(--ocb-shadow-sm)}
#pay-dialog.oc-pay-dialog .oc-cg-option.is-selected{border-color:var(--oc-color-primary);background:var(--oc-color-primary-soft);box-shadow:inset 0 0 0 1px var(--oc-color-primary)}
#pay-dialog.oc-pay-dialog .oc-cg-option:focus-within{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#pay-dialog.oc-pay-dialog .oc-cg-option__radio{flex:0 0 auto;appearance:none;-webkit-appearance:none;width:1.125rem;height:1.125rem;margin:0;border:2px solid var(--ocb-border-strong);border-radius:50%;background:var(--oc-color-surface);cursor:pointer}
#pay-dialog.oc-pay-dialog .oc-cg-option__radio:checked{border-color:var(--oc-color-primary);background:var(--oc-color-primary);box-shadow:inset 0 0 0 3px var(--oc-color-surface)}
#pay-dialog.oc-pay-dialog .oc-cg-option__logo{flex:0 0 40px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--oc-color-surface);border:1px solid var(--oc-color-border);overflow:hidden}
#pay-dialog.oc-pay-dialog .oc-cg-option__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
#pay-dialog.oc-pay-dialog .oc-cg-option__logo-fallback{display:block;width:24px;height:24px;border-radius:4px;background:var(--oc-color-primary-soft)}
#pay-dialog.oc-pay-dialog .oc-cg-option__title{flex:1 1 auto;font-size:1rem;font-weight:600;color:var(--oc-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pay-dialog.oc-pay-dialog .oc-cg-status{text-align:center;padding:var(--oc-space-5,1.25rem) var(--oc-space-3,0.75rem)}
#pay-dialog.oc-pay-dialog .oc-cg-status__title{margin:0 0 0.5rem;font-weight:700;font-size:1rem;color:var(--oc-color-text)}
#pay-dialog.oc-pay-dialog .oc-cg-status__text{margin:0 0 1rem;color:var(--oc-color-text-muted);font-size:0.875rem}
#pay-dialog.oc-pay-dialog .oc-cg-status--error{background:var(--ocb-danger-soft);border-radius:var(--oc-radius-md,16px)}
#pay-dialog.oc-pay-dialog .oc-cg-retry{min-height:44px;padding-left:1.25rem;padding-right:1.25rem;color:var(--oc-color-secondary);background:var(--oc-color-surface);border:1px solid var(--ocb-border-strong);border-radius:var(--oc-radius-md,16px);font-weight:600;cursor:pointer}
#pay-dialog.oc-pay-dialog .oc-cg-retry:hover{background:var(--oc-color-secondary);color:var(--ocb-secondary-contrast);border-color:var(--oc-color-secondary)}
#pay-dialog.oc-pay-dialog .oc-cg-retry:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#pay-dialog.oc-pay-dialog .oc-cg-actions{margin-top:var(--oc-space-4,1rem)}
#pay-dialog.oc-pay-dialog .oc-cg-submit{display:block;width:100%;min-height:50px;border:none;border-radius:var(--oc-radius-md,16px);background-color:var(--oc-color-primary);color:var(--ocb-primary-contrast);font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:var(--ocb-shadow-sm)}
#pay-dialog.oc-pay-dialog .oc-cg-submit:disabled,
#pay-dialog.oc-pay-dialog .oc-cg-submit[aria-disabled="true"]{opacity:0.55;cursor:not-allowed;box-shadow:none}
#pay-dialog.oc-pay-dialog .oc-cg-submit:not(:disabled):hover{background-color:var(--oc-color-primary-hover)}
#pay-dialog.oc-pay-dialog .oc-cg-submit:not(:disabled):active{background-color:var(--oc-color-primary-active)}
#pay-dialog.oc-pay-dialog .oc-cg-submit:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#pay-dialog.oc-pay-dialog .oc-cg-trust{margin:0.75rem 0 0;text-align:center;font-size:0.8125rem;color:var(--ocb-text-subtle);line-height:1.7}
#pay-dialog.oc-pay-dialog .oc-cg-message-host{margin-top:0.75rem}
#pay-dialog.oc-pay-dialog .oc-cg-message-host #payment-component-message{display:block;padding:13px;font-weight:bold;border-radius:var(--oc-radius-md,16px);text-align:center}
#pay-dialog.oc-pay-dialog .oc-cg-message-host #payment-component-message.message-0{background-color:var(--ocb-danger-soft);color:var(--ocb-danger)}
#pay-dialog.oc-pay-dialog .oc-cg-message-host #payment-component-message.message-1{background-color:var(--ocb-success-soft);color:var(--ocb-success)}
#pay-dialog.oc-pay-dialog .oc-cg-message-host #payment-component-message.hide,
#pay-dialog.oc-pay-dialog .oc-cg-message-host #payment-component-message.oc-cg-is-hidden{display:none !important}
@media (max-width:768px){#pay-dialog.oc-pay-dialog .oc-cg-list{max-height:280px}#pay-dialog.oc-pay-dialog .oc-cg-option{min-height:52px;padding:0.75rem}#pay-dialog.oc-pay-dialog .class-room-pay{padding:var(--oc-space-4,1rem)}}
#pay-dialog.oc-pay-dialog.fade-scale{transform:scale(0.96);opacity:0;transition:opacity var(--oc-transition-normal,260ms cubic-bezier(0.4,0,0.2,1)),transform var(--oc-transition-normal,260ms cubic-bezier(0.4,0,0.2,1))}
#pay-dialog.oc-pay-dialog.fade-scale.show{opacity:1;transform:scale(1)}
@keyframes oc-cg-pulse{0%,100%{opacity:0.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){#pay-dialog.oc-pay-dialog.fade-scale,#pay-dialog.oc-pay-dialog.fade-scale.show{transform:none;transition:none}#pay-dialog.oc-pay-dialog .oc-cg-skeleton__row{animation:none}#pay-dialog.oc-pay-dialog .oc-cg-option{transition:none}}.oc-locale-picker{display:inline-flex;align-items:center;gap:0.5rem;margin-inline:0.75rem;font-size:0.875rem;line-height:1.2}
.oc-locale-picker__label{color:inherit;opacity:0.85;white-space:nowrap}
.oc-locale-picker__list{display:inline-flex;align-items:center;gap:0.35rem;list-style:none;margin:0;padding:0}
.oc-locale-picker__item{display:inline-block;padding:0.25rem 0.5rem;border-radius:0.25rem;text-decoration:none;color:inherit;border:1px solid transparent}
a.oc-locale-picker__item:hover,
a.oc-locale-picker__item:focus{border-color:currentColor;outline:none}
.oc-locale-picker__item.is-active{font-weight:600;border-color:currentColor}
@media (max-width:767px){.oc-locale-picker{margin-inline:0.5rem;font-size:0.8125rem}.oc-locale-picker__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
#datepicker-component-container i.clear-date-picker-input{display:inline-block;background:url(../themes/online-class/assets/app/img/icon/remove.svg);width:30px;height:30px;background-position:center;background-size:contain;float:right;position:relative;top:-34px}
#addresses-component-container .create-button{color:#f5f5f5;font-size:12.8px;line-height:15.36px;height:32px;display:inline-block;font-weight:normal;cursor:pointer;background:#4C2A85;padding:7.2px 12.8px;border:none;border-radius:12px}
#addresses-component-container .create-button:hover{background:#F4B942;color:#f5f5f5}
#addresses-component-container .addresses{margin-top:30px}
#addresses-component-container .addresses #address-none{color:#1c1c1c;text-align:center;padding:10px}
#addresses-component-container .addresses .add-address-title{font-size:14.4px;font-weight:bold;color:#1c1c1c;display:block;text-align:end}
#addresses-component-container .addresses .add-address-description{font-size:12px;font-weight:normal;color:#a4b5bd;display:block;text-align:end;margin-top:5px}
#addresses-component-container .addresses .address{padding:15px;position:relative}
#addresses-component-container .addresses .address label{margin:0}
#addresses-component-container .addresses .address .address-value{margin-right:10px}
#addresses-component-container .addresses .address .address-title{display:none}
#addresses-component-container .addresses .address .contact-number{margin-right:10px;display:none}
#addresses-component-container .addresses .address .edit-button{height:25px;width:25px;display:inline-block;margin-bottom:-10px;margin-right:15px;color:#4C2A85}
#addresses-component-container .addresses .address .edit-button:hover{color:#F4B942}
#addresses-component-container .addresses .address .remove{right:unset;left:10px;top:10px}
#address-form .map-label{text-align:center;font-size:12px;color:#1c1c1c;padding:20px;border-top:1px solid #e9ecef;margin-left:-30px;margin-right:-30px}
#address-form .row{border:none;margin-right:-10px;margin-left:-10px}
#address-form #map{box-shadow:3.2px 3.2px 8.800000000000001px 0 rgba(0,0,0,0.2);border-radius:7px}
#address-form .form-group{padding-bottom:10px}
#order-component-container #order-details-table{margin-bottom:20px}
#order-component-container #orders-list-table .detail{margin:10px}
#order-component-container #orders-list-table .payed{color:#4C2A85;font-weight:bold;font-size:18px}
#order-component-container #orders-list-table .un-payed{color:red;font-weight:bold;font-size:18px}
#order-component-container .user-description label{font-size:14.4px;margin-bottom:-100px;margin-right:21px;position:relative;bottom:-35px}
#order-component-container .user-description textarea{background-color:#fff !important;padding-top:40px;height:111px}
#order-component-container .user-description textarea::placeholder{color:#ccd9de !important}
#order-component-container .user-description textarea:-ms-input-placeholder{color:#ccd9de !important}
#order-component-container .user-description textarea::-ms-input-placeholder{color:#ccd9de !important}
#oc-toast-container{position:fixed;z-index:6100;display:flex;flex-direction:column;gap:var(--oc-space-2);pointer-events:none}
#oc-toast-container>.oc-toast{pointer-events:auto}
#oc-toast-container.oc-toast-container--bottom-right{top:auto;left:auto;right:var(--oc-space-5);bottom:var(--oc-space-5)}
#oc-toast-container>.oc-toast{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:var(--oc-space-3);row-gap:0;width:22rem;max-width:100%;padding:var(--oc-space-3) var(--oc-space-4);background-color:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-md);box-shadow:var(--ocb-shadow-lg);font-family:var(--oc-font-family);color:var(--ocb-text);text-align:start;cursor:pointer}
#oc-toast-container>.oc-toast::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background-color:var(--ocb-border-strong)}
#oc-toast-container>.oc-toast::after{grid-column:1;grid-row:1;content:"\f05a";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1.05rem;line-height:1.7;color:var(--ocb-text-subtle)}
#oc-toast-container .oc-toast__title{grid-column:2;margin:0;font-size:var(--oc-font-size-small);font-weight:700;line-height:1.6;color:var(--ocb-text);overflow-wrap:anywhere}
#oc-toast-container .oc-toast__message{grid-column:2;margin:0;font-size:var(--oc-font-size-small);font-weight:600;line-height:1.7;color:var(--ocb-text);overflow-wrap:anywhere}
#oc-toast-container .oc-toast__title + .oc-toast__message{margin-top:0.15rem;font-weight:500;color:var(--ocb-text-muted)}
#oc-toast-container .oc-toast__close{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:-0.2rem 0 0;margin-inline-end:-0.35rem;padding:0;border:0;border-radius:var(--oc-radius-sm);background:transparent;color:var(--ocb-text-subtle);font-family:inherit;font-size:1.25rem;line-height:1;cursor:pointer;opacity:1;text-shadow:none;transition:background-color var(--oc-transition-fast),color var(--oc-transition-fast)}
#oc-toast-container .oc-toast__close:hover,
#oc-toast-container .oc-toast__close:focus{color:var(--ocb-text);background-color:var(--ocb-surface-muted)}
#oc-toast-container .oc-toast__close:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:1px}
#oc-toast-container .oc-toast__progress{position:absolute;inset-block-end:0;inset-inline-start:0;height:3px;background-color:var(--ocb-border-strong);opacity:0.5}
#oc-toast-container>.oc-toast--success::before{background-color:var(--ocb-success)}
#oc-toast-container>.oc-toast--success::after{content:"\f058";color:var(--ocb-success)}
#oc-toast-container>.oc-toast--success .oc-toast__progress{background-color:var(--ocb-success)}
#oc-toast-container>.oc-toast--error::before{background-color:var(--ocb-danger)}
#oc-toast-container>.oc-toast--error::after{content:"\f057";color:var(--ocb-danger)}
#oc-toast-container>.oc-toast--error .oc-toast__progress{background-color:var(--ocb-danger)}
#oc-toast-container>.oc-toast--warning::before{background-color:var(--ocb-warning)}
#oc-toast-container>.oc-toast--warning::after{content:"\f071";color:var(--ocb-warning)}
#oc-toast-container>.oc-toast--warning .oc-toast__progress{background-color:var(--ocb-warning)}
#oc-toast-container>.oc-toast--info::before{background-color:var(--ocb-info)}
#oc-toast-container>.oc-toast--info::after{content:"\f05a";color:var(--ocb-info)}
#oc-toast-container>.oc-toast--info .oc-toast__progress{background-color:var(--ocb-info)}
#oc-toast-container>.oc-toast.rtl{direction:rtl;text-align:start}
@media (prefers-reduced-motion:reduce){#oc-toast-container>.oc-toast{transition:none;animation:none}}
@media (max-width:767px){#oc-toast-container.oc-toast-container--bottom-right{bottom:104px}}
@media (max-width:575px){#oc-toast-container.oc-toast-container--bottom-right{right:var(--oc-space-3);left:var(--oc-space-3)}#oc-toast-container>.oc-toast{width:100%;padding:var(--oc-space-3)}}
#header{position:fixed;top:0;z-index:1000;width:100%}
#header .hamburger{width:47px;height:47px;position:fixed;top:8px;right:15px;padding:8px 5px;z-index:5000;cursor:pointer;border-radius:50px}
@media (min-width:1200px){#header .hamburger{display:none}}
#header .hamburger .line{width:26px;border-radius:1px;height:2px;background-color:#4C2A85;display:block;margin:6px auto;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#header .hamburger.is-active{-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#header .hamburger.is-active .line:nth-child(1){-webkit-transform:translateY(8px) rotate(-45deg);-ms-transform:translateY(8px) rotate(-45deg);-o-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}
#header .hamburger.is-active .line:nth-child(2){width:0}
#header .hamburger.is-active .line:nth-child(3){-webkit-transform:translateY(8px) rotate(-45deg);-ms-transform:translateY(8px) rotate(-45deg);-o-transform:translateY(8px) rotate(-45deg);transform:translateY(-8px) rotate(45deg)}
#header #cart-counter{color:#1F2937;position:absolute;top:22px;left:15px;font-size:14px;display:inline-block;border-right:1px solid #ddd;padding-right:15px;text-align:center}
#header #cart-counter:hover{color:#4C2A85}
#header #cart-counter .count{background-color:#F4B942;color:#f5f5f5;padding:0 4px;min-width:15px;text-align:center;display:inline-block;border-radius:11px;font-size:10.4px;position:relative;font-weight:bold;margin-left:-15px;left:4px;top:-11px}
#header #width-navigation{display:inline-block;padding-top:7px;margin-right:10px;text-align:start}
@media (max-width:1200px){#header #width-navigation{display:none}}
#header #width-navigation a{color:#4C2A85;display:inline-block;height:47.2px;font-size:18px;font-weight:500;padding:8px;word-spacing:0;cursor:pointer}
#header #width-navigation a:hover,
#header #width-navigation a.active{color:#F4B942}
#header #width-navigation .dropdown-menu{margin-top:10px}
#header #width-navigation .dropdown-toggle::after{margin-right:4px;vertical-align:2px;margin-left:0}
#header .search-bar{height:65px;background-color:#FFF}
@media (min-width:1200px){#header .search-bar{height:85px;border-top:10px solid #FFF}}
#header .search-bar .container{position:relative}
#header .search-bar .logo{margin-top:-5px;display:inline-block}
#header .search-bar .logo img{height:75px}
@media (max-width:1200px){#header .search-bar .logo{display:none}}
#header .search-bar .login,
#header .search-bar .user-panel-button,
#header .search-bar .placement-test-button{color:#1F2937;position:absolute;top:13px;left:70px;font-size:14px;border:1px solid #ddd;display:inline-block;padding:9px;width:131px;height:40px;text-align:center;border-radius:6px;line-height:1.4;box-sizing:border-box}
@media (max-width:1200px){#header .search-bar .login,#header .search-bar .user-panel-button,#header .search-bar .placement-test-button{display:none}}
#header .search-bar .login:hover,
#header .search-bar .user-panel-button:hover,
#header .search-bar .placement-test-button:hover{color:#4C2A85;border:1px solid #4C2A85}
#header .search-bar .placement-test-button{left:220px;z-index:2}
@media (max-width:1200px){#header .search-bar .placement-test-button{display:inline-block;left:15px;top:12px;width:auto;min-width:96px;padding:9px 14px}}
@media (min-width:1200px){#header .search-bar .login,#header .search-bar .user-panel-button{left:auto;right:70px}#header .search-bar .placement-test-button{left:auto;right:220px}}
#header .dropdown-menu{top:-13px !important}
#header #width-navigation nav .dropdown-menu{border-radius:8px;border:none;background-color:#fff;z-index:1001}
#header #width-navigation nav .dropdown-menu .dropdown-item{color:#1c1c1c;font-weight:normal;font-size:11px;text-align:start;padding-top:10px;padding-bottom:10px}
#header #width-navigation nav .dropdown-menu a:hover{color:#000}
#header #side-navigation .logo{width:115px;display:block;margin-left:auto;margin-right:auto;margin-top:-35px}
#header #side-navigation .logo img{width:115px}
#header #side-navigation nav{background-color:#FBF9FF;position:fixed;height:100%;padding-top:55px;padding-bottom:15px;overflow:auto;z-index:500;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#header #side-navigation nav div{font-size:smaller}
#header #side-navigation nav::-webkit-scrollbar{width:5px}
#header #side-navigation nav::-webkit-scrollbar-track{background:#a1d9eb}
#header #side-navigation nav::-webkit-scrollbar-thumb{background:#4C2A85}
@media (max-width:499px){#header #side-navigation nav{width:100%;right:-100%}}
@media (min-width:500px){#header #side-navigation nav{width:350px;right:-350px}}
#header #side-navigation nav.is-active{right:0;box-shadow:-300px 0 1px 1000px rgba(0,0,0,0.75)}
#header #side-navigation .nav-link{display:block;text-align:center;margin-top:7px;color:#1F2937;z-index:501}
#header #side-navigation .nav-link:hover,
#header #side-navigation .nav-link.active{color:#F4B942}
#footer{background-color:#FAFAFA;border-top:1px solid #e0e0e0;display:block;margin-top:50px;color:#1F2937}
#footer h3{font-size:17px;font-weight:500}
#footer .container-nav{padding-top:1.5rem;padding-bottom:1rem}
#footer .container-nav .contact-item{border:2px solid #e0e0e0;margin-left:2rem;border-radius:30px;background-color:rgba(0,0,0,0.04);display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;text-align:center}
#footer .container-nav .contact-item .label{flex:1 1;color:rgba(31,41,55,0.6);margin:0;font-size:0.85714286rem;font-weight:400;line-height:1.5}
#footer .container-nav .contact-item .value{background-color:#FAFAFA;direction:ltr;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:10px 8px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
#footer .container-nav .contact-item .value .icon{margin:0 8px;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;flex-shrink:0;transition:fill 200ms cubic-bezier(0.4,0,0.2,1) 0ms;font-size:1.28571429rem}
#footer .container-nav .contact-item .value .text{margin:0 8px;font-size:0.85714286rem;font-weight:400;line-height:1.5}
#footer .container-nav #footer-right-content{padding-top:1rem;line-height:2.5rem;font-size:15px;text-align:justify;max-height:calc((2.5rem * 8) + 1rem);overflow:hidden;transition:max-height 0.3s}
#footer .container-nav #footer-right-content.open{max-height:none}
#footer .container-nav #footer-right-content-btn{display:none;margin-top:10px;font-size:13px;cursor:pointer;color:#4C2A85}
#footer .container-nav nav{display:block;padding-bottom:18px}
#footer .container-nav nav a{color:#1F2937;font-size:15px;font-weight:normal;padding:5px 5px;display:block;cursor:pointer}
#footer .container-nav nav a:hover{color:#4C2A85}
#footer .container-nav .downloads{text-align:center}
#footer .container-nav .downloads a{display:inline-block;margin:0.5rem}
#footer .container-nav .downloads a img{height:3.5rem}
#footer .copy-right{background-color:#0000000c;font-weight:100;font-size:15px;text-align:center;padding-top:1rem;padding-bottom:1rem;line-height:1.8rem}
#footer .copy-right .contact{padding-bottom:0.5rem}
#footer .copy-right .contact span{font-size:12px;display:inline-block}
#footer .copy-right .contact a{font-size:15px;color:white;cursor:pointer}
#footer .copy-right .contact a img{width:28px;margin-left:10px}
@media (max-width:992px){#footer .copy-right .copy{text-align:center!important}#footer .copy-right .contact{text-align:center!important}}
#main-breadcrumb{height:58px;margin-bottom:-58px;z-index:50;position:relative}
#main-breadcrumb .main-breadcrumb{list-style:none;display:inline-flex;flex-wrap:wrap;background-color:#1c1c1c;border-radius:12px 0 12px 12px;margin-top:8px;padding:1px 11px 2px 43px}
#main-breadcrumb .main-breadcrumb .main-breadcrumb-item{color:#f5f5f5;padding:6px;font-size:10.5px}
#main-breadcrumb .main-breadcrumb .main-breadcrumb-item a{color:#f5f5f5}
#main-breadcrumb .main-breadcrumb .main-breadcrumb-item span{margin-right:12px}
#main-breadcrumb .main-breadcrumb .main-breadcrumb-item.active{color:#f5f5f5}
#error-404{padding-top:15vh;padding-bottom:15vh}
#slideshow{overflow:hidden}
#slideshow .carousel-control-next,
#slideshow .carousel-control-prev{width:85.59999999999999px}
#slideshow .carousel-control-next-icon-custom{background-image:url('../themes/online-class/assets/app/img/icon/arrow.svg');background-size:contain;background-repeat:no-repeat;height:41px;width:34.6px;margin-left:25px}
#slideshow .carousel-control-prev-icon-custom{background-image:url('../themes/online-class/assets/app/img/icon/arrow.svg');background-size:contain;background-repeat:no-repeat;-webkit-transform:scaleX(-1);height:41px;width:34.6px;margin-right:25px}
#slideshow img{width:100%}
#slideshow .video-container{position:relative;cursor:pointer;background-color:#000}
#slideshow .video-container .video-cover{opacity:0.5}
#slideshow .video-container .play-video-icon{width:200px;position:absolute;left:calc(50% - 100px);top:calc(50% - 100px);opacity:0.8}
#slideshow .video-container:hover .play-video-icon{opacity:1}
#slideshow .container{display:none;margin-top:-22vh;text-align:start}
#slideshow h4{color:#f5f5f5;background-color:#F4B942;font-size:24.8px;display:inline-block;line-height:29.9px;font-weight:bold;padding:1.6px 8.800000000000001px 7.2px 8.800000000000001px;border-radius:8px;box-shadow:1px 1px 1.6px 0 rgba(0,0,0,0.3)}
#slideshow p{font-size:31.2px;font-weight:normal;display:inline-block;color:#f5f5f5;word-spacing:-8px;text-shadow:1px 1px 1.6px rgba(0,0,0,0.3);border-bottom:2px solid #f5f5f5;margin-bottom:4px}
#slideshow .carousel-caption-link{font-size:12.8px;font-weight:normal;color:#f5f5f5;position:absolute;left:0}
#slideshow .carousel-indicators li{width:8px;height:8px;border-radius:50%}
#slideshow .carousel-indicators li.active{background-color:#F4B942}
#usual-page{padding-top:50px;padding-bottom:50px}
#usual-page .content-block--justified,
#usual-page .content-block--justified p,
#usual-page .content-block--justified li{text-align:justify;text-align-last:start}
#usual-page .content-block--justified h1,
#usual-page .content-block--justified h2,
#usual-page .content-block--justified h3,
#usual-page .content-block--justified h4,
#usual-page .content-block--justified h5,
#usual-page .content-block--justified h6{text-align:start;text-align-last:start}
.article-categories{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-size:14px;text-align:start;font-weight:400}
.article-categories ul{padding:0}
.article-categories ul.category-list{margin:0}
.article-categories ul.category-list li{list-style-type:none;padding-right:12px;padding-top:15px;margin-top:15px;border-top:1px dashed #E9ECEF}
.article-categories ul.category-list li a{color:#7B868A}
.article-categories ul.category-list li a:hover{color:#4C2A85}
.article-categories ul.category-list li .badge{background-color:#7B868A;color:#fff;padding:0 7px;border-radius:4px;position:relative;top:-2px;right:5px;font-size:10px}
.article-categories ul.category-list li.active>a{color:#4C2A85}
.article-categories ul.category-list li.active>.badge{background-color:#4C2A85}
.article-categories ul.category-list>li{padding-right:0}
.article-categories ul.category-list>li:first-child{padding-top:0;margin-top:0;border-top:none}
#articles .sidebar{will-change:min-height;float:right;width:250px}
@media (max-width:768px){#articles .sidebar{width:100%;margin-top:30px;float:none}}
#articles .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#articles #content{width:calc(100% - 262px);min-height:80vh}
@media (max-width:768px){#articles #content{width:100%}}
#articles .custom-sub-title{margin-top:30px!important;line-height:35px;font-size:30px;background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px}
#articles .articles>.row{margin-right:-6px;margin-left:-6px}
#articles .articles>.row>.col{padding-right:6px;padding-left:6px}
#articles .blog-card-large{margin-top:30px;border-radius:8px;text-align:start;position:relative;width:100%;padding-top:80%;overflow:hidden;background-color:#FFF}
#articles .blog-card-large .link{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3}
#articles .blog-card-large img{top:0;position:absolute;width:100%;height:calc(100% - 105px);object-fit:cover;border-radius:8px;transform:scale(1,1);transition:transform 500ms;z-index:1}
#articles .blog-card-large img:hover{transform:scale(1.1,1);transition:transform 500ms}
#articles .blog-card-large .details{position:absolute;height:75px;left:0;right:0;bottom:0}
#articles .blog-card-large h3{font-weight:bold;font-size:15px;line-height:1.6;color:#4C2A85;z-index:2;text-align:start;padding:0 1rem 0 1rem;border-radius:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
#articles .blog-card-large .description{display:none;padding:0 1rem;text-align:center;font-weight:lighter}
#articles .blog-card-large .published{display:block;width:100%;text-align:end;font-size:12px;color:#aaa;font-weight:lighter;position:absolute;bottom:10px;left:10px}
#articles .blog-card-large .category{position:absolute;bottom:75px;right:8px;z-index:4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
#articles .blog-card-large .category a{font-weight:lighter;font-size:11px;background-color:#9cf;color:#4C2A85;display:inline-block;border-radius:8px;padding:2px 10px;margin:3px}
#articles .blog-card-large .category a:hover{color:white}
#articles .blog-card{margin-top:12px;border-radius:4px;width:100%;padding:0.85rem;border:1px solid #E5E5E5;background-color:#FFF;position:relative;display:flex;gap:1rem}
#articles .blog-card img{width:150px;height:105px;object-fit:cover;border-radius:2px}
#articles .blog-card h3{font-weight:bold;font-size:16px;line-height:1.1;color:#4C2A85;text-align:start;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
#articles .blog-card .description{font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:15px;text-align:justify}
#articles .blog-card .published{display:block;width:100%;text-align:end;font-size:12px;color:#d2d2d2;font-weight:lighter;position:absolute;bottom:0.65rem;left:0.85rem}
#articles .blog-card .published i{margin-left:7px}
#article .sidebar{will-change:min-height;float:right;width:250px}
@media (max-width:768px){#article .sidebar{display:none}}
#article .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#article #content{width:calc(100% - 262px)}
@media (max-width:768px){#article #content{width:100%}}
#article .post-header{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-top:30px;margin-bottom:12px;font-weight:100;position:relative;color:#8f8f8f}
#article .post-header .sub-title{line-height:40px;font-size:30px;border-bottom:1px solid #f3f3f3;padding-bottom:10px;margin-bottom:15px!important;color:#464749;font-weight:400}
@media (max-width:992px){#article .post-header .sub-title{font-size:24px}}
#article .post-header i{margin-left:5px}
#article .post-header span{display:inline-block;margin-left:10px;margin-top:5px}
#article .post-header .category{display:inline-block;margin-left:10px}
#article .post-header .category a{color:#8f8f8f;margin-left:10px}
#article .post-header .bookmark{width:40px;height:40px;border-radius:8px;position:absolute;left:10px;bottom:15px;padding:8px;color:#4C2A85;font-size:19px;text-align:center}
#article .post-header .bookmark i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
#article .post-header .bookmark.bookmarked i{font-weight:900}
#article .content-image{margin-bottom:12px}
#article .content-image img{width:100%;border-radius:4px}
#article .content-block{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-weight:400;text-align:justify;font-size:18px;line-height:30px;color:#1F2937}
#article .content-block img{max-width:100%}
#article .content-block a{color:#0d6efd}
.course-card-container .course-card-old{margin-top:24px;padding:0 0 105px 0;position:relative;display:block;z-index:1;background-color:#FFF;border:1px solid #E5E5E5;border-radius:5px;clip-path:inset(-9px 0px 0px 0px)}
.course-card-container .course-card-old .cover{width:100%;padding-top:100%;position:relative}
.course-card-container .course-card-old .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:4px 4px 0 0;z-index:40}
.course-card-container .course-card-old .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:62}
.course-card-container .course-card-old .name{z-index:60;color:#000;height:57px;padding:15px;text-align:start;line-height:22px;font-size:15px;font-weight:bold;width:100%;display:flex;flex-direction:column;justify-content:center}
.course-card-container .course-card-old .price{z-index:60;position:absolute;width:100%;text-align:center;bottom:45px;right:0;font-size:22px;line-height:19px;display:flex;flex-direction:column;gap:6px;height:52px;justify-content:center}
.course-card-container .course-card-old .price .sale-price-with-discount{font-weight:bold;color:#4C2A85;word-spacing:4px}
.course-card-container .course-card-old .price .sale-price{text-decoration-line:line-through;color:#F4B942;font-size:15px;font-weight:bold}
.course-card-container .course-card-old .discount-price{text-align:center;color:white;background-color:#f21d2f;display:inline-block;padding:10px 13px;position:absolute;top:10px;right:-30px;width:129px;z-index:60;line-height:13px;transform:rotateZ(45deg);box-shadow:0 0 5px rgba(0,0,0,0.3)}
.course-card-container .course-card-old .discount-price::before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #94161a;position:absolute;left:-6px;bottom:-7px;transform:rotate(-45deg)}
.course-card-container .course-card-old .discount-price .percent{font-size:16px}
.course-card-container .course-card-old .discount-price .label{font-size:16px}
.course-card-container .course-card-old .go-single{position:absolute;left:0;right:0;text-align:center;bottom:0;color:white;background-color:#4C2A85;font-weight:300;font-size:15px;border-radius:0 0 4px 4px;height:35px;padding-top:5px;z-index:1}
.course-card-container .course-card-old .bookmark{display:none;width:35px;height:35px;border-radius:8px;position:absolute;left:8px;bottom:62px;padding:6px;color:#4C2A85;font-size:16px;text-align:center}
.course-card-container .course-card-old .bookmark i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
.course-card-container .course-card-old .bookmark.bookmarked i{font-weight:900}
.course-card-container .course-card-old .elapsed-progress{margin-right:15px;margin-left:45px;height:6px;overflow:visible;position:relative}
.course-card-container .course-card-old .elapsed-progress span{position:absolute;display:inline-block;padding:4px 2px 1px 2px;left:-35px;top:-6px;border-radius:15px;color:#fff;font-size:10px;width:30px;background-color:rgba(0,0,0,0.4);text-align:center}
.course-card-container .course-card-old .locked{position:absolute;bottom:0;left:10px;color:rgba(0,0,0,0.2);font-size:18px;z-index:2}
.course-card-container .course-card-old .rating{position:absolute;bottom:70px;left:15px;color:#aaa;font-size:13px}
.course-card-container .course-card-old .rating i{color:#ffd408}
.course-card-container .course-card{margin-top:24px;padding:0 0 0 0;position:relative;display:block;z-index:1;background-color:#FFF;border:1px solid #E5E5E5;border-radius:1rem}
.course-card-container .course-card .cover{width:100%;padding-top:100%;position:relative}
.course-card-container .course-card .cover img{object-fit:cover;position:absolute;object-position:top;width:100%;height:100%;top:0;left:0;border-radius:1rem 1rem 0 0;z-index:40}
.course-card-container .course-card .name{color:#1F2937;margin:9px 7px;text-align:start;font-size:17px;font-weight:bold;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.course-card-container .course-card .price{z-index:60;width:100%;text-align:end;padding:12px;font-size:21px;line-height:14px;position:relative;display:inline-block;margin-top:5px}
.course-card-container .course-card .price .sale-price-with-discount{font-weight:bold;color:#4C2A85;word-spacing:4px}
.course-card-container .course-card .price .sale-price{color:#777;font-size:17px;font-weight:lighter;position:relative;margin-left:15px}
.course-card-container .course-card .price .sale-price:after{width:100%;height:1px;background:#777;content:'';position:absolute;left:0;top:50%;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
.course-card-container .course-card .price .discount-price{text-align:center;color:black;border-radius:6px;background-color:#fdb913;display:inline-block;padding:6px;position:absolute;top:4px;right:8px;font-size:23px;z-index:60;line-height:13px;font-family:Arial,Helvetica,sans-serif}
.course-card-container .course-card .price .discount-price .percent{position:absolute;right:5px;top:3px;font-size:15px;font-weight:900}
.course-card-container .course-card .price .discount-price .label{position:absolute;right:4px;top:14px;font-size:8px}
.course-card-container .course-card .price .discount-price .number{font-weight:900;padding-right:15px}
.course-card-container .course-card .elapsed-progress{height:6px;direction:ltr;border-radius:0}
.course-card-container .course-card .ico{position:relative;height:25px}
.course-card-container .course-card .ico .locked{position:absolute;top:0;right:15px;color:rgba(0,0,0,0.2);font-size:15px;z-index:2}
.course-card-container .course-card .ico .rating{position:absolute;top:0;left:15px;color:#aaa;font-size:12px}
.course-card-container .course-card .ico .rating i{color:#ffd408}
.course-card-container .course-card-quark{margin-top:24px;padding:8px;position:relative;display:block;z-index:1;background-color:#FFF;border-radius:1.2rem}
.course-card-container .course-card-quark .cover{width:100%;padding-top:75%;position:relative}
.course-card-container .course-card-quark .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:1rem;z-index:40}
.course-card-container .course-card-quark .name{color:#1F2937;margin-top:5px;text-align:start;font-size:17px;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.course-card-container .course-card-quark .category{color:#999;font-weight:lighter;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;height:18px;font-size:14px;text-align:start}
.course-card-container .course-card-quark .price{z-index:60;display:flex;flex-direction:column;justify-content:end;height:50px}
.course-card-container .course-card-quark .price .sale-price-with-discount{font-weight:normal;font-size:18px;color:#1F2937;word-spacing:4px;background-color:#FBF9FF;border-radius:8px;padding:2px 7px}
.course-card-container .course-card-quark .price .sale-price{color:#ff5849;font-size:13px;font-weight:lighter;text-decoration-line:line-through}
.course-card-container .course-card-quark .price .sale-price small{font-size:13px}
.course-card-container .course-card-quark .content{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:end}
.course-card-container .course-card-quark .content .locked{color:rgba(0,0,0,0.2);font-size:15px;padding:0 5px}
.course-card-container .course-card-helios{margin-top:24px;position:relative;display:block;z-index:1}
.course-card-container .course-card-helios .cover{width:100%;padding-top:140%;position:relative}
.course-card-container .course-card-helios .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:1rem;z-index:40}
.course-card-container .course-card-helios .name{color:#1F2937;margin-top:5px;margin-right:10px;text-align:start;font-size:17px;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.course-card-container .course-card-helios .price{z-index:60;display:flex;flex-direction:column;justify-content:end;align-items:start;height:43px;margin-right:10px}
.course-card-container .course-card-helios .price .sale-price-with-discount{font-weight:bold;font-size:18px;color:#4C2A85;word-spacing:4px}
.course-card-container .course-card-helios .price .sale-price{color:#ff5849;font-size:13px;font-weight:lighter;text-decoration-line:line-through}
.course-card-container .course-card-helios .price .sale-price small{font-size:13px}
.course-card-container .course-card-helios .content{display:flex;flex-direction:row;justify-content:space-between;align-items:end}
.course-card-container .course-card-helios .content .locked{color:rgba(0,0,0,0.2);font-size:15px;padding:0 5px}
.course-card-container .course-card-galaxy{margin-top:24px;padding:7px;position:relative;display:block;z-index:1;border:1px solid #E5E5E5;border-radius:1rem}
.course-card-container .course-card-galaxy .cover{width:100%;padding-top:100%;position:relative}
.course-card-container .course-card-galaxy .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:0.8rem;z-index:40}
.course-card-container .course-card-galaxy .name{color:#1F2937;margin-top:5px;text-align:start;font-size:16px;margin-right:5px;font-weight:bold;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.course-card-container .course-card-galaxy .category{color:#999;font-weight:lighter;margin-right:5px;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;height:10px;font-size:10px;text-align:start;margin-top:-5px}
.course-card-container .course-card-galaxy .price{z-index:60;display:flex;flex-direction:column;justify-content:end;align-items:end;height:20px;line-height:0.9}
.course-card-container .course-card-galaxy .price .sale-price-with-discount{font-weight:normal;font-size:18px;color:#4C2A85;word-spacing:4px;background-color:#FBF9FF}
.course-card-container .course-card-galaxy .price .sale-price{color:#ff5849;font-size:13px;font-weight:lighter;text-decoration-line:line-through}
.course-card-container .course-card-galaxy .price .sale-price small{font-size:13px}
.course-card-container .course-card-galaxy .content{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:end}
.course-card-container .course-card-galaxy .content .locked{color:rgba(0,0,0,0.2);font-size:10px;margin:0 5px}
.course-card-container .package-card{margin-top:24px;padding:0 0 20px 0;position:relative;display:block;z-index:1;background-color:#FFF;border:1px solid #E5E5E5;border-radius:2rem}
.course-card-container .package-card .cover{width:100%;padding-top:100%;position:relative}
.course-card-container .package-card .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:2rem 2rem 0 0;z-index:40}
.course-card-container .package-card .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:62}
.course-card-container .package-card .name{z-index:60;color:#000;height:75px;background-color:#e5e5e5;padding:5px;text-align:center;line-height:30px;font-size:25px;font-weight:900;width:100%;display:flex;flex-direction:column;justify-content:center}
.course-card-container .package-card .price{text-align:end;margin-right:2rem;margin-left:2rem;font-size:28px;line-height:19px;display:flex;position:relative;flex-direction:column;gap:6px;height:70px;padding-top:0.7rem;justify-content:center;border-bottom:1px solid #E5E5E5}
.course-card-container .package-card .price .sale-price-with-discount{font-weight:700;color:#1F2937;word-spacing:4px;margin-left:-15px}
.course-card-container .package-card .price .sale-price{text-decoration-line:line-through;color:#e5e5e5;font-size:18px;font-weight:400;margin-left:25px}
.course-card-container .package-card .price .discount-price{text-align:center;position:absolute;color:white;background-color:#f21d2f;display:inline-block;padding:9px 10px;top:18px;right:0;width:55px;line-height:13px;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:1rem}
.course-card-container .package-card .price .discount-price .percent{font-size:16px;font-weight:500}
.course-card-container .package-card .price .discount-price .label{display:none;font-size:16px}
.course-card-container .package-card p{text-align:justify;padding:2rem;height:136px}
.course-card-container .package-card .go-single{position:absolute;left:0;right:0;text-align:center;bottom:0;color:white;background-color:#4C2A85;font-weight:300;font-size:18px;border-radius:0 0 2rem 2rem;height:40px;padding-top:8px;z-index:1}
.course-slider{position:relative}
.course-slider .slick-slide div{text-align:center}
.course-slider .slick-track{margin-right:unset;margin-left:unset}
.course-slider .pre-slide{cursor:pointer;position:absolute;left:14px;top:40%;height:38px;display:block;width:38px;background:#4C2A85;border-radius:100%;opacity:0.5}
.course-slider .pre-slide i{display:block;height:12px;width:12px;border-left:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(-45deg);position:absolute;top:14px;left:14px}
.course-slider .pre-slide.slick-disabled{display:none!important}
.course-slider .pre-slide:hover{opacity:1}
.course-slider .next-slide{cursor:pointer;position:absolute;right:14px;top:40%;height:38px;display:block;width:38px;background:#4C2A85;border-radius:100%;opacity:0.5}
.course-slider .next-slide i{display:block;height:12px;width:12px;border-right:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(45deg);position:absolute;top:14px;right:14px}
.course-slider .next-slide.slick-disabled{display:none!important}
.course-slider .next-slide:hover{opacity:1}
.course-slider .slide{width:326px!important;height:470px}
.course-slider .slide img{display:unset}
.course-slider .slide.quark{height:auto}
.course-slider .slick-hidden{display:none!important}
#academy-courses-page .sidebar{will-change:min-height;float:right;width:250px}
@media (max-width:768px){#academy-courses-page .sidebar{width:100%;margin-top:30px;float:none}}
#academy-courses-page .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#academy-courses-page #content{width:calc(100% - 262px);min-height:70vh}
@media (max-width:768px){#academy-courses-page #content{width:100%}}
#academy-courses-page .custom-sub-title{margin-top:30px!important;line-height:35px;font-size:30px;background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px}
#academy-courses-page .course-categories{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-size:14px;text-align:start;font-weight:400}
#academy-courses-page .course-categories h6{color:#F4B942;padding-top:15px;padding-bottom:15px;text-align:center}
#academy-courses-page .course-categories a{color:#7B868A;border-top:1px dashed #E9ECEF;padding-top:1rem;padding-bottom:1rem}
#academy-courses-page .course-categories a:hover{color:#4C2A85}
#academy-courses-page .course-categories div{padding-right:15px}
#academy-courses-page .course-categories div.active>a{color:#4C2A85}
#academy-courses-page .course-categories div.active>.badge{background-color:#4C2A85}
.chapter-card-container .chapter-card{margin-top:1.35rem;padding:0 0 0 63%;position:relative;display:block;z-index:1;background-color:#FFF;border-radius:4px;clip-path:inset(-9px 0px 0px 0px);border:1px solid #E5E5E5}
.chapter-card-container .chapter-card:hover{background-color:#fcfcfc}
.chapter-card-container .chapter-card .cover{width:100px;padding-top:100px;position:relative}
.chapter-card-container .chapter-card .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:4px;z-index:40}
.chapter-card-container .chapter-card .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:62}
.chapter-card-container .chapter-card .details-container{position:absolute;left:0;bottom:0;top:0;right:0;padding-right:110px;padding-top:8px;padding-bottom:8px;display:flex;flex-direction:column;gap:2px;justify-content:space-around}
.chapter-card-container .chapter-card .details-container .name{color:#1F2937;text-align:start;line-height:22px;font-size:15px;font-weight:bold;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chapter-card-container .chapter-card .details-container .price{z-index:60;text-align:center;line-height:19px;display:flex;flex-direction:row;align-items:center;font-size:22px;gap:20px;justify-content:end;padding-left:20px}
.chapter-card-container .chapter-card .details-container .price .discount-percent{text-align:center;color:white;background-color:#f21d2f;display:inline-block;padding:2px 5px 0 5px;font-size:14px;border-radius:5px}
.chapter-card-container .chapter-card .details-container .price .sale-price-with-discount{font-weight:bold;color:#4C2A85;word-spacing:-5px}
.chapter-card-container .chapter-card .details-container .price .sale-price{text-decoration-line:line-through;color:#F4B942;font-size:15px;font-weight:bold}
@media (max-width:768px){.chapter-card-container .chapter-card .details-container .price{font-size:16px;gap:8px;padding-left:8px}.chapter-card-container .chapter-card .details-container .price .sale-price-with-discount{margin-right:auto}.chapter-card-container .chapter-card .details-container .price .sale-price{font-size:12px}.chapter-card-container .chapter-card .details-container .price .discount-percent{text-align:center;color:white;background-color:#f21d2f;display:inline-block;padding:1px 3px 0 3px;font-size:12px;border-radius:5px}}
.chapter-card-container .chapter-card .details-container .files-count{color:#aaa;font-size:12px;font-weight:lighter;text-align:start}
.chapter-slider{position:relative}
.chapter-slider .slick-slide div{text-align:center}
.chapter-slider .slick-track{margin-right:unset;margin-left:unset}
.chapter-slider .pre-slide{cursor:pointer;position:absolute;left:14px;top:40%;height:38px;display:block;width:38px;background:#4C2A85;border-radius:100%;opacity:0.5}
.chapter-slider .pre-slide i{display:block;height:12px;width:12px;border-left:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(-45deg);position:absolute;top:14px;left:14px}
.chapter-slider .pre-slide.slick-disabled{display:none!important}
.chapter-slider .pre-slide:hover{opacity:1}
.chapter-slider .next-slide{cursor:pointer;position:absolute;right:14px;top:40%;height:38px;display:block;width:38px;background:#4C2A85;border-radius:100%;opacity:0.5}
.chapter-slider .next-slide i{display:block;height:12px;width:12px;border-right:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(45deg);position:absolute;top:14px;right:14px}
.chapter-slider .next-slide.slick-disabled{display:none!important}
.chapter-slider .next-slide:hover{opacity:1}
.chapter-slider .slide{width:326px!important;height:130px}
.chapter-slider .slide img{display:unset}
@media (min-width:600px){.chapter-slider .slide{width:535px!important;height:184px}.chapter-slider .slide .chapter-card{zoom:1.5}}
.chapter-slider .slick-hidden{display:none!important}
#academy-course-detail,
#academy-chapter-detail{padding-top:30px;padding-bottom:30px}
@media (max-width:992px){#academy-course-detail>.container,#academy-chapter-detail>.container{display:flex;flex-direction:column-reverse}}
#academy-course-detail .sidebar,
#academy-chapter-detail .sidebar{will-change:min-height;float:right;width:30%}
@media (max-width:992px){#academy-course-detail .sidebar,#academy-chapter-detail .sidebar{width:100%;float:none}}
#academy-course-detail .sidebar__inner,
#academy-chapter-detail .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#academy-course-detail #content,
#academy-chapter-detail #content{width:68.5%}
@media (max-width:992px){#academy-course-detail #content,#academy-chapter-detail #content{width:100%}}
#academy-course-detail .main-rate,
#academy-chapter-detail .main-rate{}
#academy-course-detail .main-rate .rate,
#academy-chapter-detail .main-rate .rate{display:inline-block;border:0;direction:ltr}
#academy-course-detail .main-rate .rate>input,
#academy-chapter-detail .main-rate .rate>input{display:none}
#academy-course-detail .main-rate .rate>label,
#academy-chapter-detail .main-rate .rate>label{float:right;width:unset;margin-bottom:0;color:#ddd}
#academy-course-detail .main-rate .rate>label:before,
#academy-chapter-detail .main-rate .rate>label:before{display:inline-block;font-size:1.5rem;padding:0 0.4rem 0 0;margin:0;cursor:pointer;font-family:'Font Awesome 6 Free';font-weight:900;content:"\f005 "}
#academy-course-detail .main-rate input:disabled ~ label:before,
#academy-chapter-detail .main-rate input:disabled ~ label:before{cursor:default}
#academy-course-detail .main-rate .rate .half:before,
#academy-chapter-detail .main-rate .rate .half:before{content:"\f089 ";position:absolute;padding-right:0}
#academy-course-detail .main-rate input:checked ~ label,
#academy-chapter-detail .main-rate input:checked ~ label,
#academy-course-detail .main-rate input:enabled ~ label:hover,
#academy-chapter-detail .main-rate input:enabled ~ label:hover,
#academy-course-detail .main-rate input:enabled ~ label:hover ~ label,
#academy-chapter-detail .main-rate input:enabled ~ label:hover ~ label{color:#ffd408}
#academy-course-detail .main-rate input:checked + label:hover,
#academy-chapter-detail .main-rate input:checked + label:hover,
#academy-course-detail .main-rate input:checked ~ label:hover,
#academy-chapter-detail .main-rate input:checked ~ label:hover,
#academy-course-detail .main-rate input:checked ~ label:hover ~ label,
#academy-chapter-detail .main-rate input:checked ~ label:hover ~ label,
#academy-course-detail .main-rate label:hover ~ input:checked ~ label,
#academy-chapter-detail .main-rate label:hover ~ input:checked ~ label{color:#ffd408}
#academy-course-detail .main-cover,
#academy-chapter-detail .main-cover{margin-bottom:12px}
#academy-course-detail .main-cover img,
#academy-chapter-detail .main-cover img{width:100%;border-radius:4px}
#academy-course-detail .sticky-buy,
#academy-chapter-detail .sticky-buy{position:fixed;bottom:0;width:100%;right:0;color:#fff;text-align:center;font-weight:600;height:40px;display:inline-block;font-size:17px;padding:8px 11px;z-index:55;background-color:#4C2A85}
#academy-course-detail .sticky-buy::before,
#academy-chapter-detail .sticky-buy::before{display:inline-block;font-family:'Font Awesome 6 Free';font-weight:600;content:"\f09d";width:20px;height:20px;text-align:center;position:absolute;right:33px;top:42%;margin-top:-7px;font-size:18px;color:#fff;background:0 0}
@media (min-width:992px){#academy-course-detail .sticky-buy,#academy-chapter-detail .sticky-buy{display:none}}
#academy-course-detail .main-title,
#academy-chapter-detail .main-title{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-weight:100;position:relative}
#academy-course-detail .main-title h2,
#academy-chapter-detail .main-title h2{color:#4C2A85;font-size:20px;font-weight:900;margin-top:0;margin-bottom:0}
#academy-course-detail .main-title .bookmark,
#academy-chapter-detail .main-title .bookmark{width:40px;height:40px;border-radius:8px;position:absolute;left:10px;bottom:15px;padding:8px;color:#4C2A85;font-size:19px;text-align:center}
#academy-course-detail .main-title .bookmark i,
#academy-chapter-detail .main-title .bookmark i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
#academy-course-detail .main-title .bookmark.bookmarked i,
#academy-chapter-detail .main-title .bookmark.bookmarked i{font-weight:900}
#academy-course-detail #pay-dialog,
#academy-chapter-detail #pay-dialog{-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
#academy-course-detail #pay-dialog .products,
#academy-chapter-detail #pay-dialog .products{margin-bottom:1rem;text-align:start}
#academy-course-detail #pay-dialog .products .product,
#academy-chapter-detail #pay-dialog .products .product{margin-right:20px;font-weight:lighter;font-size:16px !important;cursor:pointer}
#academy-course-detail #pay-dialog .products .product .title,
#academy-chapter-detail #pay-dialog .products .product .title{margin-right:10px;margin-left:10px}
#academy-course-detail #pay-dialog .products .product .title-price,
#academy-chapter-detail #pay-dialog .products .product .title-price{margin-right:10px;color:#4C2A85;font-weight:bold}
#academy-course-detail #pay-dialog .products #select-address,
#academy-chapter-detail #pay-dialog .products #select-address{width:242px;display:block;margin:1rem auto;background-color:#fff;text-align:center;padding:0.5rem;border-radius:3px;cursor:pointer;color:#4C2A85;border:1px solid #4C2A85}
#academy-course-detail #pay-dialog.active,
#academy-chapter-detail #pay-dialog.active{top:0;width:100%;right:0;height:100%;z-index:60001}
#academy-course-detail .details,
#academy-chapter-detail .details{background-color:#FFF;border:1px solid #E5E5E5;padding:1.35rem;border-radius:4px;position:relative;margin-bottom:12px}
#academy-course-detail .details .main-rate,
#academy-chapter-detail .details .main-rate{width:170px;margin-top:20px;margin-left:auto;margin-right:auto}
#academy-course-detail .details .main-rate .rate-label,
#academy-chapter-detail .details .main-rate .rate-label{display:block;font-weight:100;font-size:12px;width:100%;text-align:center;color:#4C2A85;margin-top:-5px}
#academy-course-detail .details .price-box,
#academy-chapter-detail .details .price-box{color:#777;font-size:16px;display:flex;border:1px dashed #ddd;background-color:#f9f9f9;padding:0 15px;margin-bottom:15px;border-radius:10px;line-height:52px;position:relative}
#academy-course-detail .details .price-box .discount-percent,
#academy-chapter-detail .details .price-box .discount-percent{color:#f5f5f5;background-color:red;display:block;border-radius:8px;padding:6px;line-height:11px;font-size:13px;font-weight:lighter;margin-top:9px}
#academy-course-detail .details .price-box::before,
#academy-chapter-detail .details .price-box::before{content:'';width:16px;height:16px;border-left:1px dashed #ddd;border-radius:50%;background-color:#fff;position:absolute;top:calc(50% - 8px);right:-9px}
#academy-course-detail .details .price-box::after,
#academy-chapter-detail .details .price-box::after{content:'';width:16px;height:16px;border-radius:50%;background-color:#fff;position:absolute;top:calc(50% - 8px);border-right:1px dashed #ddd;left:-9px}
#academy-course-detail .details .price-box label,
#academy-chapter-detail .details .price-box label{padding-left:20px;border-left:1px dashed #ddd;font-weight:500;width:100%;max-width:84px;text-align:center;margin:0}
#academy-course-detail .details .price-box .price,
#academy-chapter-detail .details .price-box .price{margin-bottom:0;font-size:17px;width:100%;text-align:end}
#academy-course-detail .details .price-box .price .sale-price,
#academy-chapter-detail .details .price-box .price .sale-price{color:#464749;font-size:15px;position:absolute;left:45px;top:-15px}
#academy-course-detail .details .price-box .price .sale-price::after,
#academy-chapter-detail .details .price-box .price .sale-price::after{width:100%;height:1px;background:red;content:'';position:absolute;left:3px;top:47%;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
#academy-course-detail .details .price-box .price .sale-price-with-discount,
#academy-chapter-detail .details .price-box .price .sale-price-with-discount{color:#464749;font-size:22px;position:relative;top:2px}
#academy-course-detail .details .price-box .price .currency,
#academy-chapter-detail .details .price-box .price .currency{float:right;color:grey;font-size:10px;font-weight:400;text-align:center;margin-right:4px}
#academy-course-detail .details .price-box .price .buy-state,
#academy-chapter-detail .details .price-box .price .buy-state{width:100%;display:inline-block;color:#4C2A85;text-align:center}
#academy-course-detail .details .go-pay,
#academy-chapter-detail .details .go-pay{color:#fff;text-align:center;font-weight:600;height:50px;display:inline-block;position:relative;font-size:19px;padding:11px 11px;z-index:55;background-color:#4C2A85;border-radius:3px;width:100%}
#academy-course-detail .details .go-pay::before,
#academy-chapter-detail .details .go-pay::before{display:inline-block;font-family:'Font Awesome 6 Free';font-weight:600;content:"\f09d";width:20px;height:20px;text-align:center;position:absolute;right:33px;top:42%;margin-top:-7px;font-size:18px;color:#fff;background:0 0}
#academy-course-detail .elapsed-percent,
#academy-chapter-detail .elapsed-percent{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px}
#academy-course-detail .elapsed-percent .progress-title,
#academy-chapter-detail .elapsed-percent .progress-title{margin-bottom:15px;color:#4C2A85}
#academy-course-detail .elapsed-percent .progress-title i,
#academy-chapter-detail .elapsed-percent .progress-title i{margin-left:10px}
#academy-course-detail .elapsed-percent .progress,
#academy-chapter-detail .elapsed-percent .progress{height:30px;position:relative}
#academy-course-detail .elapsed-percent .progress span,
#academy-chapter-detail .elapsed-percent .progress span{position:absolute;display:inline-block;padding:4px 8px 0 8px;right:43%;top:4px;border-radius:4px;color:white;background-color:rgba(0,0,0,0.3)}
#academy-course-detail .information,
#academy-chapter-detail .information{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;text-align:start;font-weight:400}
#academy-course-detail .information>*,
#academy-chapter-detail .information>*{display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px dashed #E9ECEF;padding-top:10px;color:#7B868A;padding-bottom:10px}
#academy-course-detail .information>* i,
#academy-chapter-detail .information>* i{font-size:20px;margin-left:15px;width:25px;height:25px;text-align:end}
#academy-course-detail .information>*:last-child,
#academy-chapter-detail .information>*:last-child{border-bottom:none;padding-bottom:5px}
#academy-course-detail .description,
#academy-chapter-detail .description{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-weight:400;text-align:justify;font-size:18px;line-height:30px;color:#1F2937}
#academy-course-detail .description img,
#academy-chapter-detail .description img{max-width:100%}
#academy-course-detail .description a,
#academy-chapter-detail .description a{color:#0d6efd}
#academy-course-detail .tags,
#academy-chapter-detail .tags{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;color:#7B868A;line-height:24px}
#academy-course-detail .tags i,
#academy-chapter-detail .tags i{margin-left:5px}
#academy-course-detail .tags a,
#academy-chapter-detail .tags a{background:#eaecef;color:#7B868A !important;font-size:12px;padding:0 9px;margin:3px;display:inline-block}
#academy-course-detail .tags a:hover,
#academy-chapter-detail .tags a:hover{background:#7B868A !important;color:#fff !important}
#academy-course-detail .teacher,
#academy-chapter-detail .teacher{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px}
#academy-course-detail .teacher .top-part,
#academy-chapter-detail .teacher .top-part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}
#academy-course-detail .teacher .top-part img,
#academy-chapter-detail .teacher .top-part img{max-width:100%;width:80px;height:auto;border-radius:50%;-webkit-border-radius:50%;border:4px double #ddd}
#academy-course-detail .teacher .top-part .name,
#academy-chapter-detail .teacher .top-part .name{line-height:normal;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-right:20px}
#academy-course-detail .teacher .top-part .name h6,
#academy-chapter-detail .teacher .top-part .name h6{margin-bottom:4px}
#academy-course-detail .teacher .top-part .name .job-title,
#academy-chapter-detail .teacher .top-part .name .job-title{color:#7B868A;font-size:12px}
#academy-course-detail .teacher p,
#academy-chapter-detail .teacher p{margin-bottom:8px;font-size:13px;line-height:21px;color:#7d7e7f;text-align:justify}
#academy-course-detail .chapters,
#academy-chapter-detail .chapters,
#academy-course-detail .chapter-files,
#academy-chapter-detail .chapter-files,
#academy-course-detail .comments,
#academy-chapter-detail .comments,
#academy-course-detail .faq,
#academy-chapter-detail .faq{background-color:#FFF;padding:1.75rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px}
#academy-course-detail .chapters .title,
#academy-chapter-detail .chapters .title,
#academy-course-detail .chapter-files .title,
#academy-chapter-detail .chapter-files .title,
#academy-course-detail .comments .title,
#academy-chapter-detail .comments .title,
#academy-course-detail .faq .title,
#academy-chapter-detail .faq .title{padding:0 30px;border-bottom:1px solid #E5E5E5;margin-right:-1.75rem;margin-left:-1.75rem;margin-top:-1.75rem;margin-bottom:1.75rem}
#academy-course-detail .chapters .title .show-all,
#academy-chapter-detail .chapters .title .show-all,
#academy-course-detail .chapter-files .title .show-all,
#academy-chapter-detail .chapter-files .title .show-all,
#academy-course-detail .comments .title .show-all,
#academy-chapter-detail .comments .title .show-all,
#academy-course-detail .faq .title .show-all,
#academy-chapter-detail .faq .title .show-all{margin-top:12px}
#academy-course-detail .chapters .title h3,
#academy-chapter-detail .chapters .title h3,
#academy-course-detail .chapter-files .title h3,
#academy-chapter-detail .chapter-files .title h3,
#academy-course-detail .comments .title h3,
#academy-chapter-detail .comments .title h3,
#academy-course-detail .faq .title h3,
#academy-chapter-detail .faq .title h3{position:relative;bottom:-2px;font-size:16px;padding:20px 0;margin-bottom:0;display:inline-block;border-bottom:3px solid #4C2A85}
#academy-course-detail .chapters .title h3 i,
#academy-chapter-detail .chapters .title h3 i,
#academy-course-detail .chapter-files .title h3 i,
#academy-chapter-detail .chapter-files .title h3 i,
#academy-course-detail .comments .title h3 i,
#academy-chapter-detail .comments .title h3 i,
#academy-course-detail .faq .title h3 i,
#academy-chapter-detail .faq .title h3 i{margin-left:10px}
@media (max-width:500px){#academy-course-detail .chapters,#academy-chapter-detail .chapters,#academy-course-detail .chapter-files,#academy-chapter-detail .chapter-files,#academy-course-detail .comments,#academy-chapter-detail .comments,#academy-course-detail .faq,#academy-chapter-detail .faq{padding:1.75rem 1rem}#academy-course-detail .chapters .title,#academy-chapter-detail .chapters .title,#academy-course-detail .chapter-files .title,#academy-chapter-detail .chapter-files .title,#academy-course-detail .comments .title,#academy-chapter-detail .comments .title,#academy-course-detail .faq .title,#academy-chapter-detail .faq .title{margin-right:-1rem;margin-left:-1rem}}
#academy-course-detail .faq .item,
#academy-chapter-detail .faq .item{border-radius:0.5rem;border:1px solid #E5E5E5;padding:0.75rem;margin-bottom:0.5rem;background-color:#FBF9FF}
#academy-course-detail .faq .item .question,
#academy-chapter-detail .faq .item .question{display:flex;justify-content:space-between;cursor:pointer;color:#1F2937;font-weight:bold}
#academy-course-detail .faq .item .question .mines,
#academy-chapter-detail .faq .item .question .mines{display:none}
#academy-course-detail .faq .item .question .plus,
#academy-chapter-detail .faq .item .question .plus{display:inline}
#academy-course-detail .faq .item .question[aria-expanded="true"],
#academy-chapter-detail .faq .item .question[aria-expanded="true"]{color:#4C2A85}
#academy-course-detail .faq .item .question[aria-expanded="true"] .mines,
#academy-chapter-detail .faq .item .question[aria-expanded="true"] .mines{display:inline}
#academy-course-detail .faq .item .question[aria-expanded="true"] .plus,
#academy-chapter-detail .faq .item .question[aria-expanded="true"] .plus{display:none}
#academy-course-detail .faq .item .answer div,
#academy-chapter-detail .faq .item .answer div{background-color:#FFF;border-radius:0.3rem;border:1px solid #E9ECEF;font-weight:lighter;margin-top:0.75rem;padding:1rem;color:#7B868A}
#academy-course-detail #comment-form,
#academy-chapter-detail #comment-form{background:#f8f9fa;padding:30px;border:1px solid #dde2e6;border-radius:0}
#academy-course-detail #comment-form .label-title,
#academy-chapter-detail #comment-form .label-title{display:block;color:#6c757d;padding-bottom:6px;font-size:16px}
#academy-course-detail #comment-form textarea,
#academy-chapter-detail #comment-form textarea{height:184px;line-height:26px;width:100%;padding:8px 15px}
#academy-course-detail #comment-form #create-button,
#academy-chapter-detail #comment-form #create-button{padding:10px 17px;vertical-align:bottom;text-shadow:none;line-height:27px;color:#fff;background-color:#4C2A85;border-radius:4px;border:none}
#academy-course-detail #comment-form #create-button:focus,
#academy-chapter-detail #comment-form #create-button:focus{outline:none}
.chapter-file-card-container .chapter-file-card{margin-top:24px;position:relative;display:block;z-index:1;background-color:#FFF;border-bottom:1px solid #eee;padding-bottom:20px}
.chapter-file-card-container .chapter-file-card .file-type{font-size:1.5rem;color:#bbb;position:absolute;right:10px;top:6px}
.chapter-file-card-container .chapter-file-card .file-type img{width:25px}
.chapter-file-card-container .chapter-file-card .file-size{color:#4C2A85;position:absolute;left:11px;top:11px;font-size:0.9rem}
.chapter-file-card-container .chapter-file-card .name{display:block;color:#1F2937;padding:12px;text-align:start;line-height:24px;font-size:14px;width:50%;margin-right:35px}
.chapter-file-card-container .chapter-file-card .price{z-index:60;position:absolute;text-align:center;top:12px;left:130px;font-size:18px;display:inline-block;line-height:19px}
.chapter-file-card-container .chapter-file-card .price .sale-price-with-discount{font-weight:bold;color:#F4B942}
.chapter-file-card-container .chapter-file-card .price .sale-price{text-decoration-line:line-through;color:red;font-size:13px}
.chapter-file-card-container .chapter-file-card .play-stream{border:1px solid #4C2A85;color:#4C2A85;border-radius:4px;cursor:pointer;padding:2px 8px;margin-left:4px}
.chapter-file-card-container .chapter-file-card .play-stream i{top:2px;position:relative}
.chapter-file-card-container .chapter-file-card .download{border:1px solid #4C2A85;background-color:#4C2A85;color:white;border-radius:4px;padding:2px 8px;margin-right:4px}
.chapter-file-card-container .chapter-file-card .download i{top:2px;position:relative}
.chapter-file-card-container .chapter-file-card .discount-price{text-align:center;color:#f5f5f5;background-color:red;display:inline-block;border-radius:8px;padding:8px;position:absolute;top:10px;right:-5px;width:65px;z-index:60;line-height:13px}
.chapter-file-card-container .chapter-file-card .discount-price .percent{font-weight:bold;font-family:sans-serif;font-size:18px}
.chapter-file-card-container .chapter-file-card .discount-price .label{font-weight:lighter;font-size:13px;letter-spacing:-1px}
.chapter-file-card-container .chapter-file-card-video{cursor:pointer;border-radius:8px;background-color:white;margin-top:30px}
.chapter-file-card-container .chapter-file-card-video img{width:100%;height:170px;object-fit:cover;border-radius:8px}
.chapter-file-card-container .chapter-file-card-video .file-size{color:#fff;background-color:rgba(0,0,0,0.5);display:inline-block;padding:0 8px;position:relative;top:-30px;right:5px;border-radius:5px}
.chapter-file-card-container .chapter-file-card-video .name{display:block;text-align:center;color:#1c1c1c;margin-top:-15px;padding-bottom:10px;font-weight:lighter}
.comment-card{margin-bottom:1.35rem;position:relative}
.comment-card .comment-rate{display:inline-block;margin-bottom:3px}
.comment-card .comment-rate .rate-label{margin-right:20px;display:inline-block;font-weight:100;font-size:10px;color:#1F2937}
.comment-card .comment-rate .rate{display:inline;border:0;direction:ltr}
.comment-card .comment-rate .rate>input{display:none}
.comment-card .comment-rate .rate>label{float:right;width:unset;margin-bottom:0;color:#ddd}
.comment-card .comment-rate .rate>label:before{display:inline-block;font-size:13px;padding:0 0.2rem 0 0;margin:0;cursor:pointer;font-family:'Font Awesome 6 Free';font-weight:900;content:"\f005 "}
.comment-card .comment-rate input:disabled ~ label:before{cursor:default}
.comment-card .comment-rate .rate .half:before{content:"\f089 ";position:absolute;padding-right:0}
.comment-card .comment-rate input:checked ~ label,
.comment-card .comment-rate input:enabled ~ label:hover,
.comment-card .comment-rate input:enabled ~ label:hover ~ label{color:#ffd408}
.comment-card .comment-rate input:checked + label:hover,
.comment-card .comment-rate input:checked ~ label:hover,
.comment-card .comment-rate input:checked ~ label:hover ~ label,
.comment-card .comment-rate label:hover ~ input:checked ~ label{color:#ffd408}
.comment-card .user-comment{display:flex;gap:1rem;width:100%;min-width:310px;color:#1F2937;background-color:#fff;border:1px solid #E5E5E5;border-radius:10px;padding:1rem;position:relative;z-index:0}
.comment-card .user-comment .avatar img{width:70px;height:70px;object-fit:cover;border-radius:5rem;border:1px solid #E5E5E5}
.comment-card .user-comment .username{font-size:15px;color:#464749;font-weight:600;margin-right:8px}
.comment-card .user-comment .datetime{font-size:16px;position:absolute;left:25px;top:22px;color:#adb5bd}
.comment-card .user-comment p{text-align:justify;margin-top:0.5rem;font-size:13px;color:#7d7e7f;font-weight:400;max-width:480px}
.comment-card .user-comment.pending{border:1px solid #b3f0ff}
.comment-card .user-comment.rejected{border:1px solid #ffb5ae}
.comment-card .like-dis-like{position:absolute;left:14px;bottom:3px;font-weight:lighter;font-size:18px}
.comment-card .like-dis-like .count{margin-left:5px}
.comment-card .like-dis-like a{color:#999}
.comment-card .like-dis-like .like{display:inline-block;margin-left:10px}
.comment-card .like-dis-like .like i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
.comment-card .like-dis-like .dislike{display:inline-block;margin-right:8px}
.comment-card .like-dis-like .dislike i{position:relative;top:2px;font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
.comment-card .like-dis-like .liked i{color:lime;font-weight:900}
.comment-card .like-dis-like .disliked i{color:red;font-weight:900}
#test-exam.oc-exam{min-height:70vh;padding:2rem 1rem 3rem;background-color:#fbf9ff;background-image:linear-gradient(180deg,#fff 0%,#FBF9FF 100%)}
#test-exam.oc-exam .oc-exam__frame{width:100%;max-width:720px;margin:0 auto}
#test-exam.oc-exam .oc-exam__page-title{display:flex;align-items:center;justify-content:flex-start;gap:0.5rem;margin-bottom:1rem;padding:0 0.25rem;color:#1F2937;font-size:0.95rem;font-weight:600}
#test-exam.oc-exam .oc-exam__page-title.hide{display:none !important}
#test-exam.oc-exam .oc-exam__page-title-text{line-height:1.4}
#test-exam.oc-exam .exam-header.oc-exam-intro{width:100%}
#test-exam.oc-exam .exam-header.oc-exam-intro.testing{display:none !important}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__panel{background:#FFF;border:1px solid rgba(229,229,229,0.8);border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,0.04);padding:2.25rem 1.75rem 2rem}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__header{text-align:center;margin-bottom:1.75rem}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__title{margin:0 0 0.75rem;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700;color:#1F2937;line-height:1.45}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__subtitle{margin:0 auto;max-width:36rem;font-size:0.95rem;line-height:1.7;color:#7B868A;font-weight:400}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__lock,
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__level{display:flex;align-items:flex-start;gap:0.65rem;margin-bottom:1rem;padding:0.85rem 1rem;border-radius:10px;font-size:0.9rem;line-height:1.6}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__lock{background:rgba(214,69,69,0.08);border:1px solid rgba(214,69,69,0.28);color:#c62c2c}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__level{background:rgba(76,42,133,0.08);border:1px solid rgba(76,42,133,0.22);color:#1F2937}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__description,
#test-exam.oc-exam .exam-header.oc-exam-intro .content-block{margin:0 0 1.75rem;text-align:start;color:#1F2937;font-size:0.95rem;line-height:1.85}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__description p,
#test-exam.oc-exam .exam-header.oc-exam-intro .content-block p{margin:0 0 0.85rem;position:relative;padding-inline-start:1.65rem}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__description p:last-child,
#test-exam.oc-exam .exam-header.oc-exam-intro .content-block p:last-child{margin-bottom:0}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__description p::before,
#test-exam.oc-exam .exam-header.oc-exam-intro .content-block p::before{content:"";position:absolute;inset-inline-start:0;top:0.45em;width:0.55rem;height:0.55rem;border-radius:50%;background:#4C2A85}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__description ul,
#test-exam.oc-exam .exam-header.oc-exam-intro .content-block ul,
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__description ol,
#test-exam.oc-exam .exam-header.oc-exam-intro .content-block ol{padding-inline-start:1.25rem;margin:0 0 0.85rem}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__description a,
#test-exam.oc-exam .exam-header.oc-exam-intro .content-block a{color:#4C2A85}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__cta,
#test-exam.oc-exam .exam-header.oc-exam-intro .start-exam{text-align:center;margin-top:0.5rem}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__alt,
#test-exam.oc-exam .exam-header.oc-exam-intro .class-room-link{text-align:center;margin-top:1rem}
#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__alt.hide,
#test-exam.oc-exam .exam-header.oc-exam-intro .class-room-link.hide{display:none !important}
#test-exam.oc-exam .exam-header.oc-exam-intro .main-cover{display:none}
#test-exam.oc-exam .exam-header.oc-exam-intro .information{display:none}
#test-exam.oc-exam #questions.oc-exam-questions{background:transparent;border:0;padding:0;margin:0;max-width:none}
#test-exam.oc-exam #questions.oc-exam-questions.hide{display:none !important}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card{background:#FFF;border:1px solid rgba(229,229,229,0.8);border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,0.04);padding:1.5rem 1.5rem 1.75rem;min-height:22rem;display:flex;flex-direction:column}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__header-spacer{flex:1 1 auto;min-width:0}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__duration{display:flex;align-items:center;gap:0.55rem;flex:0 0 auto;color:#7B868A;font-size:0.85rem}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__duration>i{color:#4C2A85;font-size:1rem}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__duration-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.35;text-align:end}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__duration-label{font-size:0.78rem;color:#7B868A}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__duration-value{font-weight:700;font-size:1.05rem;color:#1F2937;font-variant-numeric:tabular-nums}
#test-exam.oc-exam #questions.oc-exam-questions .question{display:none;flex-direction:column;gap:1rem;flex:1 1 auto}
#test-exam.oc-exam #questions.oc-exam-questions .question.active{display:flex}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__question,
#test-exam.oc-exam #questions.oc-exam-questions .title{text-align:start;background:transparent;border-radius:0;font-size:1.02rem;font-weight:500;color:#1F2937;padding:0;margin:0;line-height:1.75}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__question .download,
#test-exam.oc-exam #questions.oc-exam-questions .title .download{font-size:0.9rem;margin-top:0.75rem;display:inline-block;color:#4C2A85}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-options{margin:0;padding:0.85rem 1rem;border:1px solid rgba(229,229,229,0.9);border-radius:12px;background:#fefeff;display:flex;flex-direction:column;gap:0.35rem;min-width:0}
#test-exam.oc-exam #questions.oc-exam-questions .answer-label,
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-option{display:flex;align-items:flex-start;gap:0.75rem;margin:0;padding:0.7rem 0.55rem;border-radius:8px;background:transparent;text-align:start;font-size:1rem;font-weight:400;color:#1F2937;cursor:pointer;min-height:44px;line-height:1.5;transition:background-color 0.15s ease,box-shadow 0.15s ease}
#test-exam.oc-exam #questions.oc-exam-questions .answer-label:hover,
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-option:hover{background:rgba(76,42,133,0.06)}
#test-exam.oc-exam #questions.oc-exam-questions .answer-label:focus-within,
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-option:focus-within{outline:2px solid #4C2A85;outline-offset:2px}
#test-exam.oc-exam #questions.oc-exam-questions .answer-label:has(input:checked),
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-option:has(input:checked){background:rgba(76,42,133,0.1);box-shadow:inset 3px 0 0 #4C2A85}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-option__radio,
#test-exam.oc-exam #questions.oc-exam-questions input[type="radio"]{display:inline-block;flex:0 0 auto;width:1.15rem;height:1.15rem;margin:0.2rem 0 0;accent-color:#4C2A85;cursor:pointer}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-option__text{flex:1 1 auto;min-width:0;word-wrap:break-word;overflow-wrap:anywhere}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-option:dir(ltr){direction:ltr;flex-direction:row-reverse;justify-content:flex-start;text-align:left}
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-option:dir(ltr) .oc-exam-option__text{flex:1 1 auto;text-align:left}
#test-exam.oc-exam #questions.oc-exam-questions .actions,
#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-actions{margin-top:auto;padding-top:2.5rem;display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;width:100%}
#test-exam.oc-exam .oc-exam-btn{min-height:48px;min-width:9.5rem;padding:0.7rem 1.5rem;border-radius:10px;font-weight:600;font-size:0.95rem}
#test-exam.oc-exam .oc-exam-btn.hide{display:none !important}
#test-exam.oc-exam .oc-exam-btn:disabled,
#test-exam.oc-exam .oc-exam-btn[disabled]{opacity:0.55;cursor:not-allowed}
#test-exam.oc-exam .oc-exam-btn--primary{background-color:#4C2A85;border-color:#4C2A85;color:#fff}
#test-exam.oc-exam .oc-exam-btn--primary:hover:not(:disabled):not([disabled]){background-color:#552f95;border-color:#552f95}
#test-exam.oc-exam .oc-exam-btn--primary:focus-visible{outline:2px solid #4C2A85;outline-offset:3px}
#test-exam.oc-exam .oc-exam-btn--secondary{background:#fff;border:1px solid #e5e5e5;color:#1F2937}
#test-exam.oc-exam .oc-exam-btn--secondary:hover:not(:disabled):not([disabled]){border-color:#4C2A85;color:#4C2A85}
#test-exam.oc-exam .results.oc-exam-results{margin-top:0}
#test-exam.oc-exam .results.oc-exam-results.hide{display:none !important}
#test-exam.oc-exam .results.oc-exam-results .oc-exam-results__panel{display:flex;flex-wrap:wrap;gap:0.75rem}
#test-exam.oc-exam .results.oc-exam-results .oc-exam-results__panel>div,
#test-exam.oc-exam .results.oc-exam-results>div{flex:1 1 220px;background:#FFF;border:1px solid rgba(229,229,229,0.8);border-radius:12px;padding:1.1rem 1.2rem;font-size:0.9rem;color:#7B868A;display:flex;align-items:center;justify-content:space-between;gap:0.5rem}
#test-exam.oc-exam .results.oc-exam-results .oc-exam-results__panel>div i,
#test-exam.oc-exam .results.oc-exam-results>div i{color:#4C2A85;font-size:1.1rem}
#test-exam.oc-exam .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:768px){#test-exam.oc-exam{padding:1.25rem 0.75rem 2rem}#test-exam.oc-exam .oc-exam__frame{max-width:100%}#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__panel{padding:1.5rem 1.1rem 1.35rem;border-radius:14px}#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card{padding:1.15rem 1rem 1.35rem;border-radius:14px;min-height:0}#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__header{flex-direction:column-reverse;align-items:stretch}#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-card__duration-text{align-items:flex-start;text-align:start}#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-options{padding:0.65rem 0.7rem}#test-exam.oc-exam #questions.oc-exam-questions .actions,#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-actions{padding-top:1.75rem;flex-direction:column}#test-exam.oc-exam #questions.oc-exam-questions .actions .oc-exam-btn,#test-exam.oc-exam #questions.oc-exam-questions .oc-exam-actions .oc-exam-btn{width:100%;min-width:0}}
@media (max-width:480px){#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__title{font-size:1.25rem}#test-exam.oc-exam .exam-header.oc-exam-intro .oc-exam-intro__subtitle{font-size:0.88rem}}
.oc-aexam{min-height:52vh;padding:var(--oc-space-10) var(--oc-space-4) var(--oc-space-12);background:var(--ocb-background);color:var(--ocb-text)}
.oc-aexam .oc-aexam__frame{width:100%;max-width:42rem;margin-inline:auto}
.oc-aexam .oc-aexam__panel[hidden]{display:none}
.oc-aexam .oc-aexam-intro{background:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-xl,24px);box-shadow:var(--ocb-shadow-md);padding:var(--oc-space-8) var(--oc-space-6) var(--oc-space-7)}
.oc-aexam .oc-aexam-intro__title{margin:0 0 var(--oc-space-4);font-size:var(--oc-font-size-h2);line-height:var(--oc-line-height-heading);font-weight:700;color:var(--ocb-text)}
.oc-aexam .oc-aexam-intro__desc{margin:0 0 var(--oc-space-7);font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-intro__desc p:last-child{margin-bottom:0}
.oc-aexam .oc-aexam-intro__how{margin-bottom:var(--oc-space-7);padding:var(--oc-space-5) var(--oc-space-5);background:var(--ocb-surface-muted);border-radius:var(--oc-radius-lg)}
.oc-aexam .oc-aexam-intro__how-title{margin:0 0 var(--oc-space-3);font-size:var(--oc-font-size-small);font-weight:700;color:var(--ocb-text)}
.oc-aexam .oc-aexam-intro__notes{margin:0;padding-inline-start:var(--oc-space-5);font-size:var(--oc-font-size-small);line-height:var(--oc-line-height-body);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-intro__notes li + li{margin-top:var(--oc-space-2)}
.oc-aexam .oc-aexam-intro__cta{display:flex;justify-content:center}
.oc-aexam .oc-aexam-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--oc-space-3) var(--oc-space-6);padding:var(--oc-space-4) var(--oc-space-5);margin-bottom:var(--oc-space-5);background:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-lg)}
.oc-aexam .oc-aexam-status__level,
.oc-aexam .oc-aexam-status__stage,
.oc-aexam .oc-aexam-status__count,
.oc-aexam .oc-aexam-status__timer{display:flex;align-items:baseline;gap:var(--oc-space-2);min-width:0}
.oc-aexam .oc-aexam-status__stage .oc-aexam-status__value{display:inline-flex;align-items:baseline;gap:0.35em}
.oc-aexam .oc-aexam-status__timer{margin-inline-start:auto}
.oc-aexam .oc-aexam-status__label{font-size:var(--oc-font-size-caption);color:var(--ocb-text-subtle);white-space:nowrap}
.oc-aexam .oc-aexam-status__value{font-size:var(--oc-font-size-small);font-weight:700;color:var(--ocb-text)}
.oc-aexam .oc-aexam-status__sep{font-weight:400;color:var(--ocb-text-subtle)}
.oc-aexam .oc-aexam-status__clock{font-variant-numeric:tabular-nums}
.oc-aexam .oc-aexam-status__stage[hidden],
.oc-aexam .oc-aexam-status__count[hidden],
.oc-aexam .oc-aexam-status__timer[hidden],
.oc-aexam .oc-aexam-note[hidden],
.oc-aexam .oc-aexam-done__level[hidden],
.oc-aexam .oc-aexam-error__cta[hidden]{display:none}
.oc-aexam .oc-aexam-note{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--oc-space-1);padding:var(--oc-space-4) var(--oc-space-5);margin-bottom:var(--oc-space-5);border-radius:var(--oc-radius-md);font-size:var(--oc-font-size-small);line-height:var(--oc-line-height-body)}
.oc-aexam .oc-aexam-note::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--ocb-border-strong)}
.oc-aexam .oc-aexam-note__title{font-weight:700;color:var(--ocb-text)}
.oc-aexam .oc-aexam-note--info{background:var(--ocb-info-soft);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-note--info::before{background:var(--ocb-info)}
.oc-aexam .oc-aexam-note--locked{background:var(--ocb-warning-soft);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-note--locked::before{background:var(--ocb-gold-text)}
.oc-aexam .oc-aexam-question{background:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-xl,24px);box-shadow:var(--ocb-shadow-sm);padding:var(--oc-space-7) var(--oc-space-6);min-height:8rem}
.oc-aexam .oc-aexam-question__placeholder{margin:0;font-size:var(--oc-font-size-small);color:var(--ocb-text-subtle)}
.oc-aexam .oc-aexam-question__position{margin:0 0 var(--oc-space-3);font-size:var(--oc-font-size-caption);color:var(--ocb-text-subtle)}
.oc-aexam .oc-aexam-question__position:focus{outline:none}
.oc-aexam .oc-aexam-question__position:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:4px;border-radius:var(--oc-radius-sm)}
.oc-aexam .oc-aexam-question__num{font-variant-numeric:tabular-nums}
.oc-aexam .oc-aexam-question__unsupported{margin:0;padding:var(--oc-space-5);background:var(--ocb-surface-muted);border-radius:var(--oc-radius-md);font-size:var(--oc-font-size-small);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-stem-file{margin:0 0 var(--oc-space-6)}
.oc-aexam .oc-aexam-stem-file__caption{margin:0 0 var(--oc-space-3);font-size:var(--oc-font-size-caption);font-weight:700;color:var(--ocb-text-subtle)}
.oc-aexam .oc-aexam-stem-file__player,
.oc-aexam .oc-aexam-stem-file__image{display:block;width:100%;max-width:100%;border-radius:var(--oc-radius-md)}
.oc-aexam .oc-aexam-stem-file__player{border:1px solid var(--ocb-border-strong);min-height:2.75rem}
.oc-aexam .oc-aexam-stem-file__player--video{max-height:18rem;background:var(--ocb-surface-muted)}
.oc-aexam .oc-aexam-stem-file__image{border:1px solid var(--ocb-border)}
.oc-aexam .oc-aexam-stem-file__download{display:inline-block;font-size:var(--oc-font-size-small);font-weight:700;color:var(--ocb-gold-text);text-decoration:underline}
.oc-aexam .oc-aexam-choice{margin:0;padding:0;border:0;min-width:0}
.oc-aexam .oc-aexam-choice__prompt{display:block;width:100%;padding:0;margin:0 0 var(--oc-space-6);font-size:var(--oc-font-size-h4,1.25rem);line-height:var(--oc-line-height-heading);font-weight:700;color:var(--ocb-text);text-align:start}
.oc-aexam .oc-aexam-choice__options{display:flex;flex-direction:column;gap:var(--oc-space-3)}
.oc-aexam .oc-aexam-option{position:relative;display:flex;align-items:flex-start;gap:var(--oc-space-3);min-height:2.75rem;padding:var(--oc-space-4) var(--oc-space-5);background:var(--ocb-surface);border:1px solid var(--ocb-border-strong);border-radius:var(--oc-radius-lg);cursor:pointer;transition:border-color var(--oc-transition-fast),background-color var(--oc-transition-fast)}
.oc-aexam .oc-aexam-option:hover{background:var(--ocb-primary-softer)}
.oc-aexam .oc-aexam-option__input{position:absolute;inset-inline-start:var(--oc-space-5);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;margin:0;opacity:0;cursor:pointer}
.oc-aexam .oc-aexam-option__marker{flex:0 0 auto;width:1.25rem;height:1.25rem;margin-top:0.125rem;border:2px solid var(--ocb-border-strong);border-radius:50%;background:var(--ocb-surface);transition:border-color var(--oc-transition-fast),box-shadow var(--oc-transition-fast)}
.oc-aexam .oc-aexam-option__text{flex:1 1 auto;min-width:0;font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body);color:var(--ocb-text);overflow-wrap:anywhere;text-align:start}
.oc-aexam .oc-aexam-option__input:checked ~ .oc-aexam-option__marker{border-color:var(--ocb-primary);box-shadow:inset 0 0 0 0.25rem var(--ocb-surface),inset 0 0 0 1rem var(--ocb-primary)}
.oc-aexam .oc-aexam-option:has(.oc-aexam-option__input:checked){border-color:var(--ocb-primary);background:var(--ocb-primary-soft)}
.oc-aexam .oc-aexam-option__input:focus-visible ~ .oc-aexam-option__marker{outline:3px solid var(--ocb-focus);outline-offset:3px}
.oc-aexam .oc-aexam-stars{display:flex;align-items:center;gap:var(--oc-space-2)}
.oc-aexam .oc-aexam-stars[hidden]{display:none}
.oc-aexam .oc-aexam-stars__rail{display:inline-flex;align-items:center;gap:var(--oc-space-2)}
.oc-aexam .oc-aexam-stars__pip{inline-size:0.5rem;block-size:0.5rem;border-radius:50%;background:var(--ocb-border-strong);transition:background-color var(--oc-transition-fast),box-shadow var(--oc-transition-fast)}
.oc-aexam .oc-aexam-stars__pip[data-state="passed"]{background:var(--ocb-primary)}
.oc-aexam .oc-aexam-stars__pip[data-state="current"]{background:var(--ocb-primary);inline-size:0.75rem;block-size:0.75rem;box-shadow:0 0 0 3px var(--ocb-primary-soft)}
.oc-aexam .oc-aexam-stars__pip[data-state="upcoming"]{background:transparent;box-shadow:inset 0 0 0 2px var(--ocb-border-strong)}
.oc-aexam .oc-aexam-levelup{display:flex;flex-direction:column;gap:var(--oc-space-1);padding:var(--oc-space-4) var(--oc-space-5);margin-bottom:var(--oc-space-5);background:var(--ocb-primary-soft);border-radius:var(--oc-radius-md);border-inline-start:3px solid var(--ocb-primary);animation:oc-aexam-levelup-in 240ms ease-out both}
.oc-aexam .oc-aexam-levelup[hidden]{display:none}
.oc-aexam .oc-aexam-levelup__title{font-weight:700;font-size:var(--oc-font-size-small);color:var(--ocb-primary)}
.oc-aexam .oc-aexam-levelup__body{font-size:var(--oc-font-size-caption);color:var(--ocb-text-muted)}
@keyframes oc-aexam-levelup-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.oc-aexam .oc-aexam-levelup{animation:none}.oc-aexam .oc-aexam-stars__pip{transition:none}}
.oc-aexam .oc-aexam-cloze__passage{margin:0;font-size:var(--oc-font-size-body);line-height:2.6;color:var(--ocb-text);text-align:start;overflow-wrap:anywhere}
.oc-aexam .oc-aexam-gap{display:inline-block;width:auto;vertical-align:middle;margin-inline:0.15em;max-width:100%}
.oc-aexam .oc-aexam-gap__select{appearance:none;max-width:100%;min-height:2.25rem;padding-block:var(--oc-space-1);padding-inline:var(--oc-space-3) 1.6rem;border:1px solid var(--ocb-border-strong);border-radius:var(--oc-radius-md);background-color:var(--ocb-surface);color:var(--ocb-text);font-family:inherit;font-size:var(--oc-font-size-small);line-height:1.4;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ocb-text-subtle) 50%),linear-gradient(135deg,var(--ocb-text-subtle) 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}
[dir="rtl"] .oc-aexam .oc-aexam-gap__select{background-position:10px calc(50% - 2px),15px calc(50% - 2px);background-image:linear-gradient(135deg,transparent 50%,var(--ocb-text-subtle) 50%),linear-gradient(45deg,var(--ocb-text-subtle) 50%,transparent 50%);padding-inline:1.6rem var(--oc-space-3)}
.oc-aexam .oc-aexam-gap__select:hover{border-color:var(--ocb-primary)}
.oc-aexam .oc-aexam-gap__select:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;border-color:var(--ocb-primary)}
.oc-aexam .oc-aexam-gap--filled .oc-aexam-gap__select{border-color:var(--ocb-primary);background-color:var(--ocb-primary-soft);color:var(--ocb-primary);font-weight:700}
.oc-aexam .oc-aexam-actions{display:flex;flex-direction:column;gap:var(--oc-space-4);margin-top:var(--oc-space-6)}
.oc-aexam .oc-aexam-actions[hidden]{display:none}
.oc-aexam .oc-aexam-actions__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--oc-space-3)}
.oc-aexam .oc-aexam-actions__row [data-oc-submit-level],
.oc-aexam .oc-aexam-actions__row [data-oc-submit-question]{margin-inline-start:auto}
.oc-aexam .oc-aexam-actions__row .oc-aexam-btn[hidden]{display:none}
.oc-aexam .oc-aexam-actions__skip{align-self:flex-start;min-height:2.75rem;padding:var(--oc-space-2) var(--oc-space-3);background:none;border:0;font-family:inherit;font-size:var(--oc-font-size-small);color:var(--ocb-text-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.oc-aexam .oc-aexam-actions__skip:hover{color:var(--ocb-text)}
.oc-aexam .oc-aexam-actions__skip:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;border-radius:var(--oc-radius-sm)}
.oc-aexam .oc-aexam-actions__skip[hidden]{display:none}
.oc-aexam .oc-aexam-actions__skip[disabled]{opacity:0.6;cursor:not-allowed}
.oc-aexam .oc-aexam-btn--ghost{background:transparent;color:var(--ocb-text-muted);border-color:transparent;min-width:0}
.oc-aexam .oc-aexam-btn--ghost:hover:not([disabled]){background:var(--ocb-surface-muted);color:var(--ocb-text)}
.oc-aexam .oc-aexam-done{background:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-xl,24px);box-shadow:var(--ocb-shadow-md);padding:var(--oc-space-10) var(--oc-space-6) var(--oc-space-8);text-align:center}
.oc-aexam .oc-aexam-done__title{margin:0 0 var(--oc-space-3);font-size:var(--oc-font-size-h2);line-height:var(--oc-line-height-heading);color:var(--ocb-text)}
.oc-aexam .oc-aexam-done__body{margin:0 0 var(--oc-space-7);font-size:var(--oc-font-size-body);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-done__level{display:inline-flex;flex-direction:column;gap:var(--oc-space-1);padding:var(--oc-space-5) var(--oc-space-8);margin-bottom:var(--oc-space-7);background:var(--ocb-primary-soft);border-radius:var(--oc-radius-lg)}
.oc-aexam .oc-aexam-done__level-label{font-size:var(--oc-font-size-caption);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-done__level-value{display:flex;align-items:baseline;justify-content:center;gap:var(--oc-space-2);font-size:var(--oc-font-size-h3);font-weight:700;color:var(--ocb-primary)}
.oc-aexam .oc-aexam-done__abbr{font-size:var(--oc-font-size-small);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-oral{display:flex;flex-direction:column;align-items:stretch;gap:var(--oc-space-4);max-width:28rem;margin:0 auto var(--oc-space-7);padding:var(--oc-space-5) var(--oc-space-5) var(--oc-space-5);text-align:start;background:var(--ocb-surface-muted);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-lg)}
.oc-aexam .oc-aexam-oral[hidden]{display:none}
.oc-aexam .oc-aexam-oral__kicker{margin:0;font-size:var(--oc-font-size-caption);font-weight:700;letter-spacing:0.02em;color:var(--ocb-text-subtle)}
.oc-aexam .oc-aexam-oral__text{margin:0;font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body);color:var(--ocb-text);white-space:pre-wrap}
.oc-aexam .oc-aexam-oral__wa{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);width:100%;margin-top:var(--oc-space-1);text-decoration:none}
.oc-aexam .oc-aexam-oral__icon{flex-shrink:0}
.oc-aexam .oc-aexam-done__cta{display:flex;flex-direction:column;align-items:center;gap:var(--oc-space-4)}
.oc-aexam .oc-aexam-done__retry{display:flex;flex-direction:column;align-items:center;gap:var(--oc-space-2)}
.oc-aexam .oc-aexam-done__retry[hidden]{display:none}
.oc-aexam .oc-aexam-done__retry-note{margin:0;max-width:30rem;font-size:var(--oc-font-size-caption);line-height:var(--oc-line-height-body);color:var(--ocb-text-subtle)}
.oc-aexam .oc-aexam-error{position:relative;overflow:hidden;background:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-lg);padding:var(--oc-space-7) var(--oc-space-6)}
.oc-aexam .oc-aexam-error::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--ocb-danger)}
.oc-aexam .oc-aexam-error__title{margin:0 0 var(--oc-space-2);font-size:var(--oc-font-size-h3);color:var(--ocb-text)}
.oc-aexam .oc-aexam-error__body{margin:0 0 var(--oc-space-5);font-size:var(--oc-font-size-small);line-height:var(--oc-line-height-body);color:var(--ocb-text-muted)}
.oc-aexam .oc-aexam-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:11rem;padding:var(--oc-space-3) var(--oc-space-7);border:1px solid transparent;border-radius:var(--oc-radius-pill);font-family:inherit;font-size:var(--oc-font-size-small);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--oc-transition-fast),color var(--oc-transition-fast),border-color var(--oc-transition-fast)}
.oc-aexam .oc-aexam-btn:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
.oc-aexam .oc-aexam-btn[disabled]{cursor:not-allowed;opacity:0.72}
.oc-aexam .oc-aexam-btn--primary{background:var(--ocb-primary);color:var(--ocb-primary-contrast)}
.oc-aexam .oc-aexam-btn--primary:hover:not([disabled]){background:var(--ocb-primary-hover)}
.oc-aexam .oc-aexam-btn--primary:active:not([disabled]){background:var(--ocb-primary-active)}
.oc-aexam .oc-aexam-btn--secondary{background:transparent;color:var(--ocb-primary);border-color:var(--ocb-border-strong)}
.oc-aexam .oc-aexam-btn--secondary:hover:not([disabled]){background:var(--ocb-primary-softer)}
.oc-aexam .oc-aexam-btn--unavailable[aria-disabled="true"]{cursor:not-allowed;opacity:0.72}
.oc-aexam .oc-aexam-btn--unavailable[aria-disabled="true"]:hover,
.oc-aexam .oc-aexam-btn--unavailable[aria-disabled="true"]:active{background:var(--ocb-primary)}
.oc-aexam .oc-aexam-intro__unavailable{margin:var(--oc-space-3) 0 0;color:var(--ocb-text-muted);font-size:var(--oc-font-size-small);line-height:var(--oc-line-height-body)}
.oc-aexam .oc-aexam-intro__title:dir(ltr),
.oc-aexam .oc-aexam-intro__desc:dir(ltr){text-align:left}
@media (max-width:767px){.oc-aexam{padding:var(--oc-space-5) var(--oc-space-4) var(--oc-space-10)}.oc-aexam .oc-aexam-intro,.oc-aexam .oc-aexam-question{padding:var(--oc-space-6) var(--oc-space-5);border-radius:var(--oc-radius-lg)}.oc-aexam .oc-aexam-done{padding:var(--oc-space-8) var(--oc-space-5) var(--oc-space-6)}.oc-aexam .oc-aexam-status{gap:var(--oc-space-2) var(--oc-space-4);padding:var(--oc-space-3) var(--oc-space-4)}.oc-aexam .oc-aexam-status__timer{margin-inline-start:0;width:100%}.oc-aexam .oc-aexam-btn{width:100%;min-width:0}.oc-aexam .oc-aexam-actions__row{flex-direction:column;align-items:stretch}.oc-aexam .oc-aexam-actions__row [data-oc-submit-level],.oc-aexam .oc-aexam-actions__row [data-oc-submit-question]{margin-inline-start:0;order:-1}.oc-aexam .oc-aexam-actions__skip{align-self:stretch;text-align:center}.oc-aexam .oc-aexam-option{padding:var(--oc-space-4)}.oc-aexam .oc-aexam-choice__prompt{font-size:var(--oc-font-size-body);margin-bottom:var(--oc-space-5)}.oc-aexam .oc-aexam-cloze__passage{line-height:2.8}.oc-aexam .oc-aexam-gap{max-width:100%}.oc-aexam .oc-aexam-gap__select{max-width:100%;min-height:2.5rem}}
@media (prefers-reduced-motion:reduce){.oc-aexam .oc-aexam-btn{transition:none}}
.class-room-card-container .class-room-card{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;position:relative;z-index:1}
.class-room-card-container .class-room-card .top{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:stretch}
@media (max-width:992px){.class-room-card-container .class-room-card .top{flex-direction:column}}
.class-room-card-container .class-room-card .top .cover{width:40%}
@media (max-width:500px){.class-room-card-container .class-room-card .top .cover{width:70%}}
.class-room-card-container .class-room-card .top .details{flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:1rem}
.class-room-card-container .class-room-card .name{margin:0;color:#1F2937;font-size:17px;font-weight:bold;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.class-room-card-container .class-room-card .price{font-weight:bold;color:#4C2A85;word-spacing:4px;display:inline-block;font-size:21px}
.class-room-card-container .class-room-card .detail-fields{display:flex;flex-wrap:wrap;gap:10px}
.class-room-card-container .class-room-card .detail-fields>div{width:48%;display:flex;font-size:14px;align-items:center;color:#7B868A}
.class-room-card-container .class-room-card .detail-fields>div i{font-size:20px;margin-left:10px;width:25px;height:25px;text-align:end}
.class-room-card-container .class-room-card .show-meeting{text-align:center;color:#4C2A85;position:relative;top:12px}
.class-room-card-container .class-room-card .show-meeting i{cursor:pointer}
.class-room-card-container .class-room-card .show-meeting button{background:transparent;border:0;color:inherit;padding:0.25rem;cursor:pointer;line-height:1}
.class-room-card-container .class-room-card .meetings{width:100%;margin-top:1rem;display:flex;flex-direction:column;gap:12px}
.class-room-card-container .class-room-card .meetings .meeting{border:1px solid #E5E5E5;border-radius:5px;display:flex;flex-direction:row;justify-content:stretch;gap:20px;padding:1rem}
.class-room-card-container .class-room-card .meetings .meeting .title{flex-grow:1}
.class-room-card-container .class-room-card .meetings .meeting .status{width:100px;text-align:center}
.class-room-card-container .class-room-card .meetings .meeting .status a{color:#4C2A85}
@media (max-width:992px){.class-room-card-container .class-room-card .meetings .meeting{flex-wrap:wrap;justify-content:center}.class-room-card-container .class-room-card .meetings .meeting .title{width:100%;text-align:center}.class-room-card-container .class-room-card .meetings .meeting .status{width:100%}}
#school-class-rooms-page .sidebar{will-change:min-height;float:right;width:260px}
@media (max-width:768px){#school-class-rooms-page .sidebar{width:100%;margin-top:30px;float:none}}
#school-class-rooms-page .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#school-class-rooms-page #content{width:calc(100% - 272px);min-height:70vh}
@media (max-width:768px){#school-class-rooms-page #content{width:100%}}
#school-class-rooms-page .class-rooms{display:flex;flex-direction:column;gap:12px}
#school-class-rooms-page .custom-sub-title{margin-top:30px !important;line-height:35px;font-size:30px;background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px !important}
#school-class-rooms-page .class-room-filters{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-size:14px;text-align:start;font-weight:400}
#school-class-rooms-page .class-room-filters a{color:#7B868A;border-top:1px dashed #E9ECEF;padding-top:1rem;padding-bottom:1rem}
#school-class-rooms-page .class-room-filters a:hover,
#school-class-rooms-page .class-room-filters a.active{color:#4C2A85}
.oc-classes{position:relative;font-family:var(--oc-font-family);color:var(--oc-color-text);background-color:var(--oc-color-background);padding-block:var(--oc-space-6) var(--oc-space-12)}
.oc-classes--embedded{background-color:transparent;padding-block:0;color:inherit}
.oc-classes__shell.container{max-width:var(--oc-container-xl)}
.oc-classes__hero{display:flex;flex-direction:column;grid-template-columns:minmax(0,1fr);gap:0;padding:0;overflow:hidden;min-width:0;margin-block-end:var(--oc-space-6);border-radius:22px;background-color:var(--ocb-surface);border:1px solid var(--ocb-border);box-shadow:var(--ocb-shadow-sm)}
.oc-classes__hero-art{display:block;order:0;width:100%;max-width:100%;min-width:0;line-height:0;overflow:hidden;direction:ltr}
.oc-classes__hero-img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;vertical-align:middle}
.oc-classes__hero-copy{order:1;min-width:0;width:100%;max-width:100%;text-align:start;padding:var(--oc-space-5) var(--oc-space-6) var(--oc-space-6);border-block-start:1px solid var(--ocb-border)}
@media (min-width:992px){.oc-classes__hero-copy{padding:var(--oc-space-6) var(--oc-space-10) var(--oc-space-8)}}
.oc-classes__eyebrow{display:inline-block;margin-block-end:var(--oc-space-3);color:#E9823D;font-size:var(--oc-font-size-small);font-weight:800}
.oc-classes__title{margin:0;color:#112B46;font-size:clamp(1.55rem,1.2rem + 1.4vw,2.15rem);font-weight:800;line-height:var(--oc-line-height-heading)}
.oc-classes__lead{margin:var(--oc-space-3) 0 0;max-width:42ch;color:var(--oc-color-text-muted);font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body)}
.oc-classes#school-class-rooms-page .oc-classes__filters.class-room-filters{float:none;width:auto;margin:0 0 var(--oc-space-8);padding:var(--oc-space-5);background:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:18px;box-shadow:var(--ocb-shadow-md);font-size:var(--oc-font-size-body);font-weight:400;text-align:start}
.oc-classes__filter-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--oc-space-4)}
@media (min-width:768px){.oc-classes__filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-classes__filter-grid .oc-classes__field--search,.oc-classes__filter-grid .oc-classes__field--action{grid-column:1 / -1}}
@media (min-width:992px){.oc-classes__filter-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;gap:var(--oc-space-3)}.oc-classes__filter-grid .oc-classes__field--search,.oc-classes__filter-grid .oc-classes__field--action{grid-column:auto}}
.oc-classes__field{display:flex;flex-direction:column;min-width:0}
.oc-classes__field-label{display:block;width:auto;height:1.25rem;margin:0 0 0.5rem;color:var(--ocb-text-muted);font-size:var(--oc-font-size-small);font-weight:600;line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:992px){.oc-classes__field--action::before{content:"";display:block;height:1.25rem;margin-block-end:0.5rem}}
.oc-classes__control-wrap{position:relative;display:block;min-width:0}
.oc-classes__control-icon{position:absolute;inset-inline-start:1rem;inset-block-start:50%;transform:translateY(-50%);color:var(--ocb-text-subtle);font-size:0.9375rem;line-height:1;pointer-events:none;transition:color var(--oc-transition-fast)}
.oc-classes__control-wrap--select::after{content:"";position:absolute;inset-inline-end:1rem;inset-block-start:50%;width:0.5rem;height:0.5rem;margin-block-start:-0.35rem;border-right:2px solid var(--ocb-text-subtle);border-bottom:2px solid var(--ocb-text-subtle);transform:rotate(45deg);pointer-events:none}
.oc-classes__control{width:100%;min-width:0;height:48px;padding-inline:1rem;font-family:inherit;line-height:1.5;transition:border-color var(--oc-transition-fast),box-shadow var(--oc-transition-fast);min-height:48px;font-size:var(--oc-font-size-body) !important;font-weight:500 !important;color:var(--ocb-text) !important;background-color:var(--ocb-surface) !important;border:1px solid var(--ocb-border-strong) !important;border-radius:var(--oc-radius-md) !important;box-shadow:none !important}
.oc-classes__control::placeholder{color:var(--ocb-text-subtle);text-align:start;opacity:1}
.oc-classes__control:hover:not(:disabled){border-color:var(--ocb-primary) !important}
.oc-classes__control:focus,
.oc-classes__control:focus-visible{color:var(--ocb-text) !important;border-color:var(--ocb-primary) !important;box-shadow:0 0 0 3px var(--ocb-primary-soft) !important;outline:2px solid var(--ocb-focus) !important;outline-offset:1px}
.oc-classes__control:disabled{background-color:var(--ocb-surface-muted) !important;color:var(--ocb-text-muted) !important;border-color:var(--ocb-border) !important;cursor:not-allowed}
.oc-classes__control--search{padding-inline-start:2.75rem}
.oc-classes__control--select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-inline-end:2.5rem;text-overflow:ellipsis}
.oc-classes__control-wrap--search:focus-within .oc-classes__control-icon{color:var(--ocb-primary)}
.oc-classes__control-wrap--select:has(select:disabled)::after{opacity:0.5}
.oc-classes__field-hint{display:inline-flex;align-items:center;gap:0.35rem;margin-block-start:var(--oc-space-2);color:var(--ocb-text-muted);font-size:0.8125rem;line-height:1.5}
.oc-classes__field-hint i{font-size:0.75rem}
.oc-classes__apply{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);width:100%;height:48px;min-height:48px;padding-inline:var(--oc-space-6);border:1px solid var(--ocb-primary);border-radius:var(--oc-radius-md);background-color:var(--ocb-primary);color:var(--ocb-primary-contrast);font-family:inherit;font-size:var(--oc-font-size-body);font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;box-shadow:0 2px 10px var(--ocb-primary-ring);transition:background-color var(--oc-transition-fast),border-color var(--oc-transition-fast),box-shadow var(--oc-transition-normal),transform var(--oc-transition-fast)}
@media (min-width:768px){.oc-classes__apply{width:auto;min-width:11rem;align-self:flex-end}}
@media (min-width:992px){.oc-classes__apply{min-width:9.5rem}}
.oc-classes__apply:hover:not(:disabled){background-color:var(--ocb-primary-hover);border-color:var(--ocb-primary-hover);box-shadow:0 8px 22px var(--ocb-primary-ring);transform:translateY(-1px)}
.oc-classes__apply:active:not(:disabled){background-color:var(--ocb-primary-active);border-color:var(--ocb-primary-active);box-shadow:0 2px 8px var(--ocb-primary-ring);transform:translateY(0)}
.oc-classes__apply:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px}
.oc-classes__apply:disabled{cursor:progress;opacity:0.72;box-shadow:none;transform:none}
.oc-classes__apply-icon{font-size:0.875rem}
.oc-classes__apply-spinner{display:none;width:0.875rem;height:0.875rem;border:2px solid rgba(255,255,255,0.45);border-top-color:#fff;border-radius:999px;animation:oc-classes-spin 0.7s linear infinite}
.oc-classes__filter-form.is-busy .oc-classes__apply-icon{display:none}
.oc-classes__filter-form.is-busy .oc-classes__apply-spinner{display:inline-block}
@keyframes oc-classes-spin{to{transform:rotate(360deg)}}
.oc-classes__result-count{display:flex;align-items:center;gap:0.45rem;margin:var(--oc-space-4) 0 0;padding-block-start:var(--oc-space-4);border-block-start:1px solid var(--ocb-border);color:var(--ocb-text-muted);font-size:var(--oc-font-size-body);font-weight:500;line-height:1.6}
.oc-classes__result-dot{flex:none;width:8px;height:8px;border-radius:999px;background:var(--ocb-primary)}
.oc-classes__result-count strong{color:var(--ocb-text);font-weight:700}
@media (max-width:767px){.oc-classes#school-class-rooms-page .oc-classes__filters.class-room-filters{padding:var(--oc-space-4);border-radius:16px}}
.oc-classes#school-class-rooms-page .oc-classes__results#content,
.oc-classes#school-class-rooms-page .oc-classes__results.content{float:none;width:auto;min-height:0}
.oc-classes__section-head{margin-block-end:var(--oc-space-5);text-align:start}
.oc-classes__results-title{margin:0;color:#112B46;font-size:clamp(1.25rem,1.05rem + 0.8vw,1.65rem);font-weight:800;line-height:var(--oc-line-height-heading)}
.oc-classes__results-lead{margin:var(--oc-space-2) 0 0;color:var(--oc-color-text-muted);font-size:var(--oc-font-size-body)}
.oc-classes__grid.class-rooms{display:flex;flex-direction:column;gap:var(--oc-space-5)}
.oc-classes__sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oc-classes .class-room-card-container .class-room-card.oc-classes__card,
.oc-classes__card.class-room-card{padding:0;overflow:hidden;background:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:18px;box-shadow:var(--ocb-shadow-sm);transition:box-shadow 240ms ease,border-color 240ms ease}
.oc-classes .class-room-card-container .class-room-card.oc-classes__card:hover,
.oc-classes__card.class-room-card:hover{border-color:rgba(76,42,133,0.22);box-shadow:var(--ocb-shadow-md)}
.oc-classes__card-top.top,
.oc-classes .class-room-card-container .class-room-card .top.oc-classes__card-top{position:relative;display:grid !important;grid-template-columns:1fr;gap:0 !important;align-items:stretch;min-height:0;direction:ltr;flex-direction:unset !important}
@media (min-width:992px){.oc-classes__card-top.top,.oc-classes .class-room-card-container .class-room-card .top.oc-classes__card-top{grid-template-columns:minmax(240px,32%) minmax(0,1fr);min-height:340px}}
.oc-classes__card-body.details,
.oc-classes .class-room-card-container .class-room-card .details.oc-classes__card-body{flex-grow:unset !important;width:auto !important}
.oc-classes__card-media{position:relative;align-self:stretch;width:auto !important;min-width:0;min-height:220px;background:transparent;overflow:visible}
@media (min-width:992px){.oc-classes__card-media{min-height:100%}}
.oc-classes__media-clip{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,#F4F0FB,#E7E1F2);border-radius:18px}
.oc-classes__cover-badge{position:absolute;z-index:2;inset-block-start:18px;inset-inline-start:18px;display:inline-flex;align-items:center;gap:0.4rem;padding:0.34rem 0.8rem;border-radius:999px;background:rgba(24,43,73,0.88);color:#fff;font-size:0.72rem;font-weight:700;letter-spacing:0.01em;box-shadow:none}
.oc-classes__card-cover.cover,
.oc-classes .class-room-card-container .class-room-card .cover.oc-classes__card-cover{display:block;width:100% !important;height:100%;min-height:220px;max-width:none;object-fit:cover}
@media (min-width:992px){.oc-classes__card-cover.cover,.oc-classes .class-room-card-container .class-room-card .cover.oc-classes__card-cover{min-height:100%}}
.oc-classes__card-body.details,
.oc-classes .class-room-card-container .class-room-card .details.oc-classes__card-body{display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem;min-width:0;padding:1.75rem 1.5rem 1.5rem}
@media (min-width:992px){.oc-classes__card-body.details,.oc-classes .class-room-card-container .class-room-card .details.oc-classes__card-body{padding:2rem 2.25rem 1.75rem}}
.oc-classes__card-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.1rem;min-width:0;width:100%}
.oc-classes__card-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.55rem}
.oc-classes__enroll-badge,
.oc-classes__level-chip{display:inline-flex;align-items:center;gap:0.35rem;width:fit-content;padding:0.3rem 0.7rem;border-radius:999px;border:1px solid transparent;font-size:0.72rem;font-weight:700;line-height:1.5}
.oc-classes__enroll-badge--open{background:var(--ocb-accent-soft);border-color:rgba(244,185,66,0.45);color:#8A5A00}
.oc-classes__enroll-badge--reserved{background:var(--ocb-primary-soft);border-color:rgba(76,42,133,0.26);color:var(--ocb-primary)}
.oc-classes__enroll-badge--full{background:var(--ocb-danger-soft);border-color:rgba(179,38,30,0.26);color:var(--ocb-danger)}
.oc-classes__level-chip{border-color:var(--ocb-border);background:var(--ocb-surface-muted);color:var(--ocb-text-muted)}
.oc-classes__card-title.name,
.oc-classes .class-room-card-container .class-room-card .name.oc-classes__card-title{margin:0.1rem 0 0;color:var(--ocb-secondary);font-size:20px;font-weight:800;line-height:1.45;text-align:center;width:100%;letter-spacing:-0.01em;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.oc-classes__teacher{display:inline-flex;align-items:center;justify-content:center;gap:0.7rem}
.oc-classes__teacher-avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;border:2px solid var(--ocb-surface);box-shadow:0 0 0 1px var(--ocb-border);background:var(--ocb-surface-muted)}
.oc-classes__teacher-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--ocb-text-muted)}
.oc-classes__teacher-name{color:var(--ocb-text-muted);font-weight:500;font-size:14px;line-height:1.6}
.oc-classes__meta.detail-fields,
.oc-classes .class-room-card-container .class-room-card .detail-fields.oc-classes__meta{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0;width:100%;margin:0.35rem 0 0;padding:1.15rem 0 0;border-block-start:1px solid var(--ocb-border)}
.oc-classes__meta-item,
.oc-classes .class-room-card-container .class-room-card .detail-fields>.oc-classes__meta-item{display:flex;align-items:stretch;justify-content:center;gap:0.55rem;flex:1 1 0;min-width:110px;max-width:180px;padding:0 1rem;margin:0;color:var(--ocb-text-muted);font-size:13px;background:transparent;border:0;text-align:start}
.oc-classes__meta-item i,
.oc-classes .class-room-card-container .class-room-card .detail-fields>.oc-classes__meta-item i{display:none}
.oc-classes__meta-item + .oc-classes__meta-item,
.oc-classes__meta-item + .oc-classes .class-room-card-container .class-room-card .detail-fields>.oc-classes__meta-item,
.oc-classes .class-room-card-container .class-room-card .detail-fields>.oc-classes__meta-item + .oc-classes__meta-item,
.oc-classes .class-room-card-container .class-room-card .detail-fields>.oc-classes__meta-item + .oc-classes .class-room-card-container .class-room-card .detail-fields>.oc-classes__meta-item{border-inline-start:1px solid var(--ocb-border)}
.oc-classes__meta-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;align-self:flex-start;width:18px;height:18px;margin-block-start:1px;color:var(--ocb-text-subtle);background:transparent}
.oc-classes__meta-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;gap:0.15rem;min-width:0}
.oc-classes__meta-label{color:var(--ocb-text-subtle);font-size:12px;font-weight:500;line-height:1.5}
.oc-classes__meta-value{margin-block-start:auto;color:var(--ocb-text);font-size:14px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}
.oc-classes__meta-item--capacity.is-low .oc-classes__meta-value{color:#8A5A00}
.oc-classes__meta-item--capacity.is-full .oc-classes__meta-value{color:var(--ocb-danger)}
.oc-classes__meta-item--price .oc-classes__price.price,
.oc-classes__meta-item--price .oc-classes__meta-value.oc-classes__price{margin:0;color:var(--ocb-text) !important;font-size:17px !important;font-weight:800 !important;line-height:1.35}
.oc-classes__price-currency{color:var(--ocb-text-subtle);font-size:11px;font-weight:500;line-height:1.4}
.oc-classes__actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:stretch;gap:0.65rem;width:100%;margin-block-start:auto;padding-block-start:1.15rem;border-block-start:1px solid var(--ocb-border)}
.oc-classes__actions .oc-classes__btn--enroll{order:1}
.oc-classes__actions .oc-classes__btn--enter{order:2}
.oc-classes__actions .oc-classes__meetings-bar{order:3}
@media (min-width:992px){.oc-classes__actions .oc-classes__btn{flex:1 1 0}.oc-classes__actions .oc-classes__meetings-bar{flex:0 0 auto;margin-inline-start:auto}.oc-classes__actions .oc-classes__meetings-toggle{min-width:152px}}
.oc-classes__meetings-bar.show-meeting,
.oc-classes .class-room-card-container .class-room-card .show-meeting.oc-classes__meetings-bar{position:static !important;top:auto !important;display:flex !important;align-items:center;flex:0 0 auto;order:3;margin:0 !important;padding:0 !important;text-align:inherit;border:0;background:transparent;color:inherit}
.oc-classes#school-class-rooms-page .oc-classes__meetings-toggle,
.oc-classes .class-room-card-container .class-room-card .oc-classes__meetings-toggle,
.oc-classes__meetings-toggle{display:inline-flex !important;align-items:center;justify-content:center;gap:0.45rem;width:100%;min-width:148px;height:46px !important;min-height:46px !important;padding:0 1.05rem !important;border:1px solid var(--ocb-border-strong) !important;border-radius:var(--oc-radius-md) !important;background:var(--ocb-surface) !important;color:var(--ocb-text-muted) !important;font-family:inherit;font-weight:700;font-size:14px;line-height:1;cursor:pointer;box-shadow:none;transition:border-color 180ms ease,color 180ms ease,background 180ms ease}
.oc-classes#school-class-rooms-page .oc-classes__meetings-toggle:hover,
.oc-classes .class-room-card-container .class-room-card .oc-classes__meetings-toggle:hover,
.oc-classes__meetings-toggle:hover{border-color:var(--ocb-primary) !important;background:var(--ocb-primary-softer) !important;color:var(--ocb-primary) !important}
.oc-classes#school-class-rooms-page .oc-classes__meetings-toggle:focus-visible,
.oc-classes .class-room-card-container .class-room-card .oc-classes__meetings-toggle:focus-visible,
.oc-classes__meetings-toggle:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px}
.oc-classes#school-class-rooms-page .oc-classes__meetings-toggle.is-open,
.oc-classes .class-room-card-container .class-room-card .oc-classes__meetings-toggle.is-open,
.oc-classes__meetings-toggle.is-open{border-color:var(--ocb-primary) !important;background:var(--ocb-primary-soft) !important;color:var(--ocb-primary) !important}
.oc-classes#school-class-rooms-page .oc-classes__meetings-toggle.is-open .oc-classes__meetings-caret,
.oc-classes .class-room-card-container .class-room-card .oc-classes__meetings-toggle.is-open .oc-classes__meetings-caret,
.oc-classes__meetings-toggle.is-open .oc-classes__meetings-caret{transform:rotate(180deg)}
@media (min-width:768px){.oc-classes#school-class-rooms-page .oc-classes__meetings-toggle,.oc-classes .class-room-card-container .class-room-card .oc-classes__meetings-toggle,.oc-classes__meetings-toggle{width:auto}}
.oc-classes__meetings-caret{transition:transform 240ms ease}
.oc-classes__btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;flex:1 1 0;min-width:0;height:46px;min-height:46px;border:1px solid transparent;border-radius:var(--oc-radius-md);font-family:inherit;font-weight:700;font-size:14px;line-height:1.2;padding:0 1.1rem;text-decoration:none;cursor:pointer;transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 220ms ease,transform 180ms ease}
.oc-classes__btn svg{flex:none}
.oc-classes__btn--sm{flex:none;width:100%;height:38px;min-height:38px;padding:0 0.9rem;font-size:0.8rem;border-radius:10px;box-shadow:none}
.oc-classes__btn--enroll{color:var(--ocb-primary-contrast);background-color:var(--ocb-primary);border-color:var(--ocb-primary);box-shadow:0 2px 10px var(--ocb-primary-ring)}
.oc-classes__btn--enroll:hover:not(:disabled):not([disabled]){background-color:var(--ocb-primary-hover);border-color:var(--ocb-primary-hover);box-shadow:0 8px 20px var(--ocb-primary-ring);transform:translateY(-1px)}
.oc-classes__btn--enroll:active:not(:disabled):not([disabled]){background-color:var(--ocb-primary-active);border-color:var(--ocb-primary-active);box-shadow:0 2px 8px var(--ocb-primary-ring);transform:translateY(0)}
.oc-classes__btn--enter{color:var(--ocb-accent-contrast);background-color:var(--ocb-accent);border-color:var(--ocb-accent);box-shadow:0 2px 10px rgba(244,185,66,0.34)}
.oc-classes__btn--enter:hover:not(:disabled):not([disabled]){background-color:var(--ocb-accent-hover);border-color:var(--ocb-accent-hover);box-shadow:0 8px 20px rgba(244,185,66,0.4);transform:translateY(-1px)}
.oc-classes__btn--enter:active:not(:disabled):not([disabled]){background-color:var(--ocb-accent-active);border-color:var(--ocb-accent-active);box-shadow:0 2px 8px rgba(244,185,66,0.34);transform:translateY(0)}
.oc-classes__btn:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:3px}
.oc-classes__btn:disabled,
.oc-classes__btn[disabled]{color:var(--ocb-text-subtle);background-color:var(--ocb-surface-muted);border-color:var(--ocb-border);box-shadow:none;cursor:not-allowed;transform:none}
.oc-classes__meetings.meetings{display:grid !important;grid-template-rows:1fr;margin:0;padding:0;background:var(--ocb-background);border-block-start:1px solid var(--ocb-border);opacity:1;overflow:hidden;transition:opacity 280ms ease,grid-template-rows 300ms ease}
.oc-classes__meetings.meetings.hide{display:grid !important;grid-template-rows:0fr;opacity:0;border-block-start-color:transparent;pointer-events:none}
.oc-classes__meetings-inner{overflow:hidden;display:flex;flex-direction:column;gap:0;padding:0 2rem 1.75rem;min-height:0;background:var(--ocb-background)}
.oc-classes__meetings.hide .oc-classes__meetings-inner{padding-block:0}
.oc-classes__meetings:not(.hide) .oc-classes__meetings-inner{padding-block-start:1.85rem}
.oc-classes__meetings-header,
.oc-classes__meetings-toolbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:0.5rem;padding-block-end:1rem;border-block-end:1px solid var(--ocb-border)}
.oc-classes__meetings-head{display:inline-flex;align-items:center;gap:0.6rem}
.oc-classes__meetings-title{margin:0;color:var(--ocb-secondary);font-size:0.95rem;font-weight:800;line-height:1.5}
.oc-classes__meetings-head-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ocb-primary)}
.oc-classes__meetings-collapse{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-inline-start:auto;width:30px;height:30px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ocb-text-muted);cursor:pointer;transition:background 180ms ease,color 180ms ease}
.oc-classes__meetings-collapse:hover{background:var(--ocb-primary-soft);color:var(--ocb-primary)}
.oc-classes__meetings-collapse:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px}
.oc-classes__meetings-collapse-caret{transition:transform 240ms ease}
.oc-classes__meetings:not(.hide) .oc-classes__meetings-collapse-caret{transform:rotate(180deg)}
.oc-classes__timeline-wrap{display:flex;flex-direction:column;gap:1.5rem}
@media (min-width:992px){.oc-classes__timeline-wrap{flex-direction:row;align-items:stretch;gap:0}}
.oc-classes__timeline{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1.6rem 0 0.25rem;scroll-snap-type:x proximity;flex:1;min-width:0}
.oc-classes__meeting.meeting{position:relative;z-index:1;flex:1 1 0;min-width:198px;max-width:300px;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.5rem;padding:0.15rem 1.05rem 0.25rem;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-snap-align:start}
.oc-classes__meeting.meeting.hide{display:none}
.oc-classes__meeting.meeting + .oc-classes__meeting.meeting{border-inline-start:1px solid var(--ocb-border)}
.oc-classes__meeting-top{display:flex;flex-direction:row;align-items:center;gap:0.5rem;width:100%;min-height:32px}
.oc-classes__meeting-thread{flex:1 1 auto;min-width:10px;height:0;border-block-start:1.5px dashed rgba(76,42,133,0.24)}
.oc-classes__meeting:has( + .oc-classes__meetings-more) .oc-classes__meeting-thread,
.oc-classes__meeting:has( + .oc-classes__meeting.hide) .oc-classes__meeting-thread{visibility:hidden}
.oc-classes__meeting-marker{position:static;transform:none;display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:999px;background:var(--ocb-surface);border:1.5px solid var(--ocb-border);color:var(--ocb-text-subtle);font-size:0.78rem;font-weight:800;box-shadow:none}
.oc-classes__meeting.status-held .oc-classes__meeting-marker{background:var(--ocb-surface-muted);border-color:var(--ocb-border);color:var(--ocb-text-muted)}
.oc-classes__meeting.status-current .oc-classes__meeting-marker,
.oc-classes__meeting.status-waiting .oc-classes__meeting-marker{background:var(--ocb-primary-soft);border-color:var(--ocb-primary);color:var(--ocb-primary)}
.oc-classes__meeting.status-future .oc-classes__meeting-marker,
.oc-classes__meeting.status-soon .oc-classes__meeting-marker{background:var(--ocb-accent-soft);border-color:rgba(244,185,66,0.6);color:#8A5A00}
.oc-classes__meeting-num{line-height:1}
.oc-classes__meeting-title.title{width:100%;color:var(--ocb-secondary);font-weight:700;font-size:0.9375rem;text-align:center;line-height:1.5;margin-block-start:0.45rem}
.oc-classes__meeting-when{display:flex;flex-direction:column;align-items:center;gap:0.3rem;width:100%;color:var(--ocb-text-muted);font-size:0.8125rem;font-variant-numeric:tabular-nums}
.oc-classes__meeting-date,
.oc-classes__meeting-time{display:inline-flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.4rem;max-width:100%;white-space:nowrap}
.oc-classes__meeting-date svg,
.oc-classes__meeting-time svg{flex:none;color:var(--ocb-text-subtle)}
.oc-classes__meeting-main{display:flex;flex-direction:column;align-items:center;gap:0.55rem;width:100%;min-width:0}
.oc-classes__meeting-status.status{flex:none;width:auto;display:inline-flex;align-items:center;gap:0.32rem;margin:0;padding:0.24rem 0.62rem;border-radius:999px;border:1px solid transparent;background:var(--ocb-surface-muted);font-size:0.7rem;font-weight:700;line-height:1.5;white-space:nowrap;color:var(--ocb-text-muted)}
.oc-classes__meeting-status.status.held{color:var(--ocb-text-muted);background:var(--ocb-surface-muted);border-color:var(--ocb-border)}
.oc-classes__meeting-status.status.current,
.oc-classes__meeting-status.status.waiting{color:var(--ocb-primary);background:var(--ocb-primary-soft);border-color:rgba(76,42,133,0.26)}
.oc-classes__meeting-status.status.future,
.oc-classes__meeting-status.status.soon{color:#8A5A00;background:var(--ocb-accent-soft);border-color:rgba(244,185,66,0.45)}
.oc-classes .class-room-card-container .class-room-card .meetings .meeting.oc-classes__meeting{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0.5rem;padding:0.15rem 1.15rem 0.25rem;border:0;border-radius:0;background:transparent;box-shadow:none}
.oc-classes .class-room-card-container .class-room-card .meetings .meeting.oc-classes__meeting .oc-classes__meeting-title.title{flex-grow:0;width:100%;text-align:center}
.oc-classes .class-room-card-container .class-room-card .meetings .meeting.oc-classes__meeting .oc-classes__meeting-status.status{width:auto;text-align:center}
.oc-classes .class-room-card-container .class-room-card .meetings .meeting.oc-classes__meeting + .meeting.oc-classes__meeting{border-inline-start:1px solid var(--ocb-border)}
.oc-classes .class-room-card-container .class-room-card .meetings.oc-classes__meetings{width:100%;margin:0;gap:0}
@media (max-width:767px){.oc-classes .class-room-card-container .class-room-card .meetings .meeting.oc-classes__meeting{flex:0 0 auto;padding-inline:0;padding-block:1.15rem}.oc-classes .class-room-card-container .class-room-card .meetings .meeting.oc-classes__meeting + .meeting.oc-classes__meeting{border-inline-start:0;border-block-start:1px solid var(--ocb-border)}}
.oc-classes__status-dot{width:8px;height:8px;border-radius:999px;background:currentColor;animation:oc-live-pulse 1.6s ease-out infinite}
@keyframes oc-live-pulse{0%{box-shadow:0 0 0 0 rgba(76,42,133,0.4)}70%{box-shadow:0 0 0 8px rgba(76,42,133,0)}100%{box-shadow:0 0 0 0 rgba(76,42,133,0)}}
.oc-classes__meeting-action{display:flex;flex-wrap:nowrap;gap:0.5rem;width:100%;margin-block-start:auto;padding-block-start:0.85rem}
.oc-classes__meeting-link{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;width:auto;min-width:0;min-height:38px;padding:0.35rem 0.75rem;border:1px solid var(--ocb-border);border-radius:10px;background:var(--ocb-surface);color:var(--ocb-text-muted);font-family:inherit;font-size:0.8rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background 180ms ease,border-color 180ms ease,color 180ms ease}
.oc-classes__meeting-link svg{flex:none}
.oc-classes__meeting-link:hover:not(:disabled){border-color:var(--ocb-primary);background:var(--ocb-primary-softer);color:var(--ocb-primary)}
.oc-classes__meeting-link:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px}
.oc-classes__meeting-link--archive{color:var(--ocb-primary);background:var(--ocb-primary-soft);border-color:rgba(76,42,133,0.2)}
.oc-classes__meeting-link--archive:hover:not(:disabled){background:var(--ocb-primary);border-color:var(--ocb-primary);color:var(--ocb-primary-contrast)}
.oc-classes__meeting-link:disabled{opacity:1;cursor:default}
.oc-classes__meeting-enter{flex:1 1 100%;width:100%;min-width:0}
.oc-classes__meetings-more{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto;padding-inline:1.1rem}
@media (min-width:992px){.oc-classes__meetings-more{border-inline-start:1px solid var(--ocb-border)}}
.oc-classes__show-all{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0.6rem;min-width:104px;max-width:132px;min-height:0;padding:0.5rem 0.25rem;border:0;border-radius:14px;background:transparent;color:var(--ocb-primary);font-family:inherit;font-weight:700;font-size:0.78rem;line-height:1.55;text-align:center;cursor:pointer;box-shadow:none;transition:transform 200ms ease}
.oc-classes__show-all:hover{transform:translateY(-2px)}
.oc-classes__show-all:hover .oc-classes__show-all-icon{background:var(--ocb-primary);border-color:var(--ocb-primary);color:var(--ocb-primary-contrast)}
.oc-classes__show-all:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:3px}
.oc-classes__show-all.is-expanded .oc-classes__show-all-icon svg{transform:rotate(180deg)}
.oc-classes__show-all-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:999px;border:1px solid rgba(76,42,133,0.2);background:var(--ocb-primary-soft);color:var(--ocb-primary);transition:background 200ms ease,border-color 200ms ease,color 200ms ease}
.oc-classes__show-all-icon svg{transition:transform 200ms ease}
.oc-classes__show-all-text{display:flex;flex-direction:column;gap:0.05rem}
.oc-classes__show-all-count{font-weight:600;opacity:0.9}
@media (min-width:768px) and (max-width:991px){.oc-classes__card-top.top,.oc-classes .class-room-card-container .class-room-card .top.oc-classes__card-top{grid-template-columns:minmax(200px,34%) minmax(0,1fr);direction:ltr}.oc-classes__actions .oc-classes__btn{flex:1}.oc-classes__actions .oc-classes__meetings-toggle{min-width:0}}
@media (max-width:767px){.oc-classes__actions{flex-direction:column}.oc-classes__actions .oc-classes__btn,.oc-classes__actions .oc-classes__meetings-bar{width:100%}.oc-classes__actions .oc-classes__meetings-toggle{min-width:0}.oc-classes__meta.detail-fields,.oc-classes .class-room-card-container .class-room-card .detail-fields.oc-classes__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem 1rem;justify-content:normal;justify-items:stretch}.oc-classes__meta-item,.oc-classes .class-room-card-container .class-room-card .detail-fields>.oc-classes__meta-item{width:100%;max-width:none;min-width:0;justify-content:flex-start;padding:0}.oc-classes .class-room-card-container .class-room-card .detail-fields>.oc-classes__meta-item + .oc-classes__meta-item,.oc-classes__meta-item + .oc-classes__meta-item{border-inline-start:0;border-block-start:0}.oc-classes__meetings-inner{padding-inline:1.15rem}.oc-classes__timeline{flex-direction:column;overflow-x:visible;padding-block:1rem 0}.oc-classes__meeting.meeting{flex:0 0 auto;width:100%;min-width:0;max-width:none;padding-inline:0;padding-block:1.15rem}.oc-classes__meeting.meeting + .oc-classes__meeting.meeting{border-inline-start:0;border-block-start:1px solid var(--ocb-border)}.oc-classes__meeting-thread{display:none}.oc-classes__meetings-more{width:100%;padding-inline:0;padding-block-start:1.15rem;border-block-start:1px solid var(--ocb-border)}.oc-classes__show-all{flex-direction:row;gap:0.7rem;max-width:none}.oc-classes__show-all-text{text-align:start}}
.oc-classes__empty{display:none;flex-direction:column;align-items:center;gap:var(--oc-space-2);margin-block-start:var(--oc-space-4);padding:var(--oc-space-10) var(--oc-space-6);text-align:center;background:var(--oc-color-surface);border:1px dashed var(--oc-color-border);border-radius:18px;color:var(--oc-color-text-muted)}
.oc-classes__grid:empty ~ .oc-classes__empty{display:flex}
.oc-classes__empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:var(--oc-color-primary-soft);color:var(--oc-color-primary)}
.oc-classes__empty-title{margin:0;color:#112B46;font-size:var(--oc-font-size-h3);font-weight:800}
.oc-classes__empty-text{margin:0;max-width:36ch}
.oc-classes__pager{margin-block:var(--oc-space-6)}
.oc-classes__pager .oc-loading{display:inline-flex;padding:0.65rem 1.2rem;border-radius:var(--oc-radius-pill);background:var(--oc-color-surface);border:1px solid var(--oc-color-border);color:var(--oc-color-text-muted);text-decoration:none}
.oc-classes a:focus-visible,
.oc-classes button:focus-visible{outline:3px solid var(--oc-color-primary);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.oc-classes,.oc-classes *{transition-duration:0.001ms !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important}}
#school-class-rooms-page.oc-mine .oc-mine-tabs{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0 auto 1.25rem;max-width:36rem;padding:0.35rem;background:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:999px;box-shadow:var(--ocb-shadow-xs)}
#school-class-rooms-page.oc-mine .oc-mine-tab{flex:1 1 8rem;min-height:48px;margin:0;padding:0.55rem 1rem;border:0;border-radius:999px;background:transparent;color:var(--ocb-text);font-family:inherit;font-size:var(--oc-font-size-small);font-weight:700;line-height:1.4;cursor:pointer;transition:background-color 200ms ease,color 200ms ease}
#school-class-rooms-page.oc-mine .oc-mine-tab[aria-selected="true"]{background:var(--ocb-primary);color:var(--ocb-primary-contrast)}
#school-class-rooms-page.oc-mine .oc-mine-tab[aria-selected="false"]:hover{background:var(--ocb-primary-softer);color:var(--ocb-primary)}
#school-class-rooms-page.oc-mine .oc-mine-tab:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px}
#school-class-rooms-page.oc-mine .oc-mine-empty{margin:0 0 1rem;padding:1.75rem 1.25rem;text-align:center;background:var(--ocb-surface);border:1px dashed var(--ocb-border-strong);border-radius:18px;color:var(--ocb-text-muted);font-size:var(--oc-font-size-body);line-height:1.7}
#school-class-rooms-page.oc-mine .oc-mine-empty[hidden]{display:none !important}.oc-join-dialog{position:fixed;inset:0;z-index:5200;display:flex;align-items:center;justify-content:center;padding:var(--oc-space-4);font-family:var(--oc-font-family);color:var(--oc-color-text);box-sizing:border-box}
.oc-join-dialog[hidden]{display:none !important}
.oc-join-dialog *,
.oc-join-dialog *::before,
.oc-join-dialog *::after{box-sizing:border-box}
.oc-join-dialog__overlay{position:absolute;inset:0;background:rgba(24,43,73,0.55)}
.oc-join-dialog__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(28rem,100%);max-height:min(36rem,calc(100vh - 2rem));overflow:auto;background:var(--oc-color-surface);border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-lg);box-shadow:var(--oc-shadow-lg)}
.oc-join-dialog__chrome{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--oc-space-3);padding:var(--oc-space-5) var(--oc-space-5) var(--oc-space-4);background:var(--oc-color-secondary);color:var(--ocb-text-inverse)}
.oc-join-dialog__title{margin:0;font-size:var(--oc-font-size-h4,1.25rem);line-height:var(--oc-line-height-heading,1.35);font-weight:700;color:var(--ocb-text-inverse)}
.oc-join-dialog__close{flex:0 0 auto;width:44px;height:44px;margin:-8px;border:0;border-radius:var(--oc-radius-md);background:transparent;color:var(--ocb-text-inverse);font-size:1.75rem;line-height:1;cursor:pointer}
.oc-join-dialog__close:hover,
.oc-join-dialog__close:focus-visible{background:rgba(255,255,255,0.12)}
.oc-join-dialog__close:focus-visible{outline:3px solid var(--ocb-focus-inverse);outline-offset:2px;box-shadow:0 0 0 6px rgba(24,43,73,0.55)}
.oc-join-dialog__body{padding:var(--oc-space-5);background:var(--oc-color-background)}
.oc-join-dialog__lead{margin:0 0 var(--oc-space-4);font-size:var(--oc-font-size-body,1rem);line-height:var(--oc-line-height-body,1.55);color:var(--oc-color-text)}
.oc-join-dialog__steps{margin:0 0 var(--oc-space-5);padding:0;list-style:none;counter-reset:oc-join-step;display:flex;flex-direction:column;gap:var(--oc-space-2)}
.oc-join-dialog__steps li{counter-increment:oc-join-step;display:flex;align-items:flex-start;gap:var(--oc-space-3);font-size:var(--oc-font-size-small,0.9375rem);line-height:var(--oc-line-height-body,1.55);color:var(--oc-color-text)}
.oc-join-dialog__steps li::before{content:counter(oc-join-step);flex:0 0 1.75rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--oc-color-primary);color:var(--ocb-primary-contrast);font-size:0.8125rem;font-weight:700;display:grid;place-items:center}
.oc-join-dialog__error{margin:0 0 var(--oc-space-4);padding:var(--oc-space-3) var(--oc-space-4);border-radius:var(--oc-radius-md);border:1px solid var(--oc-color-danger);background:var(--ocb-danger-soft);color:var(--oc-color-danger);font-size:var(--oc-font-size-small,0.9375rem)}
.oc-join-dialog__lead[hidden],
.oc-join-dialog__steps[hidden],
.oc-join-dialog__icon-copy[hidden],
.oc-join-dialog__error[hidden]{display:none !important}
.oc-join-dialog__id-card{padding:var(--oc-space-4);border-radius:var(--oc-radius-md);background:var(--oc-color-surface);border:1px solid var(--ocb-border);border-inline-start:4px solid var(--oc-color-accent)}
.oc-join-dialog__id-card[hidden]{display:none !important}
.oc-join-dialog__id-label{display:block;margin-bottom:var(--oc-space-2);font-size:var(--oc-font-size-caption,0.8125rem);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--oc-color-text-muted)}
.oc-join-dialog__id-row{display:flex;align-items:center;gap:var(--oc-space-2)}
.oc-join-dialog__id{flex:1 1 auto;margin:0;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0.08em;line-height:1.3;color:var(--oc-color-text);user-select:all}
.oc-join-dialog__icon-copy{flex:0 0 auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ocb-border-strong);border-radius:var(--oc-radius-md);background:var(--oc-color-surface);color:var(--oc-color-primary);cursor:pointer}
.oc-join-dialog__icon-copy:hover{background:var(--oc-color-primary-soft)}
.oc-join-dialog__status{min-height:1.4em;margin:var(--oc-space-3) 0 0;font-size:var(--oc-font-size-small,0.9375rem);font-weight:600;color:var(--oc-color-success)}
.oc-join-dialog__status.is-error{color:var(--oc-color-danger)}
.oc-join-dialog__footer{display:flex;flex-wrap:wrap;gap:var(--oc-space-2);padding:var(--oc-space-4) var(--oc-space-5) var(--oc-space-5);background:var(--oc-color-surface);border-top:1px solid var(--oc-color-border)}
.oc-join-dialog__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);min-height:44px;padding:var(--oc-space-2) var(--oc-space-4);border-radius:var(--oc-radius-md);border:1px solid var(--ocb-border-strong);background:var(--oc-color-surface);color:var(--oc-color-text);font:inherit;font-weight:600;cursor:pointer}
.oc-join-dialog__btn--primary{background:var(--oc-color-primary);border-color:var(--oc-color-primary);color:var(--ocb-primary-contrast)}
.oc-join-dialog__btn--primary:hover{background:var(--oc-color-primary-hover);border-color:var(--oc-color-primary-hover)}
.oc-join-dialog__btn--secondary{background:var(--oc-color-accent);border-color:var(--oc-color-accent);color:var(--ocb-accent-contrast)}
.oc-join-dialog__btn--secondary:hover{background:var(--ocb-accent-hover);border-color:var(--ocb-accent-hover)}
.oc-join-dialog__btn--ghost:hover{background:var(--oc-color-primary-soft)}
.oc-join-dialog__btn[hidden]{display:none !important}
.oc-join-dialog__btn:focus-visible,
.oc-join-dialog__icon-copy:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
body.oc-join-dialog-open{overflow:hidden}
@media (max-width:768px){.oc-join-dialog{padding:0;align-items:stretch}.oc-join-dialog__panel{width:100%;max-height:100%;border-radius:0}.oc-join-dialog__footer{flex-direction:column}.oc-join-dialog__btn{width:100%}}
@media (prefers-reduced-motion:reduce){.oc-join-dialog,.oc-join-dialog__btn,.oc-join-dialog__icon-copy{transition:none}}
#class-meeting-archive-player .oc-meeting-archive-dialog{width:calc(100% - 1.5rem);max-width:960px;margin:0.75rem auto}
#class-meeting-archive-player .oc-meeting-archive-content{background:#0f172a;border:0;border-radius:12px;overflow:hidden}
#class-meeting-archive-player .oc-meeting-archive-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.85rem 1rem;border-bottom:1px solid rgba(255,255,255,0.08)}
#class-meeting-archive-player .oc-meeting-archive-title{margin:0;font-size:1rem;font-weight:600;color:#f8fafc;line-height:1.4}
#class-meeting-archive-player .oc-meeting-archive-close{margin:0;padding:0.25rem;color:#e2e8f0;opacity:0.85;text-shadow:none}
#class-meeting-archive-player .oc-meeting-archive-close:hover,
#class-meeting-archive-player .oc-meeting-archive-close:focus{opacity:1;color:#fff}
#class-meeting-archive-player .oc-meeting-archive-body{padding:0;background:#000}
#class-meeting-archive-player .oc-meeting-archive-video{display:block;width:100%;height:auto;max-height:min(78vh,calc(100vh - 7rem));background:#000;vertical-align:top}
@media (max-width:575.98px){#class-meeting-archive-player .oc-meeting-archive-dialog{width:calc(100% - 1rem);margin:0.5rem auto}#class-meeting-archive-player .oc-meeting-archive-video{max-height:min(70vh,calc(100vh - 6rem))}}.oc-progress-modal{position:fixed;inset:0;z-index:5100;display:flex;align-items:center;justify-content:center;padding:var(--oc-space-4);font-family:var(--oc-font-family);color:var(--oc-color-text);box-sizing:border-box}
.oc-progress-modal[hidden]{display:none !important}
.oc-progress-modal *,
.oc-progress-modal *::before,
.oc-progress-modal *::after{box-sizing:border-box}
.oc-progress-modal__overlay{position:absolute;inset:0;background:rgba(24,43,73,0.55)}
.oc-progress-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1040px,100%);max-height:min(860px,calc(100vh - 2rem));overflow:hidden;background:var(--oc-color-surface);border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-lg);box-shadow:var(--oc-shadow-lg)}.oc-progress-modal__chrome{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--oc-space-4);padding:var(--oc-space-5) var(--oc-space-6);border-bottom:1px solid var(--oc-color-border);background:var(--oc-color-surface);position:sticky;top:0;z-index:2}
.oc-progress-modal__chrome-text{min-width:0}
.oc-progress-modal__title{margin:0;font-size:var(--oc-font-size-h3);line-height:var(--oc-line-height-heading);font-weight:700;color:var(--oc-color-text)}
.oc-progress-modal__subtitle{margin:var(--oc-space-1) 0 0;font-size:var(--oc-font-size-small);line-height:var(--oc-line-height-body);color:var(--oc-color-text-muted)}
.oc-progress-modal__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:calc(var(--oc-space-1) * -1);padding:0;border:0;border-radius:var(--oc-radius-sm);background:transparent;color:var(--oc-color-text-muted);font-size:1.75rem;line-height:1;cursor:pointer;transition:background var(--oc-transition-fast),color var(--oc-transition-fast)}
.oc-progress-modal__close:hover,
.oc-progress-modal__close:focus-visible{background:var(--oc-color-surface-muted);color:var(--oc-color-text);outline:2px solid var(--oc-color-primary);outline-offset:2px}.oc-progress-modal__loading,
.oc-progress-modal__error{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--oc-space-4);padding:var(--oc-space-12) var(--oc-space-6);text-align:center;color:var(--oc-color-text-muted)}
.oc-progress-modal__loading[hidden],
.oc-progress-modal__error[hidden],
.oc-progress-modal__body[hidden]{display:none !important}
.oc-progress-modal__spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--oc-color-primary-soft);border-top-color:var(--oc-color-primary);animation:oc-progress-spin 0.8s linear infinite}
@keyframes oc-progress-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.oc-progress-modal__spinner{animation:none;border-top-color:var(--oc-color-primary);opacity:0.85}.oc-progress-session__live-dot{animation:none !important}}
.oc-progress-modal__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--oc-space-2) var(--oc-space-5);border-radius:var(--oc-radius-md);border:1px solid var(--ocb-border-strong);background:var(--oc-color-surface);color:var(--oc-color-text);font:inherit;cursor:pointer;text-decoration:none}
.oc-progress-modal__btn--primary{background:var(--oc-color-primary);border-color:var(--oc-color-primary);color:var(--ocb-primary-contrast)}
.oc-progress-modal__btn:focus-visible{outline:2px solid var(--oc-color-primary);outline-offset:2px}.oc-progress-modal__body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:0;overflow:hidden}
.oc-progress-modal__summary{min-height:0;overflow:auto;padding:var(--oc-space-6);border-inline-end:1px solid var(--oc-color-border);background:linear-gradient(180deg,var(--oc-color-primary-soft) 0%,var(--oc-color-surface) 42%);display:flex;flex-direction:column;gap:var(--oc-space-5);text-align:center;-webkit-overflow-scrolling:touch}
.oc-progress-modal__identity{display:flex;flex-direction:column;align-items:center;gap:var(--oc-space-2)}
.oc-progress-modal__avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--oc-color-primary);background:var(--oc-color-surface);display:grid;place-items:center;color:var(--oc-color-primary);font-size:1.75rem}
.oc-progress-modal__avatar--placeholder{background:var(--oc-color-surface-muted);border-color:var(--oc-color-border);color:var(--oc-color-text-muted)}
.oc-progress-modal__name{margin:var(--oc-space-2) 0 0;font-size:1.05rem;font-weight:700;color:var(--oc-color-text)}
.oc-progress-modal__meta{margin:0;font-size:var(--oc-font-size-small);color:var(--oc-color-text-muted);word-break:break-word}
.oc-progress-modal__profile-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);width:100%;min-height:44px;margin-top:var(--oc-space-2);padding:var(--oc-space-2) var(--oc-space-4);border:1px solid var(--ocb-border-strong);border-radius:var(--oc-radius-md);background:var(--oc-color-surface);color:var(--oc-color-text);text-decoration:none;font-size:var(--oc-font-size-small);font-weight:600;box-shadow:var(--oc-shadow-sm);transition:border-color var(--oc-transition-fast),box-shadow var(--oc-transition-fast)}
.oc-progress-modal__profile-link:hover,
.oc-progress-modal__profile-link:focus-visible{border-color:var(--oc-color-primary);box-shadow:var(--oc-shadow-md);outline:2px solid var(--oc-color-primary);outline-offset:2px}.oc-progress-modal__hero{padding:var(--oc-space-5);border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-md);background:var(--oc-color-surface);box-shadow:var(--oc-shadow-sm)}
.oc-progress-modal__hero-label{display:inline-flex;align-items:center;gap:var(--oc-space-2);font-size:var(--oc-font-size-small);font-weight:600;color:var(--oc-color-text-muted);margin-bottom:var(--oc-space-3)}
.oc-progress-ring{--p:0;width:124px;height:124px;margin:0 auto var(--oc-space-3);border-radius:50%;background:conic-gradient(var(--oc-color-primary) calc(var(--p) * 1%),var(--ocb-track) 0);display:grid;place-items:center}
.oc-progress-ring__inner{width:94px;height:94px;border-radius:50%;background:var(--oc-color-surface);display:grid;place-items:center;font-weight:700;font-size:1.25rem;color:var(--oc-color-primary)}
.oc-progress-modal__level-title{margin:0 0 var(--oc-space-1);font-weight:700;color:var(--oc-color-text)}
.oc-progress-modal__exam{display:flex;flex-direction:column;gap:var(--oc-space-1);margin-top:var(--oc-space-3);padding:var(--oc-space-3);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface-muted);font-size:var(--oc-font-size-small);text-align:start}
.oc-progress-modal__exam-label{color:var(--oc-color-text-muted)}
.oc-progress-modal__exam-value{font-weight:600;color:var(--oc-color-text)}
.oc-progress-modal__exam.is-passed .oc-progress-modal__exam-value{color:var(--oc-color-success)}
.oc-progress-modal__exam.is-available .oc-progress-modal__exam-value{color:var(--oc-color-primary)}
.oc-progress-modal__exam.is-locked .oc-progress-modal__exam-value{color:var(--oc-color-text-muted)}
.oc-progress-modal__next-action{margin:var(--oc-space-4) 0 0;padding:var(--oc-space-3) var(--oc-space-4);border-radius:var(--oc-radius-sm);background:var(--oc-color-primary-soft);color:var(--oc-color-primary-active);font-size:var(--oc-font-size-small);font-weight:600;line-height:1.6}
.oc-progress-modal__stat-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--oc-space-3)}
.oc-progress-modal__stat{display:flex;align-items:flex-start;gap:var(--oc-space-2);padding:var(--oc-space-3);border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-md);background:var(--oc-color-surface);text-align:start;font-size:var(--oc-font-size-small)}
.oc-progress-modal__stat>i{color:var(--oc-color-primary);margin-top:0.15rem}
.oc-progress-modal__stat-label{display:block;color:var(--oc-color-text-muted);margin-bottom:var(--oc-space-1)}
.oc-progress-modal__stat-value{display:block;font-weight:600;color:var(--oc-color-text);word-break:break-word}
.oc-progress-modal__logout{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);min-height:44px;margin-top:auto;color:var(--oc-color-danger);text-decoration:none;font-size:var(--oc-font-size-small);font-weight:600}
.oc-progress-modal__logout:hover,
.oc-progress-modal__logout:focus-visible{text-decoration:underline;outline:2px solid var(--oc-color-danger);outline-offset:2px}.oc-progress-modal__roadmap{min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--oc-color-background)}
.oc-progress-modal__roadmap-head{flex:0 0 auto;padding:var(--oc-space-5) var(--oc-space-6) var(--oc-space-3)}
.oc-progress-modal__roadmap-title{display:inline-flex;align-items:center;gap:var(--oc-space-2);margin:0;font-size:1.1rem;font-weight:700;color:var(--oc-color-text)}
.oc-progress-modal__roadmap-title i{color:var(--oc-color-primary)}
.oc-progress-modal__roadmap-lead{margin:var(--oc-space-1) 0 0;font-size:var(--oc-font-size-small);color:var(--oc-color-text-muted)}
.oc-progress-modal__roadmap-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:0 var(--oc-space-6) var(--oc-space-6);-webkit-overflow-scrolling:touch}
.oc-progress-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--oc-space-3);padding:var(--oc-space-10) var(--oc-space-4);text-align:center;color:var(--oc-color-text-muted);border:1px dashed var(--oc-color-border);border-radius:var(--oc-radius-md);background:var(--oc-color-surface)}
.oc-progress-modal__empty--soft{margin-bottom:var(--oc-space-4);border-style:solid;background:var(--oc-color-primary-soft);color:var(--oc-color-primary-active)}
.oc-progress-modal__empty-inline{margin:var(--oc-space-3) 0 0;font-size:var(--oc-font-size-small);color:var(--oc-color-text-muted)}.oc-progress-roadmap-list{list-style:none;margin:0;padding:0;position:relative}
.oc-progress-roadmap-list::before{content:"";position:absolute;inset-inline-end:11px;top:0.5rem;bottom:0.5rem;width:2px;background:var(--oc-color-border)}
.oc-progress-level{position:relative;padding-inline-end:var(--oc-space-8);margin-bottom:var(--oc-space-4)}
.oc-progress-level:last-child{margin-bottom:0}
.oc-progress-level__marker{position:absolute;inset-inline-end:0;top:0.85rem;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;z-index:1;font-size:0.7rem;background:var(--oc-color-surface);border:2px solid var(--oc-color-border);color:var(--oc-color-text-muted)}
.oc-progress-level__marker--done{background:var(--oc-color-primary);border-color:var(--oc-color-primary);color:var(--ocb-primary-contrast)}
.oc-progress-level__marker--current{border-color:var(--oc-color-primary);background:var(--oc-color-surface);box-shadow:0 0 0 3px var(--oc-color-primary-soft)}
.oc-progress-level__marker--locked{background:var(--oc-color-surface-muted);border-color:var(--oc-color-border);color:var(--oc-color-text-muted)}
.oc-progress-level__card{border:1px solid var(--oc-color-border);border-radius:var(--oc-radius-md);background:var(--oc-color-surface);box-shadow:var(--oc-shadow-sm);overflow:hidden}
.oc-progress-level.is-current .oc-progress-level__card{border-color:var(--oc-color-primary);box-shadow:var(--oc-shadow-md)}
.oc-progress-level.is-locked .oc-progress-level__card{background:var(--oc-color-surface-muted);opacity:0.92}
.oc-progress-level.is-completed .oc-progress-level__card{border-color:var(--ocb-primary-ring)}
.oc-progress-level__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--oc-space-2) var(--oc-space-3);width:100%;min-height:52px;padding:var(--oc-space-4) var(--oc-space-5);border:0;background:transparent;text-align:start;cursor:pointer;color:var(--oc-color-text);font:inherit}
.oc-progress-level__head--static{cursor:default}
.oc-progress-level__head:focus-visible{outline:2px solid var(--oc-color-primary);outline-offset:-2px}
.oc-progress-level__title-text{flex:1 1 auto;font-weight:700;font-size:0.98rem}
.oc-progress-level__badge{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--oc-space-3);border-radius:var(--oc-radius-pill);background:var(--oc-color-surface-muted);color:var(--oc-color-text-muted);font-size:0.75rem;font-weight:600;white-space:nowrap}
.oc-progress-level.is-current .oc-progress-level__badge{background:var(--oc-color-primary-soft);color:var(--oc-color-primary-active)}
.oc-progress-level.is-completed .oc-progress-level__badge{background:var(--ocb-success-soft);color:var(--oc-color-success)}
.oc-progress-level__class,
.oc-progress-level__legacy{flex:1 1 100%;font-size:var(--oc-font-size-small);color:var(--oc-color-text-muted)}
.oc-progress-level__chevron,
.oc-progress-level__lock{color:var(--oc-color-text-muted);margin-inline-start:auto}
.oc-progress-level.is-expanded .oc-progress-level__chevron{transform:rotate(180deg)}
.oc-progress-level__panel{padding:0 var(--oc-space-5) var(--oc-space-5);border-top:1px solid var(--oc-color-border)}
.oc-progress-level__panel[hidden]{display:none !important}
.oc-progress-level__exam{display:flex;align-items:center;gap:var(--oc-space-2);margin:var(--oc-space-4) 0 var(--oc-space-3);padding:var(--oc-space-3);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface-muted);font-size:var(--oc-font-size-small);font-weight:600}
.oc-progress-level__exam.is-passed{color:var(--oc-color-success)}
.oc-progress-level__exam.is-available{color:var(--oc-color-primary);background:var(--oc-color-primary-soft)}
.oc-progress-level__exam.is-locked{color:var(--oc-color-text-muted)}.oc-progress-level__exam-action{flex:none;margin-inline-start:auto;display:inline-flex;align-items:center;min-height:32px;padding:var(--oc-space-1) var(--oc-space-4);border-radius:var(--oc-radius-sm);background:var(--oc-color-primary);color:#fff;font-size:0.8rem;font-weight:700;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background-color var(--oc-transition-fast)}
.oc-progress-level__exam-action:hover,
.oc-progress-level__exam-action:focus{background:var(--oc-color-primary-hover);color:#fff;text-decoration:none}
.oc-progress-level__exam-action:focus-visible{outline:2px solid var(--oc-color-primary);outline-offset:2px}.oc-progress-session-grid{list-style:none;margin:var(--oc-space-3) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--oc-space-2)}
.oc-progress-session{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon main" "icon status" "action action";gap:var(--oc-space-1) var(--oc-space-2);align-items:start;padding:var(--oc-space-3);border-radius:var(--oc-radius-sm);background:var(--oc-color-background);border:1px solid transparent;font-size:var(--oc-font-size-small)}
.oc-progress-session__icon{grid-area:icon;color:var(--oc-color-text-muted);margin-top:0.15rem}
.oc-progress-session__main{grid-area:main;display:flex;flex-direction:column;gap:0.15rem;min-width:0}
.oc-progress-session__title{font-weight:600;color:var(--oc-color-text)}
.oc-progress-session__date{color:var(--oc-color-text-muted);font-size:0.75rem}
.oc-progress-session__status{grid-area:status;color:var(--oc-color-text-muted);font-size:0.75rem}
.oc-progress-session__action{grid-area:action;justify-self:stretch;min-height:40px;margin-top:var(--oc-space-1);padding:var(--oc-space-1) var(--oc-space-3);border:1px solid var(--oc-color-primary);border-radius:var(--oc-radius-sm);background:var(--oc-color-surface);color:var(--oc-color-primary);font:inherit;font-size:0.8rem;font-weight:600;cursor:pointer}
.oc-progress-session__action:focus-visible{outline:2px solid var(--oc-color-primary);outline-offset:2px}
.oc-progress-session.is-completed .oc-progress-session__icon,
.oc-progress-session.is-completed .oc-progress-session__status{color:var(--oc-color-success)}
.oc-progress-session.is-current .oc-progress-session__icon,
.oc-progress-session.is-current .oc-progress-session__status,
.oc-progress-session.is-available .oc-progress-session__status{color:var(--oc-color-primary)}
.oc-progress-session.is-current,
.oc-progress-session.is-available{border-color:var(--oc-color-primary-soft)}
.oc-progress-session.is-live_now{border-color:var(--oc-color-warning);background:var(--ocb-warning-soft)}
.oc-progress-session.is-live_now .oc-progress-session__icon,
.oc-progress-session.is-live_now .oc-progress-session__status{color:var(--oc-color-warning);font-weight:700}
.oc-progress-session__live-dot{animation:oc-progress-pulse 1.2s ease-in-out infinite}
@keyframes oc-progress-pulse{0%,100%{opacity:1}50%{opacity:0.35}}
.oc-progress-session.is-missed .oc-progress-session__icon,
.oc-progress-session.is-missed .oc-progress-session__status{color:var(--oc-color-danger)}
.oc-progress-session.is-missed{border-color:var(--ocb-danger-soft)}
.oc-progress-session.is-locked{opacity:0.78}
.oc-progress-session.is-locked .oc-progress-session__title{color:var(--oc-color-text-muted)}
body.oc-progress-modal-open{overflow:hidden}@media (max-width:992px){.oc-progress-modal__body{display:flex;flex-direction:column;align-items:stretch;align-content:start;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch}.oc-progress-modal__summary{flex:0 0 auto;height:auto;min-width:0;max-width:100%;border-inline-end:0;border-bottom:1px solid var(--oc-color-border);overflow:visible}.oc-progress-modal__logout{margin-top:var(--oc-space-4)}.oc-progress-modal__roadmap{flex:0 0 auto;min-width:0;max-width:100%;overflow:visible}.oc-progress-modal__roadmap-scroll{overflow:visible;padding-top:var(--oc-space-4)}.oc-progress-modal__roadmap-head{display:none}.oc-progress-level__lock{display:none}}@media (max-width:768px){.oc-progress-modal{padding:0;align-items:stretch}.oc-progress-modal__dialog{width:100%;max-width:100%;max-height:100%;height:100%;border-radius:0;border:0;overflow-x:hidden}.oc-progress-modal__chrome{padding:var(--oc-space-4)}.oc-progress-modal__chrome-text,.oc-progress-modal__next-action,.oc-progress-modal__empty{overflow-wrap:break-word}.oc-progress-modal__summary{padding:var(--oc-space-4);gap:var(--oc-space-4)}.oc-progress-modal__avatar{width:72px;height:72px}.oc-progress-ring{width:108px;height:108px}.oc-progress-ring__inner{width:82px;height:82px;font-size:1.1rem}.oc-progress-modal__roadmap-head,.oc-progress-modal__roadmap-scroll{padding-inline:var(--oc-space-4)}.oc-progress-modal__roadmap-scroll{padding-bottom:calc(var(--oc-space-8) + env(safe-area-inset-bottom,0px))}.oc-progress-session-grid{grid-template-columns:1fr}.oc-progress-session{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon main action" "icon status action";align-items:center}.oc-progress-session__action{min-height:44px;margin-top:0;align-self:center}.oc-progress-level{padding-inline-end:var(--oc-space-8)}}
@media (max-width:576px){.oc-progress-modal__stat-row{grid-template-columns:1fr}.oc-progress-session{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon main" ". status" "action action"}}
.product-card-container .product-card{margin-top:24px;position:relative;display:block;z-index:1;background-color:#FFF;border-radius:4px;border:1px solid #E5E5E5;padding:12px 8px 10px 8px;clip-path:inset(-9px 0px 0px 0px)}
.product-card-container .product-card .cover{width:calc(100% - 8px);padding-top:100%;position:relative;left:-4px}
.product-card-container .product-card .cover img{object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:0;z-index:40}
.product-card-container .product-card .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:62}
.product-card-container .product-card .name{display:block;color:#000;height:39px;padding:6px;border-bottom:1px solid #E5E5E5;text-align:center;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-card-container .product-card .price{z-index:60;color:#4C2A85;line-height:15px;word-spacing:3px;font-size:17px;display:flex;flex-direction:column;text-align:start;height:40px;margin-top:7px;justify-content:center;padding-right:15px}
.product-card-container .product-card .price .sale-price-with-discount{font-weight:bold}
.product-card-container .product-card .price .sale-price{text-decoration-line:line-through;color:#1c1c1c;font-size:14px}
.product-card-container .product-card .add-to-cart{z-index:65;position:absolute;cursor:pointer;font-size:22px;color:#F4B942;left:14px;bottom:7px}
.product-card-container .product-card .add-to-cart:hover{color:#4C2A85}
.product-card-container .product-card .bookmark{display:none;z-index:65;cursor:pointer;position:absolute;left:27px;bottom:8px;width:25px;height:25px;padding:3px;text-align:center}
.product-card-container .product-card .discount-price{text-align:center;color:white;background-color:#f21d2f;display:inline-block;padding:10px 13px;position:absolute;top:10px;right:-30px;width:129px;z-index:60;line-height:13px;transform:rotateZ(45deg);box-shadow:0 0 5px rgba(0,0,0,0.3)}
.product-card-container .product-card .discount-price::before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #94161a;position:absolute;left:-6px;bottom:-7px;transform:rotate(-45deg)}
.product-card-container .product-card .discount-price .percent{font-size:16px}
.product-card-container .product-card .discount-price .label{font-size:16px}
.product-slider{position:relative}
.product-slider .slick-slide div{text-align:center}
.product-slider .slick-track{margin-right:unset;margin-left:unset}
.product-slider .pre-slide{cursor:pointer;position:absolute;left:14px;top:40%;height:38px;display:block;width:38px;background:#4C2A85;border-radius:100%;opacity:0.5}
.product-slider .pre-slide i{display:block;height:12px;width:12px;border-left:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(-45deg);position:absolute;top:14px;left:14px}
.product-slider .pre-slide.slick-disabled{display:none!important}
.product-slider .pre-slide:hover{opacity:1}
.product-slider .next-slide{cursor:pointer;position:absolute;right:14px;top:40%;height:38px;display:block;width:38px;background:#4C2A85;border-radius:100%;opacity:0.5}
.product-slider .next-slide i{display:block;height:12px;width:12px;border-right:2.4px solid #fff;border-top:2.4px solid #fff;-webkit-transform:rotate(45deg);position:absolute;top:14px;right:14px}
.product-slider .next-slide.slick-disabled{display:none!important}
.product-slider .next-slide:hover{opacity:1}
.product-slider .slide{width:256px!important;height:400px}
.product-slider .slide img{display:unset}
.product-slider .slick-hidden{display:none!important}
#shop-products-search{padding-top:30px;padding-bottom:30px}
#shop-products-search .sidebar{will-change:min-height;float:right;width:250px}
@media (max-width:768px){#shop-products-search .sidebar{width:100%;margin-top:30px;float:none}}
#shop-products-search .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#shop-products-search #content{width:calc(100% - 262px);min-height:70vh}
@media (max-width:768px){#shop-products-search #content{width:100%}}
#shop-products-search .custom-sub-title{margin-top:30px!important;line-height:35px;font-size:30px;background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px}
#shop-products-search .shop-groups{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-size:14px;text-align:start;font-weight:400}
#shop-products-search .shop-groups h6{color:#F4B942;padding-top:15px;padding-bottom:15px;text-align:center}
#shop-products-search .shop-groups a{color:#7B868A;border-top:1px dashed #E9ECEF;padding-top:1rem;padding-bottom:1rem}
#shop-products-search .shop-groups a:hover{color:#4C2A85}
#shop-products-search .shop-groups div{padding-right:15px}
#shop-products-search .shop-groups div.active>a{color:#4C2A85}
#shop-products-search .shop-groups div.active>.badge{background-color:#4C2A85}
#shop-products-search .sorting a{display:inline-block;padding:5px 8px 6px 8px;color:#1c1c1c;word-spacing:-3px;font-size:14px;margin-left:12px}
#shop-products-search .sorting a.active{background-color:#4C2A85;color:#f5f5f5;border-radius:12px}
#shop-products-detail{padding-top:30px;padding-bottom:30px}
@media (max-width:992px){#shop-products-detail>.container{display:flex;flex-direction:column-reverse}}
#shop-products-detail .sidebar{will-change:min-height;float:right;width:30%}
@media (max-width:992px){#shop-products-detail .sidebar{width:100%;float:none}}
#shop-products-detail .sidebar__inner{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}
#shop-products-detail #content{width:68.5%}
@media (max-width:992px){#shop-products-detail #content{width:100%}}
#shop-products-detail .main-rate{}
#shop-products-detail .main-rate .rate{display:inline-block;border:0;direction:ltr}
#shop-products-detail .main-rate .rate>input{display:none}
#shop-products-detail .main-rate .rate>label{float:right;width:unset;margin-bottom:0;color:#ddd}
#shop-products-detail .main-rate .rate>label:before{display:inline-block;font-size:1.5rem;padding:0 0.4rem 0 0;margin:0;cursor:pointer;font-family:'Font Awesome 6 Free';font-weight:900;content:"\f005 "}
#shop-products-detail .main-rate input:disabled ~ label:before{cursor:default}
#shop-products-detail .main-rate .rate .half:before{content:"\f089 ";position:absolute;padding-right:0}
#shop-products-detail .main-rate input:checked ~ label,
#shop-products-detail .main-rate input:enabled ~ label:hover,
#shop-products-detail .main-rate input:enabled ~ label:hover ~ label{color:#ffd408}
#shop-products-detail .main-rate input:checked + label:hover,
#shop-products-detail .main-rate input:checked ~ label:hover,
#shop-products-detail .main-rate input:checked ~ label:hover ~ label,
#shop-products-detail .main-rate label:hover ~ input:checked ~ label{color:#ffd408}
#shop-products-detail .main-cover{margin-bottom:12px}
#shop-products-detail .main-cover img{width:100%;border-radius:4px}
#shop-products-detail .main-title{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-weight:100;position:relative}
#shop-products-detail .main-title h2{color:#4C2A85;font-size:20px;font-weight:900;margin-top:0;margin-bottom:0}
#shop-products-detail .main-title .bookmark{width:40px;height:40px;border-radius:8px;position:absolute;left:10px;bottom:15px;padding:8px;color:#4C2A85;font-size:19px;text-align:center}
#shop-products-detail .main-title .bookmark i{font-family:'Font Awesome 6 Free';font-weight:400;font-style:normal}
#shop-products-detail .main-title .bookmark.bookmarked i{font-weight:900}
#shop-products-detail .details{background-color:#FFF;border:1px solid #E5E5E5;padding:1.35rem;border-radius:4px;position:relative;margin-bottom:12px}
#shop-products-detail .details .main-rate{width:170px;margin-top:20px;margin-left:auto;margin-right:auto}
#shop-products-detail .details .main-rate .rate-label{display:block;font-weight:100;font-size:12px;width:100%;text-align:center;color:#4C2A85;margin-top:-5px}
#shop-products-detail .details .price-box{color:#777;font-size:16px;display:flex;border:1px dashed #ddd;background-color:#f9f9f9;padding:0 15px;margin-bottom:15px;border-radius:10px;line-height:52px;position:relative}
#shop-products-detail .details .price-box::before{content:'';width:16px;height:16px;border-left:1px dashed #ddd;border-radius:50%;background-color:#fff;position:absolute;top:calc(50% - 8px);right:-9px}
#shop-products-detail .details .price-box::after{content:'';width:16px;height:16px;border-radius:50%;background-color:#fff;position:absolute;top:calc(50% - 8px);border-right:1px dashed #ddd;left:-9px}
#shop-products-detail .details .price-box label{padding-left:20px;border-left:1px dashed #ddd;font-weight:500;width:100%;max-width:84px;text-align:center;margin:0}
#shop-products-detail .details .price-box .price{margin-bottom:0;font-size:17px;width:100%;text-align:end}
#shop-products-detail .details .price-box .price .discount-percent{color:#f5f5f5;background-color:red;display:inline-block;border-radius:8px;padding:12px;line-height:13px;font-size:15px;font-weight:lighter;margin-right:10px}
#shop-products-detail .details .price-box .price .sale-price{color:#464749;font-size:15px;position:absolute;left:45px;top:-15px}
#shop-products-detail .details .price-box .price .sale-price::after{width:100%;height:1px;background:red;content:'';position:absolute;left:3px;top:47%;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
#shop-products-detail .details .price-box .price .sale-price-with-discount{color:#464749;font-size:22px;position:relative;top:2px}
#shop-products-detail .details .price-box .price .currency{float:right;color:grey;font-size:10px;font-weight:400;text-align:center;margin-right:4px}
#shop-products-detail .details .price-box .price .buy-state{width:100%;display:inline-block;color:#4C2A85;text-align:center}
#shop-products-detail .details .add-to-cart{color:#fff;text-align:center;font-weight:600;height:50px;display:inline-block;position:relative;font-size:19px;padding:11px 11px;z-index:55;background-color:#4C2A85;border-radius:3px;width:100%}
#shop-products-detail .details .add-to-cart i{display:inline-block;width:20px;height:20px;text-align:center;position:absolute;right:33px;top:42%;margin-top:-7px;font-size:18px;color:#fff;background:0 0}
#shop-products-detail .information{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;text-align:start;font-weight:400}
#shop-products-detail .information>*{display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px dashed #E9ECEF;padding-top:10px;color:#7B868A;padding-bottom:10px}
#shop-products-detail .information>* i{font-size:20px;margin-left:15px;width:25px;height:25px;text-align:end}
#shop-products-detail .information>*:last-child{border-bottom:none;padding-bottom:5px}
#shop-products-detail .description{background-color:#FFF;padding:1.35rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px;font-weight:400;text-align:justify;font-size:18px;line-height:30px;color:#1c1c1c}
#shop-products-detail .description img{max-width:100%}
#shop-products-detail .description a{color:#0d6efd}
#shop-products-detail .related-products,
#shop-products-detail .comments{background-color:#FFF;padding:1.75rem;border:1px solid #E5E5E5;border-radius:4px;margin-bottom:12px}
#shop-products-detail .related-products .title,
#shop-products-detail .comments .title{padding:0 30px;border-bottom:1px solid #E5E5E5;margin-right:-1.75rem;margin-left:-1.75rem;margin-top:-1.75rem;margin-bottom:1.75rem}
#shop-products-detail .related-products .title .show-all,
#shop-products-detail .comments .title .show-all{margin-top:12px}
#shop-products-detail .related-products .title h3,
#shop-products-detail .comments .title h3{position:relative;bottom:-2px;font-size:16px;padding:20px 0;margin-bottom:0;display:inline-block;border-bottom:3px solid #4C2A85}
#shop-products-detail .related-products .title h3 i,
#shop-products-detail .comments .title h3 i{margin-left:10px}
#shop-cart{display:block}
#shop-cart #cart-details-table{font-size:13px;color:#1c1c1c}
#shop-cart .alert-error{background-color:white;border-color:red;color:red;padding:10px}
.factor-table>.row{background-color:#FFF;border:1px solid #E5E5E5;padding:0.5rem;border-radius:4px;position:relative;margin-bottom:12px;margin-left:0;margin-right:0}
.factor-table>.row>div{padding:10px}
.factor-table .footer{background:none;color:#4C2A85;font-weight:400;font-size:16px;margin-right:0;margin-left:0;border:none}
.factor-table .footer div{padding:10px}
.factor-table .product{display:flex;text-align:start;text-decoration:none;max-width:600px}
.factor-table .product .detail{display:flex;flex-direction:column;justify-content:center;margin-right:15px}
.factor-table .product .detail .title{font-size:12.8px;font-weight:bold;color:#4C2A85;display:block}
.factor-table .product .detail .description{margin-top:5px;font-size:10.4px;font-weight:normal;color:#1c1c1c;display:block}
.factor-table .product img{height:72px;width:72px;object-fit:cover;border-radius:7px}
.factor-table .remove{color:#aaa;font-size:1.5rem;position:absolute;top:0.5rem;left:0.5rem;z-index:100}
.factor-table .remove:hover{color:red}
.factor-table .count-unit{position:relative;display:inline-block;text-align:center}
.factor-table .count-unit img{width:5px}
.factor-table .count-unit input{text-align:center;padding-left:40px;width:100px;margin-left:-46px}
.factor-table .count-unit .input-post-fix{position:relative;top:-2px;width:36px;color:#a4b5bd;font-size:12px;font-weight:bold;display:inline-block}
.factor-table .count-unit .sale-price-unit{display:inline-block;height:40px;color:#1c1c1c;background-color:rgba(126,148,158,0.1);padding:5px 10px;line-height:10px;margin-right:18px;border:1px solid #fff}
.factor-table .count-unit .sale-price-unit .price-unit{font-size:10.4px;font-weight:normal;display:block}
.factor-table .count-unit .sale-price-unit .sale-price-per-unit{font-size:12.8px;font-weight:bold;display:block;position:relative;top:5px;letter-spacing:-1.1px}
.factor-table .sale-price{color:#F4B942;font-size:14px;text-decoration:line-through;display:block;letter-spacing:1.2px}
.factor-table .sale-price-with-discount{color:#4C2A85;font-size:16px;font-weight:bold;display:block}
.factor-table .discount-percent{text-align:center;color:#f5f5f5;background-color:red;display:inline-block;border-radius:8px 8px 8px 8px;padding:8px;width:65px;z-index:60;line-height:13px}
.factor-table .discount-percent .percent{font-weight:bold;font-family:sans-serif;font-size:18px}
.factor-table .discount-percent .label{font-weight:lighter;font-size:13px;letter-spacing:-1px}
.factor-totals{background-color:#FFF;border:1px solid #E5E5E5;border-radius:4px;position:relative;margin-top:24px;padding:1rem;text-align:center;width:300px;margin-right:auto;margin-left:0}
.factor-totals .price-label{color:#1c1c1c;font-size:15px;display:block}
.factor-totals .sale-price{color:#F4B942;font-size:16px;text-decoration:line-through;display:block;line-height:27.4px;margin-right:15px;letter-spacing:1.1px;margin-top:8px}
.factor-totals .tax-amount{color:#F4B942;display:inline-block;margin-bottom:20px}
.factor-totals .sale-price-with-discount{color:#4C2A85;font-size:32px;font-weight:bold;letter-spacing:1.1px;display:block}
.submit-order{margin-right:auto;margin-left:0;width:300px;text-align:center;padding-top:1rem}
.submit-order a{color:#fff;font-weight:600;height:50px;display:inline-block;font-size:19px;padding:11px 11px;background-color:#4C2A85;border-radius:3px;width:100%}
.submit-order a i{width:20px;height:20px;margin-left:20px}
.submit-order a.disabled{cursor:not-allowed}
#shop-order-details,
#shop-orders-list{display:block;padding-bottom:50px}
#shop-order-details .count-unit input,
#shop-orders-list .count-unit input{width:70px;padding-left:27px}
#shop-order-details .user-description{margin-top:-25px;margin-bottom:25px}
#shop-order-details .user-description textarea{border:1px solid #E5E5E5 !important}
#shop-order-details .pay-order{margin-right:auto;margin-left:0;width:300px;text-align:center;padding-top:1rem}
#shop-order-details .pay-order a{color:#fff;font-weight:600;height:50px;display:inline-block;font-size:19px;padding:11px 11px;background-color:#4C2A85;border-radius:3px;width:100%}
#shop-order-details .pay-order a i{width:20px;height:20px;margin-left:20px}
#shop-order-details .payment-component{max-width:450px;width:100%;text-align:center;margin-top:1rem;margin-right:auto}
#shop-order-details .rate-comment{text-align:center}
#shop-order-details .rate-comment .main-rate{}
#shop-order-details .rate-comment .main-rate .rate{display:inline-block;border:0;direction:ltr}
#shop-order-details .rate-comment .main-rate .rate>input{display:none}
#shop-order-details .rate-comment .main-rate .rate>label{float:right;width:unset;margin-bottom:0;color:#ddd}
#shop-order-details .rate-comment .main-rate .rate>label:before{display:inline-block;font-size:1.5rem;padding:0 0.4rem 0 0;margin:0;cursor:pointer;font-family:'Font Awesome 6 Free';font-weight:900;content:"\f005 "}
#shop-order-details .rate-comment .main-rate input:disabled ~ label:before{cursor:default}
#shop-order-details .rate-comment .main-rate .rate .half:before{content:"\f089 ";position:absolute;padding-right:0}
#shop-order-details .rate-comment .main-rate input:checked ~ label,
#shop-order-details .rate-comment .main-rate input:enabled ~ label:hover,
#shop-order-details .rate-comment .main-rate input:enabled ~ label:hover ~ label{color:#ffd408}
#shop-order-details .rate-comment .main-rate input:checked + label:hover,
#shop-order-details .rate-comment .main-rate input:checked ~ label:hover,
#shop-order-details .rate-comment .main-rate input:checked ~ label:hover ~ label,
#shop-order-details .rate-comment .main-rate label:hover ~ input:checked ~ label{color:#ffd408}
#shop-order-details .rate-comment textarea{display:inline-block;margin-bottom:20px}
#shop-order-details .rate-comment .save-comment{background-color:#4C2A85;color:white;padding:1rem 2rem;text-align:center;border-radius:1rem;display:inline-block;cursor:pointer;width:100%}
@media (min-width:390px){#shop-order-details .rate-comment .save-comment{width:auto;position:relative;top:-10px;margin-right:20px}}
#user-panel{padding-block:var(--oc-space-8);background-color:var(--ocb-background)}
@media (min-width:768px){#user-panel{padding-block:var(--oc-space-10)}}
#user-panel .oc-panel__shell{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--oc-space-6);align-items:start}
@media (min-width:992px){#user-panel .oc-panel__shell{grid-template-columns:288px minmax(0,1fr);gap:var(--oc-space-6)}}
#user-panel .oc-panel__aside,
#user-panel .oc-panel__main{min-width:0}
#user-panel .oc-panel__aside{display:flex;flex-direction:column;gap:var(--oc-space-4)}
@media (min-width:992px){#user-panel .oc-panel__aside{position:sticky;top:88px}}
.oc-panel-card{padding:var(--oc-space-5);background-color:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-lg);box-shadow:var(--ocb-shadow-xs)}
.oc-panel-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oc-panel-side{display:contents}
.oc-panel-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar name" "avatar welcome" "facts facts";align-items:center;column-gap:var(--oc-space-4);row-gap:0;text-align:start}
@media (min-width:992px){.oc-panel-profile-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"avatar" "name" "welcome" "facts";justify-items:center;text-align:center}}
.oc-panel-profile-card__avatar{grid-area:avatar;width:56px;height:56px;border-radius:var(--oc-radius-pill);object-fit:cover;background-color:var(--ocb-surface-muted);box-shadow:0 0 0 3px var(--ocb-surface),0 0 0 4px var(--ocb-primary-ring)}
@media (min-width:992px){.oc-panel-profile-card__avatar{width:72px;height:72px;margin-block-end:var(--oc-space-3)}}
.oc-panel-profile-card__name,
.oc-panel-profile-card__welcome{margin:0;min-width:0;overflow-wrap:anywhere}
.oc-panel-profile-card__name{grid-area:name;align-self:end;font-size:var(--oc-font-size-body);font-weight:700;line-height:var(--oc-line-height-heading);color:var(--ocb-text)}
@media (min-width:992px){.oc-panel-profile-card__name{align-self:auto}}
.oc-panel-profile-card__welcome{grid-area:welcome;align-self:start;font-size:var(--oc-font-size-caption);font-weight:500;line-height:1.6;color:var(--ocb-text-muted)}
@media (min-width:992px){.oc-panel-profile-card__welcome{align-self:auto;margin-block-start:0.15rem}}
.oc-panel-facts{grid-area:facts;width:100%;margin:var(--oc-space-4) 0 0;padding-block-start:var(--oc-space-3);border-block-start:1px solid var(--ocb-border);display:grid;gap:var(--oc-space-2)}
@media (min-width:576px) and (max-width:991px){.oc-panel-facts{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--oc-space-2) var(--oc-space-5)}.oc-panel-facts .oc-panel-fact{justify-content:flex-start}.oc-panel-facts .oc-panel-fact__value{text-align:start}}
.oc-panel-fact{display:flex;align-items:baseline;justify-content:space-between;gap:var(--oc-space-3);min-width:0}
.oc-panel-fact__label{font-size:var(--oc-font-size-caption);font-weight:500;color:var(--ocb-text-muted);min-width:0;overflow-wrap:anywhere}
.oc-panel-fact__value{margin:0;font-size:var(--oc-font-size-caption);font-weight:700;color:var(--ocb-text);min-width:0;text-align:end;overflow-wrap:anywhere}
.oc-panel-fact__value--accent{color:var(--ocb-primary);font-variant-numeric:tabular-nums;white-space:nowrap}
.oc-panel-nav{padding:var(--oc-space-2)}
.oc-panel-nav .nav-link{display:flex;align-items:center;gap:var(--oc-space-3);min-height:48px;padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-md);font-size:var(--oc-font-size-small);font-weight:600;line-height:1.4;color:var(--ocb-text);text-align:start;text-decoration:none;transition:color var(--oc-transition-fast),background-color var(--oc-transition-fast)}
.oc-panel-nav .nav-link i{flex:none;width:1.25rem;font-size:0.95em;text-align:center;color:var(--ocb-text-subtle);transition:color var(--oc-transition-fast)}
.oc-panel-nav .nav-link:hover,
.oc-panel-nav .nav-link:focus{color:var(--ocb-primary);background-color:var(--ocb-primary-softer);text-decoration:none}
.oc-panel-nav .nav-link:hover i,
.oc-panel-nav .nav-link:focus i{color:var(--ocb-primary)}
.oc-panel-nav .nav-link:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:-2px}
.oc-panel-nav .nav-link.active,
.oc-panel-nav .nav-link.child-active{color:var(--ocb-primary);background-color:var(--ocb-primary-soft);font-weight:700}
.oc-panel-nav .nav-link.active i,
.oc-panel-nav .nav-link.child-active i{color:var(--ocb-primary)}
.oc-panel-nav .collapse .nav-link,
.oc-panel-nav .collapsing .nav-link{min-height:42px;padding-inline-start:var(--oc-space-6);font-size:var(--oc-font-size-caption);font-weight:500;color:var(--ocb-text-muted)}
.oc-panel-nav .oc-panel-nav__link--signout{margin-block-start:var(--oc-space-2);padding-block-start:var(--oc-space-3);border-block-start:1px solid var(--ocb-border);border-start-start-radius:0;border-start-end-radius:0;color:var(--ocb-danger)}
.oc-panel-nav .oc-panel-nav__link--signout i{color:var(--ocb-danger)}
.oc-panel-nav .oc-panel-nav__link--signout:hover,
.oc-panel-nav .oc-panel-nav__link--signout:focus{color:var(--ocb-danger);background-color:var(--ocb-danger-soft)}
.oc-panel-nav .oc-panel-nav__link--signout:hover i,
.oc-panel-nav .oc-panel-nav__link--signout:focus i{color:var(--ocb-danger)}
@media (max-width:991px){.oc-panel-nav{display:flex;flex-wrap:wrap;gap:var(--oc-space-1)}.oc-panel-nav .nav-link{flex:1 1 12rem}.oc-panel-nav .oc-panel-nav__link--signout{margin-block-start:0;padding-block-start:var(--oc-space-2);border-block-start:0;border-radius:var(--oc-radius-md)}}
.oc-panel-profile{color:var(--ocb-text)}
.oc-panel-page__head{margin-block-end:var(--oc-space-5)}
.oc-panel-page__title{margin:0;font-size:var(--oc-font-size-h3);font-weight:800;line-height:var(--oc-line-height-heading);color:var(--ocb-text);text-align:start}
.oc-panel-form{padding:var(--oc-space-6);background-color:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-lg);box-shadow:var(--ocb-shadow-xs)}
.oc-panel-form .oc-panel-form__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--oc-space-4) var(--oc-space-5)}
@media (min-width:768px){.oc-panel-form .oc-panel-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.oc-panel-form .oc-field{min-width:0;display:flex;flex-direction:column;gap:var(--oc-space-2)}
.oc-panel-form .oc-field--wide{grid-column:1 / -1}
.oc-panel-form .oc-field__label{display:inline-flex;align-items:baseline;gap:0.35em;width:auto;margin:0;font-size:var(--oc-font-size-caption);font-weight:600;line-height:1.5;color:var(--ocb-text-muted)}
.oc-panel-form .oc-field__req{color:var(--ocb-danger);font-weight:700;line-height:1}
.oc-panel-form .oc-field__control{width:100%;padding:var(--oc-space-2) var(--oc-space-4);font-family:inherit;line-height:1.6;transition:border-color var(--oc-transition-fast),box-shadow var(--oc-transition-fast);min-height:2.75rem;font-size:var(--oc-font-size-small) !important;font-weight:500 !important;color:var(--ocb-text) !important;background-color:var(--ocb-surface) !important;border:1px solid var(--ocb-border-strong) !important;border-radius:var(--oc-radius-md) !important;box-shadow:none !important}
.oc-panel-form .oc-field__control::placeholder{color:var(--ocb-text-subtle);text-align:start;opacity:1}
.oc-panel-form .oc-field__control:hover:not(:disabled):not([readonly]){border-color:var(--ocb-primary) !important}
.oc-panel-form .oc-field__control:focus,
.oc-panel-form .oc-field__control:focus-visible{color:var(--ocb-text) !important;border-color:var(--ocb-primary) !important;box-shadow:0 0 0 3px var(--ocb-primary-soft) !important;outline:2px solid var(--ocb-focus) !important;outline-offset:1px}
.oc-panel-form .oc-field__control:disabled,
.oc-panel-form .oc-field__control[readonly]{background-color:var(--ocb-surface-muted) !important;color:var(--ocb-text-muted) !important;border-color:var(--ocb-border) !important;cursor:not-allowed}
.oc-panel-form .oc-field.has-error .oc-field__control,
.oc-panel-form .oc-field__control[aria-invalid="true"]{border-color:var(--ocb-danger) !important}
.oc-panel-form .oc-field.has-error .oc-field__control:focus,
.oc-panel-form .oc-field__control[aria-invalid="true"]:focus,
.oc-panel-form .oc-field.has-error .oc-field__control:focus-visible,
.oc-panel-form .oc-field__control[aria-invalid="true"]:focus-visible{border-color:var(--ocb-danger) !important;box-shadow:0 0 0 3px var(--ocb-danger-soft) !important;outline-color:var(--ocb-danger) !important}
.oc-panel-form .oc-field__error{margin:0;font-size:var(--oc-font-size-caption);font-weight:600;color:var(--ocb-danger)}
.oc-panel-form .oc-field__select-wrap{position:relative;min-width:0}
.oc-panel-form .oc-field__control--select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-inline-end:2.25rem}
.oc-panel-form .oc-field__select-wrap::after{content:"";position:absolute;inset-inline-end:var(--oc-space-4);top:50%;width:0.5rem;height:0.5rem;margin-top:-0.35rem;border-right:2px solid var(--ocb-text-subtle);border-bottom:2px solid var(--ocb-text-subtle);transform:rotate(45deg);pointer-events:none}
.oc-panel-form .oc-upload{display:flex;align-items:center;gap:var(--oc-space-4);padding:var(--oc-space-3);background-color:var(--ocb-surface-muted);border:1px dashed var(--ocb-border-strong);border-radius:var(--oc-radius-md)}
.oc-panel-form .oc-upload__preview{flex:none;width:56px;height:56px;border-radius:var(--oc-radius-pill);object-fit:cover;background-color:var(--ocb-surface);box-shadow:0 0 0 2px var(--ocb-surface)}
.oc-panel-form .oc-upload__body{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--oc-space-2) var(--oc-space-3)}
.oc-panel-form .oc-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oc-panel-form .oc-upload__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);width:auto;min-height:2.5rem;margin:0;padding:0 var(--oc-space-4);border:1px solid var(--ocb-border-strong);border-radius:var(--oc-radius-pill);background-color:var(--ocb-surface);color:var(--ocb-primary);font-size:var(--oc-font-size-caption);font-weight:700;line-height:1.2;cursor:pointer;transition:background-color var(--oc-transition-fast),border-color var(--oc-transition-fast)}
.oc-panel-form .oc-upload__btn i{font-size:0.9em}
.oc-panel-form .oc-upload__btn:hover{border-color:var(--ocb-primary);background-color:var(--ocb-primary-soft)}
.oc-panel-form .oc-upload__input:focus-visible + .oc-upload__btn{outline:3px solid var(--ocb-focus);outline-offset:2px}
.oc-panel-form .oc-upload__state{flex:1 1 10rem;min-width:0;margin:0;font-size:var(--oc-font-size-caption);color:var(--ocb-text-muted);overflow-wrap:anywhere}
.oc-panel-form .oc-upload.is-selected{border-style:solid;border-color:var(--ocb-primary)}
.oc-panel-form .oc-upload.is-selected .oc-upload__state{color:var(--ocb-text);font-weight:600}
.oc-panel-form .oc-panel-form__actions{display:flex;justify-content:flex-end;margin-block-start:var(--oc-space-6);padding-block-start:var(--oc-space-5);border-block-start:1px solid var(--ocb-border)}
.oc-panel-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);min-height:2.75rem;min-width:11rem;padding:var(--oc-space-2) var(--oc-space-6);border:1px solid transparent;border-radius:var(--oc-radius-pill);font-family:inherit;font-size:var(--oc-font-size-small);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--oc-transition-fast),border-color var(--oc-transition-fast),box-shadow var(--oc-transition-normal),transform var(--oc-transition-fast)}
.oc-panel-btn:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px}
.oc-panel-btn:disabled,
.oc-panel-btn[aria-disabled="true"]{cursor:not-allowed;opacity:0.55;box-shadow:none;transform:none}
.oc-panel-btn--primary{background-color:var(--ocb-primary);border-color:var(--ocb-primary);color:var(--ocb-primary-contrast);box-shadow:0 2px 10px var(--ocb-primary-ring)}
.oc-panel-btn--primary:hover:not(:disabled){background-color:var(--ocb-primary-hover);border-color:var(--ocb-primary-hover);box-shadow:0 8px 22px var(--ocb-primary-ring);transform:translateY(-1px)}
.oc-panel-btn--primary:active:not(:disabled){background-color:var(--ocb-primary-active);border-color:var(--ocb-primary-active);box-shadow:0 2px 8px var(--ocb-primary-ring);transform:translateY(0)}
@media (max-width:575px){.oc-panel-form{padding:var(--oc-space-4)}.oc-panel-form .oc-panel-form__actions{justify-content:stretch}.oc-panel-btn{flex:1 1 auto;width:100%}}
@media (prefers-reduced-motion:reduce){.oc-panel-btn,.oc-panel-nav .nav-link,.oc-panel-form .oc-field__control,.oc-panel-form .oc-upload__btn{transition:none}.oc-panel-btn--primary:hover:not(:disabled),.oc-panel-btn--primary:active:not(:disabled){transform:none}}
#download{padding-top:70px;padding-bottom:70px;position:relative}
#download .back{position:absolute;left:0;right:0;top:28%;bottom:28%;background-color:#1c2641}
@media (max-width:992px){#download .back{top:35%;bottom:0}}
#download .application-img{width:70%}
#download .download-description{color:#fff;font-size:15px;line-height:2.3}
#download .download-title{color:#4C2A85;font-size:22px;font-weight:900}
#download a{display:inline-block;margin:0.5rem}
#download a img{height:3.5rem}
.oc-home{position:relative;font-family:var(--oc-font-family);color:var(--ocb-text);background-color:var(--ocb-background);overflow-x:clip}
.oc-home__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oc-home__section{position:relative;padding-block:var(--oc-space-10)}
@media (min-width:768px){.oc-home__section{padding-block:var(--oc-space-12)}}
@media (min-width:992px){.oc-home__section{padding-block:var(--oc-section-gap)}}
.oc-home__section--tint{background-color:var(--ocb-surface-muted)}
.oc-home__section + .oc-home__section:not(.oc-home__section--tint){border-block-start:1px solid var(--ocb-border)}
.oc-home__section-inner{position:relative;z-index:1}
.oc-home__section-header{margin-block-end:var(--oc-space-8)}
@media (min-width:992px){.oc-home__section-header{margin-block-end:var(--oc-space-10)}}
.oc-home__section-header--center{text-align:center}
.oc-home__section-header--split{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-space-3) var(--oc-space-5);flex-wrap:wrap}
.oc-home__section-title{margin:0;font-family:var(--oc-font-family);font-weight:800;font-size:var(--oc-font-size-h2);line-height:var(--oc-line-height-heading);letter-spacing:-0.005em;color:var(--ocb-text);text-align:start}
.oc-home__section-header--center .oc-home__section-title{text-align:center}
.oc-home__section-description{max-width:60ch;margin-block-start:var(--oc-space-3);font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body);color:var(--ocb-text-muted)}
.oc-home__section-header--center .oc-home__section-description{margin-inline:auto}
.oc-home__section-rule{display:block;width:56px;height:4px;margin-block-start:var(--oc-space-4);border-radius:var(--oc-radius-pill);background-color:var(--ocb-accent)}
.oc-home__section-header--center .oc-home__section-rule{margin-inline:auto}
.oc-home__eyebrow{display:inline-block;width:40px;height:4px;border-radius:var(--oc-radius-pill);background-color:var(--ocb-accent);margin-block-end:var(--oc-space-5)}
.oc-home__cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);min-height:44px;padding:0 var(--oc-space-6);border:1px solid transparent;border-radius:var(--oc-radius-pill);font-family:var(--oc-font-family);font-weight:700;font-size:var(--oc-font-size-body);line-height:1.2;text-decoration:none;cursor:pointer;transition:transform var(--oc-transition-fast),box-shadow var(--oc-transition-normal),background-color var(--oc-transition-normal),border-color var(--oc-transition-normal),color var(--oc-transition-normal)}
.oc-home__cta:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
.oc-home__cta--primary{background-color:var(--ocb-primary);color:var(--ocb-primary-contrast);border-color:var(--ocb-primary);box-shadow:0 2px 10px var(--ocb-primary-ring)}
.oc-home__cta--primary:hover{background-color:var(--ocb-primary-hover);border-color:var(--ocb-primary-hover);color:var(--ocb-primary-contrast);box-shadow:0 8px 22px var(--ocb-primary-ring);transform:translateY(-1px)}
.oc-home__cta--primary:active{background-color:var(--ocb-primary-active);border-color:var(--ocb-primary-active);box-shadow:0 2px 8px var(--ocb-primary-ring);transform:translateY(0)}
.oc-home__cta--secondary{background-color:var(--ocb-secondary);color:var(--ocb-secondary-contrast);border-color:var(--ocb-secondary)}
.oc-home__cta--secondary:hover{background-color:var(--ocb-secondary-hover);border-color:var(--ocb-secondary-hover);color:var(--ocb-secondary-contrast);transform:translateY(-1px)}
.oc-home__cta--secondary:active{transform:translateY(0)}
.oc-home__cta--outline{background-color:var(--ocb-surface);color:var(--ocb-primary);border-color:var(--ocb-border-strong)}
.oc-home__cta--outline:hover{border-color:var(--ocb-primary);background-color:var(--ocb-primary-soft);color:var(--ocb-primary);transform:translateY(-1px)}
.oc-home__cta--outline:active{background-color:var(--ocb-primary-soft);transform:translateY(0)}
.oc-home__cta--ghost{background-color:transparent;color:var(--ocb-primary);border-color:transparent}
.oc-home__cta--ghost:hover{background-color:var(--ocb-primary-soft);color:var(--ocb-primary)}
.oc-home__cta:disabled,
.oc-home__cta[aria-disabled="true"],
.oc-home__cta.is-disabled{cursor:not-allowed;opacity:0.55;box-shadow:none;transform:none;pointer-events:none}
.oc-home__cta.is-loading{position:relative;color:transparent;pointer-events:none}
.oc-home__cta.is-loading::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:18px;height:18px;margin-block-start:-9px;margin-inline-start:-9px;border-radius:50%;border:2px solid var(--ocb-primary-contrast);border-block-start-color:transparent;animation:oc-spin 700ms linear infinite}
.oc-home__cta--outline.is-loading::after,
.oc-home__cta--ghost.is-loading::after{border-color:var(--ocb-primary);border-block-start-color:transparent}
.oc-home__cta-arrow{width:0;height:0;border-block:4px solid transparent;border-inline-end:6px solid currentColor;transition:transform var(--oc-transition-fast)}
.oc-home__cta:hover .oc-home__cta-arrow{transform:translateX(-2px)}
.oc-home__show-all{display:inline-flex;align-items:center;gap:var(--oc-space-2);min-height:44px;padding:0 var(--oc-space-5);border-radius:var(--oc-radius-pill);background-color:var(--ocb-surface);border:1px solid var(--ocb-border-strong);color:var(--ocb-text-muted);font-size:var(--oc-font-size-small);font-weight:700;line-height:1.2;text-decoration:none;transition:color var(--oc-transition-fast),border-color var(--oc-transition-fast),background-color var(--oc-transition-fast)}
.oc-home__show-all:hover{color:var(--ocb-primary);border-color:var(--ocb-primary);background-color:var(--ocb-primary-soft)}
.oc-home__show-all:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
.oc-home a:focus-visible,
.oc-home button:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
@keyframes oc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.oc-home,.oc-home *,.oc-home *::before,.oc-home *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.oc-home__feature-card:hover,.oc-home__banner--link:hover,.oc-home #articles .blog-card:hover,.oc-home__cta:hover,.oc-home__cta:active,.oc-home__quick-item:hover,.oc-home__hero-media-btn:hover .oc-home__hero-play,.oc-home .pre-slide:hover,.oc-home .next-slide:hover,.oc-home__banner--link:hover .oc-home__banner-img{transform:none !important}.oc-home .oc-home__cta.is-loading::after{animation-duration:1400ms !important;animation-iteration-count:infinite !important}}
.oc-home__hero{position:relative;padding-block:var(--oc-space-5) var(--oc-space-10);padding-inline:var(--oc-space-4)}
@media (min-width:992px){.oc-home__hero{padding-block:var(--oc-space-8) var(--oc-space-16);padding-inline:var(--oc-space-6)}}
.oc-home__hero-carousel{position:relative;z-index:1;max-width:var(--oc-container-xl);margin-inline:auto;border-radius:var(--oc-radius-lg);overflow:hidden;border:1px solid var(--ocb-border);background-color:var(--ocb-surface-muted);box-shadow:var(--ocb-shadow-xl)}
@media (min-width:768px){.oc-home__hero-carousel{border-radius:var(--oc-radius-xl)}}
.oc-home__hero-frame{position:relative}
.oc-home__hero-slide{position:relative;aspect-ratio:2}
.oc-home__hero-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.oc-home__hero-link{position:absolute;inset:0;display:block}
.oc-home__hero-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.oc-home__hero-media-btn{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.oc-home__hero-media-btn:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.oc-home__hero-play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(50%,-50%);width:76px;height:76px;border-radius:var(--oc-radius-pill);background-color:var(--ocb-primary);box-shadow:0 0 0 2px var(--ocb-accent),0 10px 30px rgba(76,42,133,0.38);transition:transform var(--oc-transition-normal),background-color var(--oc-transition-normal)}
.oc-home__hero-play::before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-40%,-50%);border-block:13px solid transparent;border-inline-start:19px solid var(--ocb-primary-contrast);border-inline-end:0}
.oc-home__hero-media-btn:hover .oc-home__hero-play{transform:translate(50%,-50%) scale(var(--oc-hover-scale));background-color:var(--ocb-primary-hover)}
.oc-home__hero-caption{position:absolute;inset:0;display:flex;align-items:flex-end;padding:var(--oc-space-5);background:linear-gradient(to top,rgba(20,16,34,0.88) 0%,rgba(20,16,34,0.62) 42%,rgba(20,16,34,0.12) 74%,rgba(20,16,34,0) 100%);pointer-events:none}
@media (min-width:768px){.oc-home__hero-caption{align-items:center;padding:var(--oc-space-8) var(--oc-space-10);background:linear-gradient(to left,rgba(20,16,34,0.9) 0%,rgba(20,16,34,0.84) 26%,rgba(20,16,34,0.55) 52%,rgba(20,16,34,0.16) 76%,rgba(20,16,34,0) 100%);background:linear-gradient(to right,rgba(20,16,34,0.9) 0%,rgba(20,16,34,0.84) 26%,rgba(20,16,34,0.55) 52%,rgba(20,16,34,0.16) 76%,rgba(20,16,34,0) 100%)}}
@media (min-width:992px){.oc-home__hero-caption{padding:var(--oc-space-10) var(--oc-space-12)}}
.oc-home__hero-caption-inner{width:100%;max-width:620px;margin-inline-end:auto;text-align:start}
@media (min-width:768px){.oc-home__hero-caption-inner{max-width:min(54%,560px)}}
.oc-home__hero-title{margin:0;color:#fff;font-weight:800;font-size:clamp(1.35rem,1rem + 2.2vw,2.6rem);line-height:1.3;letter-spacing:-0.005em;text-shadow:0 2px 14px rgba(0,0,0,0.45);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.oc-home__hero-title::after{content:"";display:block;width:52px;height:4px;margin-block-start:var(--oc-space-4);border-radius:var(--oc-radius-pill);background-color:var(--ocb-accent)}
.oc-home__hero-desc{margin-block-start:var(--oc-space-4);color:rgba(255,255,255,0.9399999999999999);font-size:clamp(0.9rem,0.82rem + 0.45vw,1.1rem);line-height:1.85;text-shadow:0 1px 8px rgba(0,0,0,0.4);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (min-width:768px){.oc-home__hero-desc{-webkit-line-clamp:3}}
#slideshow .oc-home__hero-desc p{display:block;margin:0;padding:0;border:0;font-size:inherit;font-weight:400;line-height:inherit;word-spacing:normal;color:inherit;background-color:transparent;text-shadow:none}
#slideshow .oc-home__hero-desc p + p{margin-block-start:var(--oc-space-2)}
#slideshow .oc-home__hero-title h4,
#slideshow .oc-home__hero-title p{display:inline;margin:0;padding:0;border:0;border-radius:0;font-size:inherit;font-weight:inherit;word-spacing:normal;color:inherit;background-color:transparent;box-shadow:none}
.oc-home__hero-cta{pointer-events:auto;margin-block-start:var(--oc-space-6)}
.oc-home__hero .oc-home__hero-cta.oc-home__cta--primary{background-color:var(--ocb-primary);border-color:var(--ocb-primary);color:var(--ocb-primary-contrast);box-shadow:0 0 0 1px rgba(255,255,255,0.28),0 8px 24px rgba(20,16,34,0.45)}
.oc-home__hero .oc-home__hero-cta.oc-home__cta--primary:hover{background-color:var(--ocb-primary-hover);border-color:var(--ocb-primary-hover);color:var(--ocb-primary-contrast)}
.oc-home__hero .oc-home__hero-cta.oc-home__cta--primary:active{background-color:var(--ocb-primary-active);border-color:var(--ocb-primary-active)}
.oc-home__hero .oc-home__hero-cta.oc-home__cta--primary:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px rgba(20,16,34,0.7)}
.oc-home__hero-control{position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--oc-radius-pill);background-color:rgba(255,255,255,0.92);box-shadow:var(--ocb-shadow-md);opacity:0.95;transition:background-color var(--oc-transition-fast),opacity var(--oc-transition-fast),transform var(--oc-transition-fast)}
.oc-home__hero-control:hover{background-color:#fff;opacity:1}
.oc-home__hero-control:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px rgba(24,43,73,0.6)}
.oc-home__hero-control--prev{inset-inline-end:var(--oc-space-3)}
.oc-home__hero-control--next{inset-inline-start:var(--oc-space-3)}
@media (min-width:768px){.oc-home__hero-control{width:48px;height:48px}.oc-home__hero-control--prev{inset-inline-end:var(--oc-space-5)}.oc-home__hero-control--next{inset-inline-start:var(--oc-space-5)}}
.oc-home__hero-control-icon{width:11px;height:11px;border-top:3px solid var(--ocb-primary);border-right:3px solid var(--ocb-primary)}
.oc-home__hero-control--prev .oc-home__hero-control-icon{transform:rotate(45deg)}
.oc-home__hero-control--next .oc-home__hero-control-icon{transform:rotate(-135deg)}
#slideshow .oc-home__hero-dots{position:absolute;inset-inline:0;inset-block-end:var(--oc-space-4);z-index:5;display:flex;justify-content:center;gap:var(--oc-space-2);margin:0;padding:0;list-style:none}
#slideshow .oc-home__hero-dots li{box-sizing:border-box;width:9px;height:9px;margin:0;border-radius:var(--oc-radius-pill);background-color:rgba(255,255,255,0.5);border:0;text-indent:0;cursor:pointer;transition:width var(--oc-transition-fast),background-color var(--oc-transition-fast)}
#slideshow .oc-home__hero-dots li.active{width:28px;background-color:var(--ocb-accent)}
.oc-home__hero-video-content{border:0;border-radius:var(--oc-radius-lg);overflow:hidden;background-color:#000}
.oc-home__hero-video-content .modal-header{border:0;padding:var(--oc-space-2) var(--oc-space-3)}
.oc-home__hero-video-content .modal-body{padding:0}
.oc-home__hero-video-content .close{color:#fff;opacity:0.85;text-shadow:none}
.oc-home__hero-video{display:block;width:100%;height:auto;max-height:78vh}
@media (prefers-reduced-motion:reduce){.oc-home__hero-carousel .carousel-item{transition:none !important}.oc-home__hero-control,.oc-home__hero-play{transition:none}}
.oc-home__feature-grid{display:grid;grid-auto-rows:1fr;grid-template-columns:minmax(0,1fr);gap:var(--oc-space-4)}
@media (min-width:768px){.oc-home__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oc-space-5)}}
@media (min-width:992px){.oc-home__feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--oc-space-6)}}
.oc-home__feature-card{position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-lg);box-shadow:var(--ocb-shadow-xs);overflow:hidden;transition:transform var(--oc-transition-fast),box-shadow var(--oc-transition-fast),border-color var(--oc-transition-fast);gap:var(--oc-space-5);padding:var(--oc-space-6);padding-inline-start:var(--oc-space-7);grid-column:span 1;grid-row:span 1}
.oc-home__feature-card:hover{transform:translateY(-3px);box-shadow:var(--ocb-shadow-md);border-color:var(--ocb-border-strong)}
.oc-home__feature-spine{position:absolute;inset-block:0;inset-inline-start:0;width:3px;background-image:linear-gradient(to bottom,var(--ocb-border-strong) 0%,var(--ocb-border) 45%,transparent 100%);border-radius:var(--oc-radius-pill);inset-block:var(--oc-space-6);inset-inline-start:var(--oc-space-4)}
.oc-home__feature-spine::before{position:absolute;inset-block-start:0;inset-inline-start:0;width:3px;height:32px;background-color:var(--ocb-accent);border-radius:var(--oc-radius-pill)}
.oc-home__feature-icon{flex:none;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--oc-radius-md);background-color:var(--ocb-primary-soft);box-shadow:inset 0 0 0 1px var(--ocb-border);transition:background-color var(--oc-transition-fast)}
.oc-home__feature-icon img{display:block;width:32px;height:32px;object-fit:contain}
.oc-home__feature-card:hover .oc-home__feature-icon{background-color:var(--ocb-accent-soft)}
.oc-home__feature-body{display:flex;flex-direction:column;gap:var(--oc-space-3)}
.oc-home__feature-title{margin:0;font-weight:700;font-size:var(--oc-font-size-h3);line-height:var(--oc-line-height-heading);color:var(--ocb-text);text-align:start;text-wrap:balance}
.oc-home__feature-desc{margin:0;max-width:var(--oc-measure);font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body);color:var(--ocb-text-muted);text-align:start}
.oc-home__avangard-grid{display:grid;grid-template-columns:1fr;gap:var(--oc-space-8);align-items:center}
@media (min-width:992px){.oc-home__avangard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--oc-space-12)}}
@media (min-width:1200px){.oc-home__avangard-grid{gap:var(--oc-space-16)}}
@media (min-width:992px){.oc-home__avangard--reverse .oc-home__avangard-media{order:-1}}
.oc-home__avangard-content{min-width:0}
.oc-home__avangard-title{margin:0 0 var(--oc-space-4);font-weight:800;font-size:clamp(1.4rem,1.1rem + 1.5vw,2rem);line-height:var(--oc-line-height-heading);color:var(--oc-color-text);text-align:start}
.oc-home__avangard-desc{max-width:var(--oc-measure);color:var(--ocb-text-muted);font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body)}
.oc-home__avangard-cta{margin-block-start:var(--oc-space-6)}
.oc-home__avangard-media{position:relative}
.oc-home__media-card{position:relative;z-index:1;border-radius:var(--oc-radius-xl);overflow:hidden;background-color:var(--oc-color-surface-muted);border:0;outline:0;box-shadow:var(--oc-shadow-lg);isolation:isolate}
.oc-home__media-img,
.oc-home__media-video{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}
.oc-home__media-video{aspect-ratio:1.77777778;background-color:#000}
.oc-home__banner{display:block;border-radius:var(--oc-radius-lg);overflow:hidden;border:1px solid var(--oc-color-border);box-shadow:var(--oc-shadow-sm);background-color:var(--oc-color-surface-muted)}
@media (min-width:768px){.oc-home__banner{border-radius:var(--oc-radius-xl)}}
.oc-home__banner-img{display:block;width:100%;height:auto}
.oc-home__banner--link{transition:transform var(--oc-transition-normal),box-shadow var(--oc-transition-normal)}
.oc-home__banner--link:hover{transform:translateY(-2px);box-shadow:var(--oc-shadow-md)}
.oc-home__banner--link .oc-home__banner-img{transition:transform var(--oc-transition-normal)}
.oc-home__banner--link:hover .oc-home__banner-img{transform:scale(1.02)}
.oc-home__banner--link:focus-visible{outline:3px solid var(--oc-color-primary);outline-offset:3px}
.oc-home__web-view-frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding-inline-start:var(--oc-space-5)}
@media (min-width:992px){.oc-home__web-view-frame{grid-template-columns:var(--oc-space-12) minmax(0,1fr);max-width:calc(var(--oc-space-12) + 42rem);margin-inline:auto;padding-inline-start:0}}
@media (min-width:1200px){.oc-home__web-view-frame{max-width:calc(var(--oc-space-12) + 46rem)}}
@media (min-width:1450px){.oc-home__web-view-frame{max-width:calc(var(--oc-space-12) + 48rem)}}
.oc-home__web-view-spine{position:absolute;inset-block:0;inset-inline-start:0;width:3px;background-image:linear-gradient(to bottom,var(--ocb-border-strong) 0%,var(--ocb-border) 45%,transparent 100%);border-radius:var(--oc-radius-pill)}
@media (min-width:992px){.oc-home__web-view-spine{inset-inline-start:var(--oc-space-4)}}
.oc-home__web-view-spine::before{position:absolute;inset-block-start:0;inset-inline-start:0;width:3px;height:32px;background-color:var(--ocb-accent);border-radius:var(--oc-radius-pill)}
.oc-home__prose{color:var(--oc-prose-text,var(--oc-color-text));font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body);text-align:start;word-wrap:break-word;overflow-wrap:break-word}
.oc-home__prose.oc-home__web-view-content{grid-column:-2;max-width:var(--oc-measure);margin-inline:0}
@media (min-width:992px){.oc-home__prose.oc-home__web-view-content{max-width:min(100%,42rem)}}
@media (min-width:1200px){.oc-home__prose.oc-home__web-view-content{max-width:min(100%,46rem)}}
@media (min-width:1450px){.oc-home__prose.oc-home__web-view-content{max-width:min(100%,48rem)}}
.oc-home__prose>* + *{margin-block-start:var(--oc-space-4)}
.oc-home__prose h1,
.oc-home__prose h2,
.oc-home__prose h3,
.oc-home__prose h4,
.oc-home__prose h5,
.oc-home__prose h6{color:var(--oc-prose-text,var(--oc-color-text));font-family:var(--oc-font-family);font-weight:800;line-height:var(--oc-line-height-heading);margin-block:var(--oc-space-8) var(--oc-space-3);text-align:start}
.oc-home__prose h1{font-size:var(--oc-font-size-h1)}
.oc-home__prose h2{font-size:var(--oc-font-size-h2)}
.oc-home__prose h3{font-size:var(--oc-font-size-h3)}
.oc-home__prose h4{font-size:1.1rem}
.oc-home__prose h5{font-size:1rem}
.oc-home__prose h6{font-size:0.95rem}
.oc-home__prose>h1:first-child,
.oc-home__prose>h2:first-child,
.oc-home__prose>h3:first-child{margin-block-start:0}
.oc-home__prose p{margin:0}
.oc-home__prose a{color:var(--oc-color-primary);text-decoration:underline;text-underline-offset:2px}
.oc-home__prose a:hover{color:var(--oc-color-primary-hover)}
.oc-home__prose strong,
.oc-home__prose b{font-weight:800}
.oc-home__prose em,
.oc-home__prose i{font-style:italic}
.oc-home__prose ul,
.oc-home__prose ol{margin:0;padding-inline-start:var(--oc-space-6)}
.oc-home__prose li + li{margin-block-start:var(--oc-space-2)}
.oc-home__prose li{line-height:var(--oc-line-height-body)}
.oc-home__prose blockquote{margin:0;padding:var(--oc-space-4) var(--oc-space-5);border-inline-start:4px solid var(--oc-color-primary);background-color:var(--oc-color-primary-soft);border-radius:var(--oc-radius-md);color:var(--oc-prose-text,var(--oc-color-text))}
.oc-home__prose blockquote p{margin:0}
.oc-home__prose hr{border:0;height:1px;background-color:var(--oc-color-border);margin-block:var(--oc-space-6)}
.oc-home__prose img,
.oc-home__prose picture img{display:block;max-width:100%;height:auto;border-radius:var(--oc-radius-md)}
.oc-home__prose figure{margin:0}
.oc-home__prose figcaption{margin-block-start:var(--oc-space-2);font-size:var(--oc-font-size-small);color:var(--oc-color-text-muted);text-align:center}
.oc-home__prose video{display:block;max-width:100%;height:auto;border-radius:var(--oc-radius-md)}
.oc-home__prose iframe{display:block;max-width:100%;border:0;border-radius:var(--oc-radius-md)}
.oc-home__prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch}
.oc-home__prose th,
.oc-home__prose td{padding:var(--oc-space-2) var(--oc-space-3);border:1px solid var(--oc-color-border);text-align:start;vertical-align:top}
.oc-home__prose th{background-color:var(--oc-color-surface-muted);font-weight:700}
.oc-home__prose pre{direction:ltr;text-align:left;max-width:100%;overflow-x:auto;padding:var(--oc-space-4);border-radius:var(--oc-radius-md);background-color:var(--oc-color-surface-muted);border:1px solid var(--oc-color-border);-webkit-overflow-scrolling:touch}
.oc-home__prose code,
.oc-home__prose pre,
.oc-home__prose kbd,
.oc-home__prose samp{font-family:SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:0.9em}
.oc-home__prose code{direction:ltr;padding:0.15em 0.4em;border-radius:var(--oc-radius-sm);background-color:var(--oc-color-surface-muted)}
.oc-home__prose pre code{padding:0;background:transparent;border-radius:0}
.oc-home__web-view-content h1,
.oc-home__web-view-content h2,
.oc-home__web-view-content h3,
.oc-home__web-view-content h4,
.oc-home__web-view-content h5,
.oc-home__web-view-content h6{color:var(--oc-prose-text,var(--ocb-secondary));margin-block:var(--oc-space-10) var(--oc-space-3);text-wrap:balance}
.oc-home__web-view-content h4{font-size:var(--oc-font-size-h4)}
.oc-home__web-view-content>h1:first-child,
.oc-home__web-view-content>h2:first-child,
.oc-home__web-view-content>h3:first-child{margin-block-start:0}
.oc-home__web-view-content>h2,
.oc-home__web-view-content>h3{padding-block-end:var(--oc-space-3);border-block-end:1px solid var(--ocb-border)}
.oc-home__web-view-content>p:first-child{font-size:var(--oc-font-size-body-lg);line-height:1.85}
.oc-home__web-view-content blockquote{margin-block:var(--oc-space-8);padding:0;padding-inline-start:var(--oc-space-6);border-inline-start:3px solid var(--ocb-primary);background-color:transparent;border-radius:0;font-size:var(--oc-font-size-body-lg);line-height:1.8}
.oc-home__web-view-content blockquote>* + *{margin-block-start:var(--oc-space-3)}
.oc-home__web-view-content figure{margin-block:var(--oc-space-6)}
.oc-home__web-view-content figcaption{margin-block-start:var(--oc-space-3);padding-block-start:var(--oc-space-2);border-block-start:1px solid var(--ocb-border);font-size:var(--oc-font-size-caption);line-height:1.6;color:var(--ocb-text-muted);text-align:start}
.oc-home__web-view-content hr{margin-block:var(--oc-space-10);background-color:var(--ocb-border-strong)}
.oc-home__blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--oc-space-5)}
@media (min-width:768px){.oc-home__blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oc-space-5)}}
@media (min-width:992px){.oc-home__blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--oc-space-6)}}
.oc-home__blog-grid>.col{display:flex;flex:initial;max-width:none;min-width:0;padding:0}
.oc-home #articles .blog-card{position:relative;display:flex;flex-direction:column;gap:0;width:100%;height:100%;margin-top:0;padding:var(--oc-space-3);background-color:var(--ocb-surface);border:0;border-radius:var(--oc-radius-lg);box-shadow:var(--ocb-shadow-md);text-decoration:none;overflow:hidden;transition:transform var(--oc-transition-normal),box-shadow var(--oc-transition-normal)}
.oc-home #articles .blog-card:focus-visible{outline:3px solid var(--ocb-primary);outline-offset:3px;border-radius:var(--oc-radius-lg)}
.oc-home #articles .blog-card img{display:block;width:100%;height:auto;aspect-ratio:1.77777778;object-fit:cover;border-radius:var(--oc-radius-md);flex:none;background-color:var(--ocb-surface-muted)}
.oc-home #articles .blog-card .details{position:relative;display:flex;flex-direction:column;gap:var(--oc-space-2);flex:1 1 auto;padding:var(--oc-space-5) var(--oc-space-2) var(--oc-space-2)}
.oc-home #articles .blog-card h3{margin:0;font-weight:700;font-size:var(--oc-font-size-h3);line-height:var(--oc-line-height-heading);color:var(--ocb-text);text-align:start;text-wrap:balance;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color var(--oc-transition-fast)}
.oc-home #articles .blog-card .description{font-size:var(--oc-font-size-small);font-weight:400;line-height:var(--oc-line-height-body);color:var(--ocb-text-muted);text-align:start;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.oc-home #articles .blog-card .published{position:static;display:inline-flex;align-items:center;gap:var(--oc-space-1);margin-block-start:auto;padding-block-start:var(--oc-space-4);border-block-start:1px solid var(--ocb-border);inset:auto;width:100%;font-size:var(--oc-font-size-caption);font-variant-numeric:tabular-nums;letter-spacing:0.02em;color:var(--ocb-text-subtle);text-align:start}
.oc-home #articles .blog-card .published i{margin-inline-end:var(--oc-space-1);margin-left:0;color:var(--ocb-primary);opacity:0.75}
.oc-home #articles .blog-card:hover{transform:translateY(-4px);box-shadow:var(--ocb-shadow-lg)}
.oc-home #articles .blog-card:hover h3,
.oc-home #articles .blog-card:focus-visible h3{color:var(--ocb-primary)}
@media (prefers-reduced-motion:reduce){.oc-home #articles .blog-card:hover{transform:none}}
.oc-home__faq-inner{max-width:860px}
.oc-home__faq-list{display:flex;flex-direction:column;background-color:var(--ocb-surface);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-lg);box-shadow:var(--ocb-shadow-sm);overflow:hidden}
.oc-home__faq-list:empty{border:0;background:none;box-shadow:none}
.oc-home__faq-item{position:relative;border-block-end:1px solid var(--ocb-border);transition:background-color var(--oc-transition-fast)}
.oc-home__faq-item:last-child{border-block-end:0}
.oc-home__faq-item:hover{background-color:var(--ocb-primary-softer)}
.oc-home__faq-item::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background-color:transparent;border-radius:var(--oc-radius-pill);border-radius:0;transition:background-color var(--oc-transition-fast)}
.oc-home__faq-item:has(>.question[aria-expanded="true"]){background-color:var(--ocb-surface)}
.oc-home__faq-item:has(>.question[aria-expanded="true"])::before{background-color:var(--ocb-primary)}
.oc-home__faq-question{display:flex;align-items:center;gap:var(--oc-space-3);width:100%;min-height:64px;margin:0;padding:var(--oc-space-4) var(--oc-space-5);background:transparent;border:0;border-radius:0;cursor:pointer;text-align:start;font-family:var(--oc-font-family);font-weight:700;font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body);color:var(--ocb-text);transition:color var(--oc-transition-fast)}
.oc-home__faq-question[aria-expanded="true"]{color:var(--ocb-primary)}
.oc-home__faq-question:focus-visible{outline-offset:-3px}
.oc-home__faq-q-text{flex:1 1 auto;min-width:0}
.oc-home__faq-icon{position:relative;flex:none;width:20px;height:20px;margin-inline-start:var(--oc-space-3)}
.oc-home__faq-icon::before,
.oc-home__faq-icon::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:14px;height:2px;margin-block-start:-1px;margin-inline-start:-7px;border-radius:var(--oc-radius-pill);background-color:currentColor;transition:transform var(--oc-transition-fast),opacity var(--oc-transition-fast)}
.oc-home__faq-icon::after{transform:rotate(90deg)}
.oc-home__faq-question[aria-expanded="true"] .oc-home__faq-icon::after{transform:rotate(90deg) scaleX(0);opacity:0}
.oc-home__faq-answer-inner{margin:0 var(--oc-space-5) var(--oc-space-5);padding:var(--oc-space-4) var(--oc-space-5);background-color:var(--ocb-surface-muted);border-radius:var(--oc-radius-md);color:var(--ocb-text);font-size:var(--oc-font-size-body);font-weight:400;line-height:var(--oc-line-height-body);max-width:var(--oc-measure);text-align:start}
.oc-home__faq-answer-inner p{margin:0}
.oc-home__faq-answer-inner>* + *{margin-block-start:var(--oc-space-3)}
.oc-home__faq-answer-inner a{color:var(--ocb-primary);text-decoration:underline;text-underline-offset:2px}
.oc-home__faq-answer-inner ul,
.oc-home__faq-answer-inner ol{margin:0;padding-inline-start:var(--oc-space-6)}
.oc-home__faq-answer-inner li + li{margin-block-start:var(--oc-space-2)}
@media (max-width:575px){.oc-home__faq-answer-inner{margin-inline:var(--oc-space-4);padding:var(--oc-space-4)}}
.oc-home__faq-group{border-block-end:1px solid var(--ocb-border)}
.oc-home__faq-group:last-child{border-block-end:0}
.oc-home__faq-group-title{margin:0;padding:var(--oc-space-5) var(--oc-space-5) var(--oc-space-3);font-size:var(--oc-font-size-h4);font-weight:800;line-height:var(--oc-line-height-heading);letter-spacing:0.01em;color:var(--ocb-secondary);text-align:start;background-color:var(--ocb-surface-muted);border-block-end:1px solid var(--ocb-border)}
.oc-home__faq-group-list{counter-reset:oc-faq}
.oc-home__faq-more{padding:var(--oc-space-5);text-align:center;background-color:var(--ocb-surface-muted);border-block-start:1px solid var(--ocb-border)}
.oc-home__collection-grid{row-gap:var(--oc-space-5)}
@media (min-width:992px){.oc-home__collection-grid{row-gap:var(--oc-space-6)}}
.oc-home .home-sliders-js-handler .course-slider,
.oc-home .home-sliders-js-handler .chapter-slider,
.oc-home .home-sliders-js-handler .product-slider{margin-inline:calc(var(--oc-space-2) * -1)}
.oc-home .home-sliders-js-handler .slick-list{padding-block:var(--oc-space-2)}
.oc-home .home-sliders-js-handler .slide{padding-inline:var(--oc-space-2)}
.oc-home .course-slider .pre-slide,
.oc-home .chapter-slider .pre-slide,
.oc-home .product-slider .pre-slide,
.oc-home .course-slider .next-slide,
.oc-home .chapter-slider .next-slide,
.oc-home .product-slider .next-slide{display:flex;align-items:center;justify-content:center;width:44px;height:44px;top:42%;border-radius:var(--oc-radius-pill);background:var(--ocb-surface);border:1px solid var(--ocb-border-strong);box-shadow:var(--ocb-shadow-md);opacity:1;transition:border-color var(--oc-transition-fast),background-color var(--oc-transition-fast),transform var(--oc-transition-fast)}
.oc-home .course-slider .pre-slide:hover,
.oc-home .chapter-slider .pre-slide:hover,
.oc-home .product-slider .pre-slide:hover,
.oc-home .course-slider .next-slide:hover,
.oc-home .chapter-slider .next-slide:hover,
.oc-home .product-slider .next-slide:hover{opacity:1;border-color:var(--ocb-primary);background:var(--ocb-primary)}
.oc-home .course-slider .pre-slide i,
.oc-home .chapter-slider .pre-slide i,
.oc-home .product-slider .pre-slide i,
.oc-home .course-slider .next-slide i,
.oc-home .chapter-slider .next-slide i,
.oc-home .product-slider .next-slide i{position:static;width:10px;height:10px;border-color:var(--ocb-primary);border-width:2.5px;transition:border-color var(--oc-transition-fast)}
.oc-home .course-slider .pre-slide:hover i,
.oc-home .chapter-slider .pre-slide:hover i,
.oc-home .product-slider .pre-slide:hover i,
.oc-home .course-slider .next-slide:hover i,
.oc-home .chapter-slider .next-slide:hover i,
.oc-home .product-slider .next-slide:hover i{border-color:#fff}
.oc-home .course-slider .pre-slide:focus-visible,
.oc-home .chapter-slider .pre-slide:focus-visible,
.oc-home .product-slider .pre-slide:focus-visible,
.oc-home .course-slider .next-slide:focus-visible,
.oc-home .chapter-slider .next-slide:focus-visible,
.oc-home .product-slider .next-slide:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
.oc-home .course-slider .pre-slide i,
.oc-home .chapter-slider .pre-slide i,
.oc-home .product-slider .pre-slide i{border-left-color:var(--ocb-primary);border-top-color:var(--ocb-primary);margin-inline-start:3px}
.oc-home .course-slider .next-slide i,
.oc-home .chapter-slider .next-slide i,
.oc-home .product-slider .next-slide i{border-right-color:var(--ocb-primary);border-top-color:var(--ocb-primary);margin-inline-end:3px}
.oc-home .course-slider .pre-slide:hover i,
.oc-home .chapter-slider .pre-slide:hover i,
.oc-home .product-slider .pre-slide:hover i,
.oc-home .course-slider .next-slide:hover i,
.oc-home .chapter-slider .next-slide:hover i,
.oc-home .product-slider .next-slide:hover i{border-color:#fff}
.free-chapter-files{background:var(--ocb-gradient-deep);color:var(--ocb-text-inverse);padding-bottom:0}
.free-chapter-files .sub-title,
.free-chapter-files .oc-home__section-title{color:var(--ocb-text-inverse);font-weight:800}
.free-chapter-files .oc-home__section-rule{background-color:var(--ocb-accent)}
.oc-home__showcase-grid{row-gap:var(--oc-space-6)}
.oc-home__showcase-player{position:relative;border-radius:var(--oc-radius-lg);overflow:hidden;background-color:#000;border:1px solid var(--ocb-border-inverse);box-shadow:var(--ocb-shadow-lg)}
.oc-home__showcase-player::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;z-index:1;background:linear-gradient(90deg,var(--ocb-accent) 0%,rgba(244,185,66,0) 70%)}
.oc-home__showcase-player video{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:1.77777778;background-color:#000}
.oc-home__showcase-list{counter-reset:oc-lesson;display:flex;flex-direction:column;gap:var(--oc-space-2)}
@media (min-width:992px){.oc-home__showcase-list{max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.28) transparent}.oc-home__showcase-list::-webkit-scrollbar{width:6px}.oc-home__showcase-list::-webkit-scrollbar-track{background:transparent}.oc-home__showcase-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.28);border-radius:var(--oc-radius-pill)}}
.free-chapter-files .video-card{position:relative;counter-increment:oc-lesson;display:flex;align-items:center;gap:var(--oc-space-3);width:100%;min-height:44px;margin:0;padding:var(--oc-space-2);padding-inline-start:var(--oc-space-4);border:1px solid transparent;border-radius:var(--oc-radius-md);background-color:rgba(255,255,255,0.06);color:var(--ocb-text-inverse-muted);font-family:inherit;text-align:start;cursor:pointer;transition:background-color var(--oc-transition-fast),border-color var(--oc-transition-fast)}
.free-chapter-files .video-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background-color:transparent;border-radius:var(--oc-radius-pill);inset-block:var(--oc-space-2);inset-inline-start:var(--oc-space-1);transition:background-color var(--oc-transition-fast)}
.free-chapter-files .video-card:hover{background-color:rgba(255,255,255,0.11);border-color:rgba(255,255,255,0.18)}
.free-chapter-files .video-card.active{background-color:rgba(244,185,66,0.14);border-color:var(--ocb-accent);color:var(--ocb-text-inverse)}
.free-chapter-files .video-card.active::before{background-color:var(--ocb-accent)}
.free-chapter-files .video-card:focus-visible{outline:3px solid var(--ocb-focus-inverse);outline-offset:2px;box-shadow:0 0 0 6px rgba(24,43,73,0.55)}
.oc-home__showcase-item-index{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;font-size:var(--oc-font-size-small);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--ocb-text-muted);letter-spacing:0.02em;min-width:1.75rem;color:rgba(255,255,255,0.62);transition:color var(--oc-transition-fast)}
.oc-home__showcase-item-index::before{content:counter(oc-lesson,decimal-leading-zero)}
.free-chapter-files .video-card.active .oc-home__showcase-item-index{color:var(--ocb-accent)}
.oc-home__showcase-item-thumb{position:relative;flex:none;display:block;width:104px;height:60px;border-radius:var(--oc-radius-sm);overflow:hidden;background-color:rgba(255,255,255,0.08)}
.free-chapter-files .video-card .cover{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}
.oc-home__showcase-item-state{position:absolute;inset-block-end:4px;inset-inline-end:4px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--oc-radius-pill);background-color:rgba(24,43,73,0.82);border:1px solid var(--ocb-border-inverse-strong)}
.oc-home__showcase-item-state::before{content:"";width:0;height:0;margin-inline-start:2px;border-block:5px solid transparent;border-inline-start:8px solid #fff}
.oc-home__showcase-item-state::after{content:"";display:none}
.free-chapter-files .video-card.active .oc-home__showcase-item-state{background-color:var(--ocb-accent);border-color:var(--ocb-accent)}
.free-chapter-files .video-card.active .oc-home__showcase-item-state::before{display:none}
.free-chapter-files .video-card.active .oc-home__showcase-item-state::after{display:block;width:10px;height:11px;background-image:linear-gradient(to right,var(--ocb-accent-contrast) 0 3px,transparent 3px 7px,var(--ocb-accent-contrast) 7px 10px)}
.oc-home__showcase-item-body{display:flex;flex-direction:column;gap:var(--oc-space-1);min-width:0;flex:1 1 auto}
.oc-home__showcase-item-title{font-size:0.95rem;font-weight:600;line-height:1.5;color:inherit;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.oc-home__showcase-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--oc-space-1) var(--oc-space-2);min-width:0}
.oc-home__showcase-item-chapter{min-width:0;max-width:100%;font-size:0.78rem;font-weight:500;line-height:1.4;color:rgba(255,255,255,0.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oc-home__showcase-item-chapter::after{content:"";display:inline-block;width:3px;height:3px;margin-inline-start:var(--oc-space-2);vertical-align:middle;border-radius:50%;background-color:rgba(255,255,255,0.42)}
.free-chapter-files .video-card .duration{display:block;margin:0;font-size:0.78rem;font-weight:400;line-height:1.4;font-variant-numeric:tabular-nums;text-align:start;direction:ltr;color:rgba(255,255,255,0.72)}
.oc-home__showcase-progress{position:relative;width:100%;height:4px;border-radius:var(--oc-radius-pill);background-color:var(--ocb-track-inverse);overflow:hidden;display:block;margin-block-start:var(--oc-space-1)}
.oc-home__showcase-progress::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--oc-progress,0%);background-color:var(--ocb-accent);border-radius:inherit}
.oc-home__showcase-footer{margin-block-start:var(--oc-space-8);text-align:center}
.oc-home__cta--on-dark{background-color:var(--ocb-primary-hover);border:1px solid var(--ocb-border-inverse-strong);color:var(--ocb-primary-contrast);box-shadow:0 8px 24px rgba(0,0,0,0.32)}
.oc-home__cta--on-dark:hover{background-color:var(--ocb-primary);border-color:var(--ocb-accent);color:var(--ocb-primary-contrast);transform:translateY(-2px)}
.oc-home__cta--on-dark:active{background-color:var(--ocb-primary-active);transform:translateY(0)}
.oc-home__cta--on-dark:focus-visible{outline:3px solid var(--ocb-focus-inverse);outline-offset:2px;box-shadow:0 0 0 6px rgba(24,43,73,0.55)}
.oc-home__quick-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--oc-space-3);padding:var(--oc-space-4);border-radius:var(--oc-radius-lg)}
.oc-home__quick-item{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:140px;min-height:44px;padding:var(--oc-space-3);border-radius:var(--oc-radius-md);color:inherit;text-decoration:none;transition:transform var(--oc-transition-fast),box-shadow var(--oc-transition-normal)}
@media (max-width:767px){.oc-home__quick-item{width:calc(50% - var(--oc-space-3)) !important}}
@media (max-width:575px){.oc-home__quick-item{width:100% !important}}
.oc-home__quick-item:hover{transform:translateY(-2px);box-shadow:var(--ocb-shadow-md)}
.oc-home__quick-item:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
.oc-home__quick-item-title{text-align:center;line-height:1.5}
.oc-home__quick-item-icon{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}
.oc-home__quick-item-icon img{display:block;max-width:100%;max-height:100%;width:auto;object-fit:contain}
@media (prefers-reduced-motion:reduce){.oc-home .pre-slide,.oc-home .next-slide,.oc-home__quick-item,.free-chapter-files .video-card{transition:none}}
#header .oc-header .oc-header__skip{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:6000;transform:translateY(-150%);display:inline-flex;align-items:center;min-height:44px;margin:var(--oc-space-2);padding:0 var(--oc-space-5);border-radius:var(--oc-radius-pill);background-color:var(--ocb-primary);color:var(--ocb-primary-contrast);font-size:var(--oc-font-size-small);font-weight:700;text-decoration:none;transition:transform var(--oc-transition-fast)}
#header .oc-header .oc-header__skip:focus{transform:translateY(0);color:var(--ocb-primary-contrast)}
#header .oc-header .oc-header__skip:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header .oc-header__bar{position:relative;height:65px;background-color:var(--ocb-surface);background-color:rgba(255,255,255,0.88);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-block-end:1px solid var(--ocb-border);box-shadow:var(--ocb-shadow-xs)}
@media (min-width:1200px){#header .oc-header .oc-header__bar{height:85px;border-block-start:0}}
#header .oc-header .oc-header__bar::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--ocb-gradient-primary);opacity:0.9}
#header .oc-header .oc-header__inner{position:relative;display:flex;align-items:center;gap:var(--oc-space-3);height:100%}
@media (min-width:1200px){#header .oc-header .oc-header__inner{gap:var(--oc-space-5)}}
#header .oc-header .oc-header__logo{display:inline-flex;align-items:center;flex:none;margin:0;margin-inline-start:42px;border-radius:var(--oc-radius-md)}
#header .oc-header .oc-header__logo img{display:block;width:auto;height:40px;max-height:40px;object-fit:contain}
@media (min-width:768px){#header .oc-header .oc-header__logo{margin-inline-start:52px}#header .oc-header .oc-header__logo img{height:46px;max-height:46px}}
@media (min-width:1200px){#header .oc-header .oc-header__logo{margin-inline-start:0}#header .oc-header .oc-header__logo img{height:58px;max-height:58px}}
#header .oc-header .oc-header__logo:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header .oc-header__wordmark{display:inline-block;font-size:clamp(1.05rem,0.9rem + 0.6vw,1.4rem);font-weight:800;line-height:1.2;letter-spacing:-0.01em;color:var(--ocb-primary);white-space:nowrap}
#header .oc-header #side-navigation .oc-header__wordmark{font-size:1.25rem}
#header .oc-header #width-navigation{display:none;flex:1 1 auto;min-width:0;align-items:center;gap:var(--oc-space-1);padding:0;margin:0;text-align:start}
@media (min-width:1200px){#header .oc-header #width-navigation{display:flex}}
#header .oc-header #width-navigation>a,
#header .oc-header #width-navigation>.dropdown>a{position:relative;display:inline-flex;align-items:center;height:44px;padding:0 var(--oc-space-3);border-radius:var(--oc-radius-md);font-size:0.975rem;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--ocb-text);text-decoration:none;transition:color var(--oc-transition-fast),background-color var(--oc-transition-fast)}
#header .oc-header #width-navigation>a:hover,
#header .oc-header #width-navigation>.dropdown>a:hover{color:var(--ocb-primary);background-color:var(--ocb-primary-soft)}
#header .oc-header #width-navigation>a.active,
#header .oc-header #width-navigation>.dropdown>a.active,
#header .oc-header #width-navigation>a.child-active,
#header .oc-header #width-navigation>.dropdown>a.child-active{color:var(--ocb-primary)}
#header .oc-header #width-navigation>a.active::after,
#header .oc-header #width-navigation>.dropdown>a.active::after,
#header .oc-header #width-navigation>a.child-active::after,
#header .oc-header #width-navigation>.dropdown>a.child-active::after{content:"";position:absolute;inset-inline:var(--oc-space-3);inset-block-end:6px;height:3px;border-radius:var(--oc-radius-pill);background-color:var(--ocb-accent)}
#header .oc-header #width-navigation>a:focus-visible,
#header .oc-header #width-navigation>.dropdown>a:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header #width-navigation .dropdown{display:inline-flex}
#header .oc-header #width-navigation .dropdown-toggle::after{margin-inline-start:var(--oc-space-2);margin-inline-end:0;vertical-align:middle}
#header .oc-header #width-navigation .dropdown-menu{top:0 !important;margin-block-start:var(--oc-space-2);padding:var(--oc-space-2);border:1px solid var(--ocb-border);border-radius:var(--oc-radius-lg);background-color:var(--ocb-surface);box-shadow:var(--ocb-shadow-lg)}
#header .oc-header #width-navigation .dropdown-menu .dropdown-item{min-height:40px;display:flex;align-items:center;padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-sm);font-size:0.9rem;font-weight:500;color:var(--ocb-text);text-align:start}
#header .oc-header #width-navigation .dropdown-menu .dropdown-item:hover,
#header .oc-header #width-navigation .dropdown-menu .dropdown-item:focus{color:var(--ocb-primary);background-color:var(--ocb-primary-soft)}
#header .oc-header #width-navigation .dropdown-menu .dropdown-item.active,
#header .oc-header #width-navigation .dropdown-menu .dropdown-item.child-active{color:var(--ocb-primary);background-color:var(--ocb-primary-soft);font-weight:700}
#header .oc-header #width-navigation .dropdown-menu .dropdown-item:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header .oc-header__actions{display:flex;align-items:center;gap:var(--oc-space-2);margin-inline-start:auto;flex:none}
@media (min-width:1200px){#header .oc-header .oc-header__actions{gap:var(--oc-space-3)}}
#header .oc-header .placement-test-button,
#header .oc-header .user-panel-button,
#header .oc-header .login{position:static;inset:auto;float:none;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-space-2);min-height:44px;padding:0 var(--oc-space-4);border-radius:var(--oc-radius-pill);font-size:0.9rem;font-weight:700;line-height:1.2;white-space:nowrap;text-align:center;text-decoration:none;transition:background-color var(--oc-transition-fast),border-color var(--oc-transition-fast),color var(--oc-transition-fast),box-shadow var(--oc-transition-normal),transform var(--oc-transition-fast)}
#header .oc-header .placement-test-button:focus-visible,
#header .oc-header .user-panel-button:focus-visible,
#header .oc-header .login:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header .placement-test-button{display:inline-flex;border:1px solid var(--ocb-primary);background-color:var(--ocb-primary);color:var(--ocb-primary-contrast);box-shadow:0 2px 10px var(--ocb-primary-ring)}
#header .oc-header .placement-test-button:hover,
#header .oc-header .placement-test-button:focus{background-color:var(--ocb-primary-hover);border-color:var(--ocb-primary-hover);color:var(--ocb-primary-contrast);transform:translateY(-1px);box-shadow:0 6px 18px var(--ocb-primary-ring)}
#header .oc-header .placement-test-button:active{background-color:var(--ocb-primary-active);border-color:var(--ocb-primary-active);transform:translateY(0)}
#header .oc-header .user-panel-button,
#header .oc-header .login{border:1px solid var(--ocb-border-strong);background-color:var(--ocb-surface);color:var(--ocb-text)}
#header .oc-header .user-panel-button i,
#header .oc-header .login i{color:var(--ocb-primary);font-size:0.85em}
#header .oc-header .user-panel-button:hover,
#header .oc-header .login:hover,
#header .oc-header .user-panel-button:focus,
#header .oc-header .login:focus{border-color:var(--ocb-primary);color:var(--ocb-primary);background-color:var(--ocb-primary-soft)}
#header .oc-header .user-panel-button,
#header .oc-header .login{display:none}
@media (min-width:1200px){#header .oc-header .user-panel-button,#header .oc-header .login{display:inline-flex}}
@media (max-width:1199px){#header .oc-header .placement-test-button{min-height:44px;padding:0 var(--oc-space-3);font-size:0.8rem}}
#header .oc-header .oc-locale-picker{display:inline-flex;align-items:center;gap:var(--oc-space-2);margin-inline:0}
#header .oc-header .oc-locale-picker__label{display:none}
@media (min-width:1450px){#header .oc-header .oc-locale-picker__label{display:inline;font-size:0.8rem;font-weight:600;color:var(--ocb-text-muted);opacity:1}}
#header .oc-header .oc-locale-picker__list{gap:2px;padding:3px;border-radius:var(--oc-radius-pill);background-color:var(--ocb-surface-muted);border:1px solid var(--ocb-border)}
#header .oc-header .oc-locale-picker__item{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 var(--oc-space-3);border:0;border-radius:var(--oc-radius-pill);font-size:0.8rem;font-weight:600;line-height:1;color:var(--ocb-text-muted);transition:color var(--oc-transition-fast),background-color var(--oc-transition-fast)}
#header .oc-header a.oc-locale-picker__item:hover,
#header .oc-header a.oc-locale-picker__item:focus{border-color:transparent;color:var(--ocb-primary);background-color:var(--ocb-primary-soft)}
#header .oc-header a.oc-locale-picker__item:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header .oc-locale-picker__item.is-active{border-color:transparent;color:var(--ocb-primary);background-color:var(--ocb-surface);font-weight:700;box-shadow:var(--ocb-shadow-xs)}
@media (max-width:767px){#header .oc-header .oc-locale-picker__list{padding:0;background-color:transparent;border:0}#header .oc-header .oc-locale-picker__item.is-active{display:none}#header .oc-header a.oc-locale-picker__item{min-height:44px;padding:0 var(--oc-space-3);border:1px solid var(--ocb-border-strong);background-color:var(--ocb-surface);font-size:0.78rem}}
#header .oc-header .hamburger{right:auto;left:auto;inset-block-start:10px;inset-inline-start:14px;inset-inline-end:auto;display:flex;flex-direction:column;justify-content:center;width:44px;height:44px;padding:0;border-radius:var(--oc-radius-md);background-color:var(--ocb-surface);border:1px solid var(--ocb-border);box-shadow:var(--ocb-shadow-xs);transition:background-color var(--oc-transition-fast),border-color var(--oc-transition-fast)}
@media (min-width:1200px){#header .oc-header .hamburger{display:none}}
#header .oc-header .hamburger:hover{border-color:var(--ocb-primary)}
#header .oc-header .hamburger:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header .hamburger .line{width:20px;height:2px;margin:3px auto;border-radius:var(--oc-radius-pill);background-color:var(--ocb-primary)}
#header .oc-header .hamburger.is-active{border-color:var(--ocb-primary)}
#header .oc-header .hamburger.is-active .line:nth-child(1){transform:translateY(5px) rotate(-45deg)}
#header .oc-header .hamburger.is-active .line:nth-child(2){width:0}
#header .oc-header .hamburger.is-active .line:nth-child(3){transform:translateY(-5px) rotate(45deg)}
#header .oc-header #side-navigation nav{right:auto;left:auto;inset-inline-start:0;inset-inline-end:auto;width:340px;max-width:88vw;padding:calc(65px + var(--oc-space-6)) var(--oc-space-5) var(--oc-space-8);background-color:var(--ocb-surface);border-inline-end:1px solid var(--ocb-border);box-shadow:none;transform:translateX(-100%);visibility:hidden;transition:transform var(--oc-transition-normal),box-shadow var(--oc-transition-normal),visibility 0s linear 240ms}
@media (max-width:499px){#header .oc-header #side-navigation nav{right:auto;left:auto;inset-inline-start:0;width:340px;max-width:88vw}}
@media (min-width:500px){#header .oc-header #side-navigation nav{right:auto;left:auto;inset-inline-start:0;width:340px}}
#header .oc-header #side-navigation nav::-webkit-scrollbar{width:6px}
#header .oc-header #side-navigation nav::-webkit-scrollbar-track{background:var(--ocb-surface-muted)}
#header .oc-header #side-navigation nav::-webkit-scrollbar-thumb{background:var(--ocb-border-strong);border-radius:var(--oc-radius-pill)}
#header .oc-header #side-navigation nav.is-active{transform:translateX(0);visibility:visible;box-shadow:0 0 0 100vmax rgba(24,43,73,0.55);transition:transform var(--oc-transition-normal),box-shadow var(--oc-transition-normal),visibility 0s}
#header .oc-header #side-navigation .logo{width:auto;margin:0 0 var(--oc-space-6);display:block}
#header .oc-header #side-navigation .logo img{width:auto;height:52px;max-height:52px;object-fit:contain}
#header .oc-header #side-navigation .logo:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header #side-navigation .nav-link{display:flex;align-items:center;min-height:48px;margin:0;padding:var(--oc-space-2) var(--oc-space-3);border-radius:var(--oc-radius-md);font-size:1rem;font-weight:600;color:var(--ocb-text);text-align:start;transition:color var(--oc-transition-fast),background-color var(--oc-transition-fast)}
#header .oc-header #side-navigation .nav-link:hover,
#header .oc-header #side-navigation .nav-link.active,
#header .oc-header #side-navigation .nav-link.child-active{color:var(--ocb-primary);background-color:var(--ocb-primary-soft)}
#header .oc-header #side-navigation .nav-link:focus-visible{outline:3px solid var(--ocb-focus);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,0.85)}
#header .oc-header #side-navigation .collapse .nav-link,
#header .oc-header #side-navigation .collapsing .nav-link{min-height:42px;padding-inline-start:var(--oc-space-6);font-size:0.925rem;font-weight:500;color:var(--ocb-text-muted)}
#header .oc-header #side-navigation .oc-header__drawer-cta{justify-content:center;margin-block-end:var(--oc-space-5);border:1px solid var(--ocb-primary);background-color:var(--ocb-primary);color:var(--ocb-primary-contrast);font-weight:700}
#header .oc-header #side-navigation .oc-header__drawer-cta:hover{background-color:var(--ocb-primary-hover);border-color:var(--ocb-primary-hover);color:var(--ocb-primary-contrast)}
#header .oc-header #side-navigation div{font-size:inherit}
@media (prefers-reduced-motion:reduce){#header .oc-header .hamburger .line{transition:none}#header .oc-header #side-navigation nav,#header .oc-header #side-navigation nav.is-active{transition:visibility 0s}}
#footer:has(>.oc-footer){margin-top:0;border-top:0}
#footer .oc-footer{position:relative;display:block;color:var(--ocb-text-inverse);background:var(--ocb-gradient-deep)}
#footer .oc-footer::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--ocb-primary) 0%,var(--ocb-accent) 55%,var(--ocb-primary) 100%);opacity:0.85}
#footer .oc-footer .oc-footer__main{padding-block:var(--oc-space-12) var(--oc-space-8)}
@media (min-width:992px){#footer .oc-footer .oc-footer__main{padding-block:var(--oc-space-16) var(--oc-space-10)}}
#footer .oc-footer .oc-footer__bento{display:grid;grid-template-columns:1fr;gap:var(--oc-space-4)}
@media (min-width:768px){#footer .oc-footer .oc-footer__bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oc-space-5)}}
@media (min-width:992px){#footer .oc-footer .oc-footer__bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--oc-space-5);align-items:start}}
#footer .oc-footer .oc-footer__cell{position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--oc-space-6) var(--oc-space-6) var(--oc-space-6) var(--oc-space-6);padding-inline-start:var(--oc-space-7);background-color:rgba(255,255,255,0.045);border:1px solid var(--ocb-border-inverse);border-radius:var(--oc-radius-lg);transition:border-color var(--oc-transition-fast),background-color var(--oc-transition-fast)}
#footer .oc-footer .oc-footer__cell:hover{background-color:rgba(255,255,255,0.07000000000000001);border-color:rgba(244,185,66,0.35)}
#footer .oc-footer .oc-footer__cell-spine{position:absolute;inset-block:var(--oc-space-6);inset-inline-start:var(--oc-space-4);width:2px;border-radius:var(--oc-radius-pill);background-color:var(--ocb-border-inverse)}
#footer .oc-footer .oc-footer__cell-spine::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:2px;height:26px;border-radius:var(--oc-radius-pill);background-color:var(--ocb-accent)}
@media (min-width:768px){#footer .oc-footer .oc-footer__cell--about{grid-column:span 2}}
@media (min-width:992px){#footer .oc-footer .oc-footer__cell--about{grid-column-start:1;grid-column-end:3;grid-row-start:1}}
@media (min-width:992px){#footer .oc-footer .oc-footer__cell--links{grid-column-start:3;grid-row-start:1;grid-row-end:3;align-self:stretch}}
@media (min-width:992px){#footer .oc-footer .oc-footer__cell--contact{grid-column-start:1;grid-row-start:2}}
@media (min-width:992px){#footer .oc-footer .oc-footer__cell--address{grid-column-start:2;grid-row-start:2}}
@media (min-width:992px){#footer .oc-footer .oc-footer__cell--contact:last-child{grid-column-end:3}}
#footer .oc-footer h3,
#footer .oc-footer .oc-footer__heading{position:relative;margin:0 0 var(--oc-space-5);padding-block-end:var(--oc-space-3);font-size:1.05rem;font-weight:800;line-height:var(--oc-line-height-heading);letter-spacing:0.01em;color:var(--ocb-text-inverse);text-align:start}
#footer .oc-footer h3::after,
#footer .oc-footer .oc-footer__heading::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:40px;height:3px;border-radius:var(--oc-radius-pill);background-color:var(--ocb-accent)}
#footer .oc-footer .oc-footer__cell--about .oc-footer__heading{font-size:var(--oc-font-size-h3)}
#footer .oc-footer .oc-footer__cell--about .oc-footer__heading::after{width:56px}
#footer .oc-footer #footer-right-content{padding-block-start:0;margin:0;max-width:100ch;font-size:0.98rem;line-height:2.15rem;text-align:start;color:var(--ocb-text-inverse-muted);max-height:calc((2.15rem * 8));overflow:hidden;transition:max-height var(--oc-transition-normal)}
#footer .oc-footer #footer-right-content.open{max-height:none}
#footer .oc-footer #footer-right-content-btn{align-items:center;align-self:flex-start;min-height:44px;margin-block-start:var(--oc-space-4);padding:var(--oc-space-2) var(--oc-space-5);background:transparent;border:1px solid var(--ocb-border-inverse-strong);border-radius:var(--oc-radius-pill);font-size:0.85rem;font-weight:700;line-height:1.4;color:var(--ocb-accent);cursor:pointer;transition:border-color var(--oc-transition-fast),background-color var(--oc-transition-fast)}
#footer .oc-footer #footer-right-content-btn:hover{border-color:var(--ocb-accent);background-color:rgba(244,185,66,0.12)}
#footer .oc-footer nav,
#footer .oc-footer .oc-footer__links{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;padding-block-end:0}
#footer .oc-footer nav a,
#footer .oc-footer .oc-footer__links a{position:relative;display:flex;align-items:center;min-height:44px;padding:var(--oc-space-1) 0;font-size:0.95rem;font-weight:500;color:var(--ocb-text-inverse-muted);text-align:start;text-decoration:none;border-block-end:1px solid var(--ocb-border-inverse);transition:color var(--oc-transition-fast),padding-inline-start var(--oc-transition-fast),border-color var(--oc-transition-fast)}
#footer .oc-footer nav a:last-child,
#footer .oc-footer .oc-footer__links a:last-child{border-block-end:0}
#footer .oc-footer nav a:hover,
#footer .oc-footer .oc-footer__links a:hover{color:var(--ocb-accent);padding-inline-start:var(--oc-space-2);border-block-end-color:rgba(244,185,66,0.45)}
#footer .oc-footer nav a:focus-visible,
#footer .oc-footer .oc-footer__links a:focus-visible{outline:3px solid var(--ocb-focus-inverse);outline-offset:2px;box-shadow:0 0 0 6px rgba(24,43,73,0.55)}
#footer .oc-footer .contact-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--oc-space-1);margin:0 0 var(--oc-space-4);padding:0;border:0;border-radius:0;background-color:transparent;text-align:start}
#footer .oc-footer .contact-item:last-of-type{margin-block-end:0}
#footer .oc-footer .contact-item .label{flex:none;margin:0;font-size:0.75rem;font-weight:600;line-height:1.5;letter-spacing:0.04em;text-transform:uppercase;color:var(--ocb-text-inverse-muted)}
#footer .oc-footer .contact-item .value{flex:0 1 auto;display:flex;align-items:center;gap:var(--oc-space-2);padding:0;border-radius:0;background-color:transparent;direction:ltr;color:var(--ocb-text-inverse)}
#footer .oc-footer .contact-item .value .icon{flex:none;margin:0;width:1.05em;height:1.05em;font-size:1.05rem;color:var(--ocb-accent);fill:currentColor}
#footer .oc-footer .contact-item .value .text{margin:0;font-size:1rem;font-weight:600;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
#footer .oc-footer .oc-footer__address{margin:0;font-size:0.95rem;line-height:var(--oc-line-height-body);color:var(--ocb-text-inverse-muted);text-align:start;overflow-wrap:anywhere}
#footer .oc-footer .oc-footer__address p{margin:0}
#footer .oc-footer .oc-footer__address>* + *{margin-block-start:var(--oc-space-2)}
#footer .oc-footer .oc-footer__badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--oc-space-4);margin-block-start:var(--oc-space-6);padding:var(--oc-space-4);border:1px solid var(--ocb-border-inverse);border-radius:var(--oc-radius-lg);background-color:rgba(255,255,255,0.045)}
#footer .oc-footer .oc-footer__badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--oc-space-2);border-radius:var(--oc-radius-md);background-color:#fff}
#footer .oc-footer .oc-footer__badge img{display:block;height:84px;width:auto;max-width:100%;padding:0}
#footer .oc-footer .copy-right{padding-block:var(--oc-space-5);font-size:0.875rem;font-weight:400;line-height:1.8;background-color:rgba(0,0,0,0.22);border-block-start:1px solid var(--ocb-border-inverse);color:var(--ocb-text-inverse-muted)}
#footer .oc-footer .oc-footer__bar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--oc-space-4) var(--oc-space-6)}
#footer .oc-footer .oc-footer__social{display:flex;align-items:center;flex-wrap:wrap;gap:var(--oc-space-2) var(--oc-space-3);padding-block-end:0;text-align:start}
@media (max-width:991px){#footer .oc-footer .oc-footer__social{flex:1 1 100%;justify-content:center}}
#footer .oc-footer .oc-footer__social .oc-footer__social-label{margin:0;font-size:0.75rem;font-weight:600;line-height:1.4;letter-spacing:0.04em;text-transform:uppercase;color:var(--ocb-text-inverse-muted)}
#footer .oc-footer .oc-footer__social .oc-footer__social-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--oc-space-2);font-size:inherit}
#footer .oc-footer .oc-footer__social .oc-footer__social-list .oc-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--oc-radius-pill);border:1px solid var(--ocb-border-inverse-strong);background-color:rgba(255,255,255,0.06);font-size:0;transition:border-color var(--oc-transition-fast),background-color var(--oc-transition-fast),transform var(--oc-transition-fast)}
#footer .oc-footer .oc-footer__social .oc-footer__social-list .oc-footer__social-link img{width:22px;height:22px;margin:0;object-fit:contain}
#footer .oc-footer .oc-footer__social .oc-footer__social-list .oc-footer__social-link:hover{border-color:var(--ocb-accent);background-color:rgba(244,185,66,0.14);transform:translateY(-2px)}
#footer .oc-footer .oc-footer__social .oc-footer__social-list .oc-footer__social-link:focus-visible{outline:3px solid var(--ocb-focus-inverse);outline-offset:2px;box-shadow:0 0 0 6px rgba(24,43,73,0.55)}
#footer .oc-footer .oc-footer__copy{font-size:0.85rem;color:var(--ocb-text-inverse-muted);text-align:end}
@media (max-width:991px){#footer .oc-footer .oc-footer__copy{flex:1 1 100%;text-align:center}}
#footer .oc-footer .oc-footer__copy a{color:var(--ocb-accent)}
@media (prefers-reduced-motion:reduce){#footer .oc-footer #footer-right-content,#footer .oc-footer .oc-footer__cell,#footer .oc-footer .oc-footer__social-link,#footer .oc-footer .oc-footer__links a{transition:none}#footer .oc-footer .oc-footer__social-link:hover{transform:none}}
:root{--oc-color-primary:#4C2A85;--oc-color-accent:#F4B942;--oc-color-background:#FBF9FF;--oc-color-text:#1F2937;--oc-color-surface:#FFF;--oc-color-border:#E5E5E5;--oc-color-surface-muted:#E9ECEF;--oc-color-text-muted:#7B868A;--oc-color-primary-hover:#59319c;--oc-color-primary-active:#3a2066;--oc-color-primary-soft:rgba(76,42,133,0.12);--oc-color-secondary:#5b7c73;--oc-color-success:#1e9e6a;--oc-color-warning:#d9932b;--oc-color-danger:#d64545;--oc-color-info:#2f7db3;--oc-font-family:yekanbakh,sans-serif;--oc-font-size-display:2.25rem;--oc-font-size-h1:1.875rem;--oc-font-size-h2:1.5rem;--oc-font-size-h3:1.25rem;--oc-font-size-body:1rem;--oc-font-size-small:0.875rem;--oc-line-height-heading:1.45;--oc-line-height-body:1.9;--oc-space-1:0.25rem;--oc-space-2:0.5rem;--oc-space-3:0.75rem;--oc-space-4:1rem;--oc-space-5:1.25rem;--oc-space-6:1.5rem;--oc-space-8:2rem;--oc-space-10:2.5rem;--oc-space-12:3rem;--oc-space-16:4rem;--oc-radius-sm:8px;--oc-radius-md:12px;--oc-radius-lg:20px;--oc-radius-xl:28px;--oc-radius-pill:999px;--oc-shadow-sm:0 1px 2px rgba(16,24,40,0.04),0 1px 3px rgba(16,24,40,0.06);--oc-shadow-md:0 4px 12px rgba(16,24,40,0.08);--oc-shadow-lg:0 12px 32px rgba(16,24,40,0.12);--oc-container-sm:540px;--oc-container-md:720px;--oc-container-lg:960px;--oc-container-xl:1200px;--oc-transition-fast:120ms ease;--oc-transition-normal:240ms ease}
:root{--ocb-primary:#4C2A85;--ocb-primary-hover:#5E38A3;--ocb-primary-active:#3A1F68;--ocb-primary-contrast:#FFF;--ocb-primary-soft:rgba(76,42,133,0.08);--ocb-primary-softer:rgba(76,42,133,0.04);--ocb-primary-ring:rgba(76,42,133,0.28);--ocb-secondary:#182B49;--ocb-secondary-hover:#22395E;--ocb-secondary-contrast:#FFF;--ocb-secondary-soft:rgba(24,43,73,0.06);--ocb-accent:#F4B942;--ocb-accent-hover:#E5A92C;--ocb-accent-active:#D19A21;--ocb-accent-contrast:#1F2937;--ocb-accent-soft:rgba(244,185,66,0.16);--ocb-background:#FBF9FF;--ocb-surface:#FFF;--ocb-surface-elevated:#FFF;--ocb-surface-muted:#F4F0FB;--ocb-surface-inverse:#182B49;--ocb-text:#1F2937;--ocb-text-muted:#574E6B;--ocb-text-subtle:#6B6480;--ocb-text-inverse:#FFF;--ocb-text-inverse-muted:rgba(255,255,255,0.82);--ocb-border:#E7E1F2;--ocb-border-strong:#8478A0;--ocb-border-inverse:rgba(255,255,255,0.24);--ocb-border-inverse-strong:rgba(255,255,255,0.42);--ocb-track:#E7E1F2;--ocb-track-inverse:rgba(255,255,255,0.14);--ocb-gold-text:#8A5A00;--ocb-success:#0F7B5A;--ocb-success-soft:rgba(15,123,90,0.12);--ocb-warning:#8A5A00;--ocb-warning-soft:rgba(244,185,66,0.18);--ocb-info:#1F5FA8;--ocb-info-soft:rgba(31,95,168,0.1);--ocb-danger:#B3261E;--ocb-danger-soft:rgba(179,38,30,0.1);--ocb-focus:#4C2A85;--ocb-focus-inverse:#FFF;--ocb-shadow-xs:0 1px 2px rgba(76,42,133,0.06);--ocb-shadow-sm:0 2px 6px rgba(76,42,133,0.06),0 1px 2px rgba(76,42,133,0.04);--ocb-shadow-md:0 8px 24px rgba(76,42,133,0.08);--ocb-shadow-lg:0 14px 38px rgba(76,42,133,0.1);--ocb-shadow-xl:0 24px 60px rgba(76,42,133,0.13);--ocb-gradient-primary:linear-gradient(135deg,#4C2A85 0%,#6B3FB0 100%);--ocb-gradient-deep:linear-gradient(160deg,#182B49 0%,#2A1D52 55%,#3A1F68 100%)}
.oc-home,
.oc-header,
.oc-footer,
.oc-aexam,
.oc-panel__aside,
.oc-panel-profile{--oc-color-primary:var(--ocb-primary);--oc-color-primary-hover:var(--ocb-primary-hover);--oc-color-primary-active:var(--ocb-primary-active);--oc-color-primary-soft:var(--ocb-primary-soft);--oc-color-accent:var(--ocb-accent);--oc-color-secondary:var(--ocb-secondary);--oc-color-background:var(--ocb-background);--oc-color-text:var(--ocb-text);--oc-color-text-muted:var(--ocb-text-muted);--oc-color-surface:var(--ocb-surface);--oc-color-surface-muted:var(--ocb-surface-muted);--oc-color-border:var(--ocb-border);--oc-color-success:var(--ocb-success);--oc-color-warning:var(--ocb-warning);--oc-color-info:var(--ocb-info);--oc-color-danger:var(--ocb-danger);--oc-color-on-primary:var(--ocb-primary-contrast);--oc-color-on-accent:var(--ocb-accent-contrast);--oc-color-accent-hover:var(--ocb-accent-hover);--oc-color-accent-soft:var(--ocb-accent-soft);--oc-color-border-strong:var(--ocb-border-strong);--oc-color-surface-elevated:var(--ocb-surface-elevated);--oc-color-text-subtle:var(--ocb-text-subtle);--oc-color-text-inverse:var(--ocb-text-inverse);--oc-shadow-sm:var(--ocb-shadow-sm);--oc-shadow-md:var(--ocb-shadow-md);--oc-shadow-lg:var(--ocb-shadow-lg);--oc-font-size-display:clamp(1.75rem,1.3rem + 2.2vw,2.75rem);--oc-font-size-h1:clamp(1.5rem,1.2rem + 1.5vw,2.1875rem);--oc-font-size-h2:clamp(1.3rem,1.08rem + 1.1vw,1.75rem);--oc-font-size-h3:clamp(1.1rem,1.02rem + 0.4vw,1.375rem);--oc-font-size-h4:1.25rem;--oc-font-size-body-lg:1.1875rem;--oc-font-size-body:1.125rem;--oc-font-size-small:1rem;--oc-font-size-caption:0.875rem;--oc-measure:68ch;--oc-line-height-heading:1.35;--oc-line-height-body:1.75;--oc-space-7:1.75rem;--oc-transition-fast:180ms cubic-bezier(0.4,0,0.2,1);--oc-transition-normal:260ms cubic-bezier(0.4,0,0.2,1);--oc-transition-slow:340ms cubic-bezier(0.4,0,0.2,1);--oc-hover-scale:1.02;--oc-radius-xl:24px;--oc-section-gap:var(--oc-space-12)}
@media (min-width:992px){.oc-home,.oc-header,.oc-footer,.oc-aexam,.oc-panel__aside,.oc-panel-profile{--oc-section-gap:var(--oc-space-16)}}
.oc-join-dialog,
.oc-progress-modal,
.oc-pay-dialog{--oc-color-primary:var(--ocb-primary);--oc-color-primary-hover:var(--ocb-primary-hover);--oc-color-primary-active:var(--ocb-primary-active);--oc-color-primary-soft:var(--ocb-primary-soft);--oc-color-accent:var(--ocb-accent);--oc-color-secondary:var(--ocb-secondary);--oc-color-background:var(--ocb-background);--oc-color-text:var(--ocb-text);--oc-color-text-muted:var(--ocb-text-muted);--oc-color-surface:var(--ocb-surface);--oc-color-surface-muted:var(--ocb-surface-muted);--oc-color-border:var(--ocb-border);--oc-color-success:var(--ocb-success);--oc-color-warning:var(--ocb-warning);--oc-color-info:var(--ocb-info);--oc-color-danger:var(--ocb-danger);--oc-shadow-sm:var(--ocb-shadow-sm);--oc-shadow-md:var(--ocb-shadow-md);--oc-shadow-lg:var(--ocb-shadow-lg)}
.oc-container{width:100%;margin-inline:auto;padding-inline:var(--oc-space-4);max-width:var(--oc-container-xl)}
.oc-container-sm{max-width:var(--oc-container-sm)}
.oc-container-md{max-width:var(--oc-container-md)}
.oc-container-lg{max-width:var(--oc-container-lg)}
.oc-container-xl{max-width:var(--oc-container-xl)}
.oc-surface{background-color:var(--oc-color-surface);border-radius:var(--oc-radius-lg);box-shadow:var(--oc-shadow-sm)}
.oc-surface-muted{background-color:var(--oc-color-surface-muted)}
.oc-radius-sm{border-radius:var(--oc-radius-sm)}
.oc-radius-md{border-radius:var(--oc-radius-md)}
.oc-radius-lg{border-radius:var(--oc-radius-lg)}
.oc-radius-xl{border-radius:var(--oc-radius-xl)}
.oc-radius-pill{border-radius:var(--oc-radius-pill)}
.oc-shadow-sm{box-shadow:var(--oc-shadow-sm)}
.oc-shadow-md{box-shadow:var(--oc-shadow-md)}
.oc-shadow-lg{box-shadow:var(--oc-shadow-lg)}
.oc-text-display{font-family:var(--oc-font-family);font-size:var(--oc-font-size-display);line-height:var(--oc-line-height-heading);color:var(--oc-color-text)}
.oc-heading-1{font-family:var(--oc-font-family);font-size:var(--oc-font-size-h1);line-height:var(--oc-line-height-heading);color:var(--oc-color-text)}
.oc-heading-2{font-family:var(--oc-font-family);font-size:var(--oc-font-size-h2);line-height:var(--oc-line-height-heading);color:var(--oc-color-text)}
.oc-heading-3{font-family:var(--oc-font-family);font-size:var(--oc-font-size-h3);line-height:var(--oc-line-height-heading);color:var(--oc-color-text)}
.oc-text-body{font-family:var(--oc-font-family);font-size:var(--oc-font-size-body);line-height:var(--oc-line-height-body);color:var(--oc-color-text)}
.oc-text-small{font-size:var(--oc-font-size-small);line-height:var(--oc-line-height-body)}
.oc-text-muted{color:var(--oc-color-text-muted)}
.oc-text-start{text-align:start}
.oc-text-end{text-align:end}
.oc-text-center{text-align:center}
.oc-mt-2{margin-block-start:var(--oc-space-2)}
.oc-mt-4{margin-block-start:var(--oc-space-4)}
.oc-mt-6{margin-block-start:var(--oc-space-6)}
.oc-mt-8{margin-block-start:var(--oc-space-8)}
.oc-mb-2{margin-block-end:var(--oc-space-2)}
.oc-mb-4{margin-block-end:var(--oc-space-4)}
.oc-mb-6{margin-block-end:var(--oc-space-6)}
.oc-mb-8{margin-block-end:var(--oc-space-8)}
.oc-mis-4{margin-inline-start:var(--oc-space-4)}
.oc-mie-4{margin-inline-end:var(--oc-space-4)}
.oc-p-4{padding:var(--oc-space-4)}
.oc-p-6{padding:var(--oc-space-6)}
.oc-pi-4{padding-inline:var(--oc-space-4)}
.oc-pb-4{padding-block:var(--oc-space-4)}
.oc-transition{transition:all var(--oc-transition-normal)}
.oc-transition-fast{transition:all var(--oc-transition-fast)}
.oc-media-fluid{display:block;max-inline-size:100%;block-size:auto}
.oc-no-x-overflow{overflow-x:hidden}
.oc-visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:576px){.oc-container{max-width:var(--oc-container-sm)}}
@media (min-width:768px){.oc-container{max-width:var(--oc-container-md)}}
@media (min-width:992px){.oc-container{max-width:var(--oc-container-lg)}}
@media (min-width:1200px){.oc-container{max-width:var(--oc-container-xl)}}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{outline:2px solid var(--oc-color-primary);outline-offset:2px;border-radius:var(--oc-radius-sm)}
@media (prefers-reduced-motion:reduce){.oc-transition,.oc-transition-fast{transition:none}}
table.bt thead,
table.bt tbody th{display:none}table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td{border:none;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;vertical-align:top;float:left\9;width:100%\9}table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before{content:attr(data-th) ":";display:inline-block;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;font-weight:bold;width:6.5em}table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide{display:none}table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content{vertical-align:top}.bt-wrapper.active{max-height:310px;overflow:auto;-webkit-overflow-scrolling:touch}table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before{display:none}