@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/JetBrainsMono-Variable-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/JetBrainsMono-Variable-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/JetBrainsMono-Variable-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/JetBrainsMono-Variable-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/NunitoSans-Variable-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/NunitoSans-Variable-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/NunitoSans-Variable-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/NunitoSans-Variable-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Onest-Variable-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Onest-Variable-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Onest-Variable-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Onest-Variable-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body.learn-app-body{font-family:var(--font-body);background:var(--bg-light);color:var(--text-primary);font-size:var(--fs-body);min-height:100%;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:var(--secondary-text);transition:color var(--transition-fast);font-weight:600;text-decoration:none}a:hover{color:var(--secondary)}button,input,select,textarea{font-family:var(--font-body);font-size:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.an,.animate-in{animation:.5s both fadeUp}.d1,.delay-1{animation-delay:80ms}.d2,.delay-2{animation-delay:.16s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn-t{border-radius:var(--radius-lg);font-family:var(--font-body);background:var(--secondary-text);color:var(--white);transition:background var(--transition), box-shadow var(--transition), transform var(--transition);border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn-t:hover{background:var(--secondary);box-shadow:0 4px 14px rgba(var(--secondary-rgb), .3);color:var(--white);transform:translateY(-1px)}.btn-t--sm{font-size:var(--fs-small);border-radius:var(--radius-md);padding:8px 16px}.btn-t--md{padding:11px 24px;font-size:15px}.btn-t--lg{font-size:var(--fs-body);padding:14px 28px;font-weight:700}.btn-t--block{width:100%}.btn-t--ghost{background:var(--white);color:var(--primary);border:1px solid var(--border)}.btn-t--ghost:hover{background:var(--bg-light);color:var(--primary)}.btn-t--gold{background:var(--accent);color:var(--primary)}.btn-t--gold:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-rgb), .3);color:var(--primary)}.btn-t.completed{background:var(--success);cursor:default}.btn-t.completed:hover{background:var(--success);box-shadow:0 2px 8px rgba(var(--success-rgb), .25);transform:none}.pbar{background:var(--bg-subtle);border-radius:3px;height:6px;overflow:hidden}.pbar--lg{border-radius:4px;height:8px}.pbar--xs{height:5px}.pbar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--secondary), var(--secondary-light));height:100%;transition:width 1s}.pbar-fill--solid{background:var(--secondary);transition:width .8s}.pbar-fill--green{background:linear-gradient(90deg, var(--success), var(--success-text))}.pbar-fill--amber{background:linear-gradient(90deg, var(--accent), var(--accent-hover))}.avatar{background:linear-gradient(135deg, var(--secondary), var(--secondary-dark));width:44px;height:44px;font-family:var(--font-display);font-weight:700;font-size:var(--fs-body);color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar--sm{width:34px;height:34px;font-size:var(--fs-small)}.avatar--lg{width:52px;height:52px;font-size:var(--fs-h5);background:linear-gradient(135deg, var(--primary), var(--secondary))}.avatar--xl{width:88px;height:88px;font-size:var(--fs-h3);background:linear-gradient(135deg, var(--secondary), var(--primary));font-weight:800}.split{width:100%;min-height:100vh;display:flex}.split-form{padding:var(--sp-7) 40px;background:var(--white);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.form-close{top:var(--sp-5);right:var(--sp-5);width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.form-close:hover{color:var(--primary);background:var(--bg-light)}.centered-layout{position:relative}.centered-layout .form-close:hover{background:var(--white)}.split-brand{background:linear-gradient(135deg, var(--dark-surface) 0%, var(--primary) 40%, var(--primary-tint) 70%, var(--secondary) 100%);width:520px;min-width:520px;padding:var(--sp-8) var(--sp-7);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.brand-pattern{opacity:.06;background-image:radial-gradient(circle at 20% 50%, var(--white) 1px, transparent 1px), radial-gradient(circle at 80% 20%, var(--white) 1px, transparent 1px), radial-gradient(circle at 60% 80%, var(--white) 1px, transparent 1px);background-size:60px 60px,80px 80px,40px 40px;position:absolute;inset:0}.brand-glow1{background:radial-gradient(circle, rgba(var(--secondary-rgb), .2) 0%, transparent 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.brand-glow2{background:radial-gradient(circle, rgba(var(--accent-rgb), .12) 0%, transparent 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-50px;left:-50px}.brand-content{z-index:2;text-align:center;max-width:380px;position:relative}.brand-headline{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--white);margin-bottom:var(--sp-6);font-weight:800;line-height:1.2}.brand-headline span{color:var(--accent)}.brand-benefits{text-align:left;flex-direction:column;gap:14px;margin-bottom:40px;display:flex}.brand-benefit{align-items:center;gap:var(--sp-3);color:rgba(var(--white-rgb), .8);font-size:var(--fs-body);font-weight:500;display:flex}.brand-benefit-ic{border-radius:var(--radius-md);background:rgba(var(--secondary-rgb), .25);width:28px;height:28px;color:var(--secondary-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.float-cards{width:280px;height:180px;margin:8px auto 0;position:relative}.float-card{background:rgba(var(--white-rgb), .1);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--white-rgb), .15);border-radius:var(--radius-lg);padding:var(--sp-4);animation:6s ease-in-out infinite floatCard;position:absolute}.float-card-1{width:200px;animation-delay:0s;top:0;left:0}.float-card-2{width:180px;animation-delay:2s;top:40px;right:0}.float-card-3{width:160px;animation-delay:4s;bottom:0;left:30px}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fc-title{font-family:var(--font-display);font-size:var(--fs-label);color:var(--white);margin-bottom:4px;font-weight:700}.fc-sub{color:rgba(var(--white-rgb), .5);font-size:10px}.fc-bar{background:rgba(var(--white-rgb), .15);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.fc-bar-fill{background:var(--accent);border-radius:2px;height:100%}.fc-stars{gap:2px;margin-top:6px;display:flex}.fc-stars .icon{color:var(--accent);fill:var(--accent)}.fc-cert-border{border:1px solid var(--accent);text-align:center;border-radius:4px;padding:6px}.fc-cert-label{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-size:7px;font-weight:700}.fc-cert-name{color:var(--white);margin-top:2px;font-size:10px;font-style:italic}.form-container{width:100%;max-width:420px}.form-logo{margin-bottom:var(--sp-6);align-items:center;gap:9px;display:inline-flex}.form-logo-ic{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--secondary), var(--accent));width:36px;height:36px;color:var(--white);justify-content:center;align-items:center;display:flex}.form-logo-tx{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h5);color:var(--primary)}.form-logo-tx span{color:var(--secondary-text)}.form-title{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--text-primary);margin-bottom:6px;font-weight:800}.form-sub{font-size:var(--fs-body);color:var(--text-muted);margin-bottom:28px}.field{margin-bottom:18px;position:relative}.field--left{text-align:left}.field-label{font-size:var(--fs-small);color:var(--text-primary);margin-bottom:6px;font-weight:600;display:block}.field-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{font-size:13px;font-weight:600}.field-input{width:100%;height:48px;padding:0 var(--sp-4);border:1.5px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);background:var(--white);transition:border-color var(--transition), box-shadow var(--transition);font-size:15px}.field-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb), .1);outline:none}.field-input::placeholder{color:var(--text-light)}.field-input.error{border-color:var(--error);box-shadow:0 0 0 3px rgba(var(--error-rgb), .08)}.field-readonly{background:var(--bg-light);color:var(--text-muted);cursor:not-allowed}.field-icon{right:var(--sp-4);color:var(--text-light);transition:color var(--transition-fast);background:0 0;border:none;padding:4px;display:flex;position:absolute;top:34px}.field-icon:hover{color:var(--text-muted)}.field-icon .icon+.icon,.field-icon.showing .icon{display:none}.field-icon.showing .icon+.icon{display:block}.field-error{color:var(--error);align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.field-note{font-size:var(--fs-caption);color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;display:flex}.pw-strength{gap:4px;margin-top:8px;display:flex}.pw-bar{background:var(--bg-subtle);border-radius:2px;flex:1;height:4px;transition:background .3s}.pw-bar.weak{background:var(--error)}.pw-bar.medium{background:var(--warning)}.pw-bar.strong{background:var(--success)}.pw-label{font-size:var(--fs-caption);min-height:1em;margin-top:4px;font-weight:600}.pw-label.weak{color:var(--error)}.pw-label.medium{color:var(--accent-text)}.pw-label.strong{color:var(--success-text)}.split-form .btn-t--block,.form-state .btn-t--block{margin-top:8px}.divider{align-items:center;gap:var(--sp-4);margin:var(--sp-5) 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{font-size:var(--fs-small);color:var(--text-muted);font-weight:500}.btn-google{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);width:100%;height:48px;color:var(--text-primary);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.btn-google svg{width:20px;height:20px}.btn-google:hover{border-color:var(--text-muted);background:var(--bg-light);box-shadow:var(--shadow-sm);color:var(--text-primary)}.checkbox-row{align-items:flex-start;gap:10px;margin:20px 0;display:flex}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--secondary);cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-row label{font-size:var(--fs-small);color:var(--text-muted);cursor:pointer;line-height:1.4}.form-footer{text-align:center;margin-top:var(--sp-5);color:var(--text-muted);font-size:15px}.centered-layout{background:var(--bg-light);min-height:100vh;padding:var(--sp-5);flex-direction:column;justify-content:center;align-items:center;display:flex}.centered-layout .form-logo{margin-bottom:var(--sp-6)}.centered-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);text-align:center;padding:44px 40px;animation:.5s both cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.centered-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.centered-icon.lock{background:rgba(var(--secondary-rgb), .12);color:var(--secondary)}.centered-icon.success{background:rgba(var(--success-rgb), .08);color:var(--success)}.centered-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.centered-title--success{color:var(--success-text)}.centered-text{font-size:var(--fs-body);color:var(--text-muted);margin-bottom:28px;line-height:1.5}.forgot-info{background:var(--bg-light);border-radius:var(--radius-lg);font-size:var(--fs-small);color:var(--text-muted);text-align:left;padding:14px 18px}.forgot-info-head{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:6px;display:flex}.forgot-info-head .icon{color:var(--text-light);flex-shrink:0}.forgot-info-sub{font-size:13px}.centered-back{color:var(--text-muted);margin-top:var(--sp-5);align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.centered-back:hover{color:var(--secondary)}body.dash-body{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--dark-surface);z-index:50;min-height:100vh;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:28px var(--sp-5) var(--sp-5);border-bottom:1px solid rgba(var(--white-rgb), .08)}.sidebar-brand{margin-bottom:var(--sp-5);align-items:center;gap:10px;display:flex}.learn-logo{width:auto;display:block}.learn-logo--sidebar{height:52px}.learn-logo--mobile{height:34px}.learn-logo--topbar{height:32px}.learn-logo--auth{height:52px}.sidebar-brand-icon{background:linear-gradient(135deg, var(--secondary), var(--accent));border-radius:var(--radius-md);width:36px;height:36px;color:var(--white);justify-content:center;align-items:center;display:flex}.sidebar-brand-text{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h5);color:var(--white)}.sidebar-brand-text span{color:var(--secondary)}.sidebar-user{align-items:center;gap:var(--sp-3);display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--fs-caption);color:var(--secondary-light);background:rgba(var(--secondary-rgb), .12);border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:2px 8px;font-weight:500;display:inline-flex}.sidebar-nav{padding:var(--sp-4) 0;flex:1;overflow-y:auto}.sidebar-nav-section{padding:0 var(--sp-3)}.nav-item{align-items:center;gap:var(--sp-3);width:100%;padding:11px var(--sp-4);border-radius:var(--radius-md);text-align:left;color:rgba(var(--white-rgb), .55);transition:color var(--transition), background var(--transition);background:0 0;border:none;margin-bottom:2px;font-size:15px;font-weight:500;display:flex}.nav-item:hover{color:rgba(var(--white-rgb), .85);background:rgba(var(--white-rgb), .05)}.nav-item.active{color:var(--white);background:rgba(var(--secondary-rgb), .12);border-left:3px solid var(--secondary);padding-left:13px}.nav-item.active .icon{color:var(--secondary)}.nav-item .icon{flex-shrink:0}.sidebar-footer{padding:var(--sp-4) var(--sp-3) var(--sp-5);border-top:1px solid rgba(var(--white-rgb), .08)}.nav-item-logout{color:rgba(var(--white-rgb), .55)}.nav-item-logout:hover{color:var(--error);background:rgba(var(--error-rgb), .08)}.app-mobile-header{background:var(--white);border-bottom:1px solid var(--border);z-index:40;align-items:center;height:60px;padding:0 20px;display:none;position:fixed;top:0;left:0;right:0}.mobile-user{color:var(--text-primary);align-items:center;gap:10px;margin-left:auto;display:flex}.mobile-user-name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-small)}.mobile-toggle{width:40px;height:40px;color:var(--text-primary);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-toggle:hover{background:var(--bg-subtle)}.mobile-brand{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h5);color:var(--primary);margin-left:var(--sp-3)}.mobile-brand span{color:var(--secondary-text)}.sidebar-overlay{background:rgba(var(--black-rgb), .4);z-index:45;position:fixed;inset:0}.sidebar-overlay[hidden]{display:none}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.main-inner{max-width:1080px;padding:var(--sp-6) var(--sp-7) var(--sp-8);margin:0 auto}.welcome-bar{margin-bottom:var(--sp-6);z-index:5;justify-content:space-between;align-items:center;animation:.5s both fadeUp;display:flex;position:relative}.welcome-text h1{font-size:var(--fs-h3);color:var(--text-primary);font-weight:700}.welcome-text p{color:var(--text-muted);margin-top:4px;font-size:15px}.welcome-actions{align-items:center;gap:var(--sp-4);display:flex}.notification-btn{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--white);width:44px;height:44px;color:var(--text-muted);transition:border-color var(--transition), color var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.notification-btn:hover{border-color:var(--secondary);color:var(--secondary);box-shadow:var(--shadow-sm)}.notification-badge{background:var(--error);width:20px;height:20px;color:var(--white);font-size:var(--fs-label);font-weight:700;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px}.notification-badge[hidden]{display:none}.notification-wrap{position:relative}.topbar-user{border-radius:var(--radius-lg);color:inherit;transition:border-color var(--transition), background var(--transition);border:1px solid #0000;align-items:center;gap:12px;padding:6px 8px 6px 14px;display:flex}.topbar-user:hover{border-color:var(--border);background:var(--white);color:inherit}.topbar-user-info{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.topbar-user-name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-small);color:var(--text-primary)}.topbar-user-role{font-size:var(--fs-label);color:var(--text-muted)}.topbar-user .avatar{width:38px;height:38px;font-size:var(--fs-small)}.notification-dropdown{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-lg);padding:var(--sp-3);z-index:60;animation:.2s both fadeUp;position:absolute;top:calc(100% + 8px);right:0}.notification-dropdown-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-small);color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:6px;padding:4px 8px 10px}.notification-item{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:10px 8px;display:flex}.notification-item:hover{background:var(--bg-light)}.notification-item .deadline-accent{margin-top:4px}.notification-item-title{font-weight:600;font-size:var(--fs-small);color:var(--text-primary)}.notification-item-date{font-size:var(--fs-label);color:var(--text-muted);margin-top:2px}.notification-empty{font-size:var(--fs-small);color:var(--text-muted);padding:14px 8px}.stats-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:22px var(--sp-5);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:var(--sp-4);transition:transform var(--transition), box-shadow var(--transition);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.stat-card:first-child:before{background:var(--secondary)}.stat-card:nth-child(2):before{background:var(--success)}.stat-card:nth-child(3):before{background:var(--accent)}.stat-card:nth-child(4):before{background:var(--primary)}.stat-card:first-child .stat-icon{background:rgba(var(--secondary-rgb), .1);color:var(--secondary)}.stat-card:nth-child(2) .stat-icon{background:rgba(var(--success-rgb), .1);color:var(--success)}.stat-card:nth-child(3) .stat-icon{background:rgba(var(--accent-rgb), .15);color:var(--accent-text)}.stat-card:nth-child(4) .stat-icon{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info{flex:1}.stat-label{color:var(--text-muted);margin-bottom:2px;font-size:13px;font-weight:500}.stat-value{font-family:var(--font-mono);font-size:var(--fs-h3);color:var(--text-primary);font-weight:700;line-height:1.2}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header--tight{margin-bottom:var(--sp-4)}.section-title{color:var(--text-primary);font-size:20px;font-weight:700;font-family:var(--font-display)}.section-title--sm{font-size:var(--fs-h5)}.section-link{font-size:var(--fs-small);color:var(--secondary-text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.section-link:hover{color:var(--secondary)}.continue-section{margin-bottom:36px}.course-card-main{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);margin-bottom:20px;display:flex;overflow:hidden}.course-card-main:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-thumb{flex-shrink:0;width:280px;min-height:200px;position:relative;overflow:hidden}.course-thumb-bg{justify-content:center;align-items:center;gap:var(--sp-3);width:100%;height:100%;padding:var(--sp-5);color:rgba(var(--white-rgb), .9);flex-direction:column;display:flex}.course-thumb-label{color:rgba(var(--white-rgb), .7);text-align:center;font-size:13px;font-weight:500}.course-badge{top:var(--sp-3);left:var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-caption);padding:4px 10px;font-weight:600;position:absolute}.badge-progress{background:rgba(var(--secondary-rgb), .9);color:var(--white)}.course-card-body{padding:28px var(--sp-6);flex-direction:column;flex:1;justify-content:center;display:flex}.course-card-category{color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.course-card-title{font-size:var(--fs-h4);color:var(--text-primary);margin-bottom:var(--sp-3);font-weight:700;font-family:var(--font-display)}.course-meta-row{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.course-meta-item{font-size:var(--fs-small);color:var(--text-muted);align-items:center;gap:6px;display:flex}.progress-container{margin-bottom:20px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-label{font-size:var(--fs-small);color:var(--text-muted);font-weight:500}.progress-percent{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--secondary-text);font-weight:600}.current-lesson{font-size:var(--fs-small);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;display:flex}.current-lesson .icon:first-child{color:var(--secondary)}.current-lesson strong{color:var(--text-primary);font-weight:600}.course-card-main .btn-t{align-self:flex-start}.courses-grid-small{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}.course-card-sm{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);color:inherit;padding:20px;font-weight:400;display:block}.course-card-sm:hover{box-shadow:var(--shadow-md);color:inherit;transform:translateY(-2px)}.course-sm-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.course-sm-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.course-sm-icon.green{background:rgba(var(--success-rgb), .1);color:var(--success)}.course-sm-icon.amber{background:rgba(var(--accent-rgb), .15);color:var(--accent-text)}.course-sm-title{font-size:var(--fs-body);color:var(--text-primary);font-weight:600;line-height:1.3}.course-sm-lesson{color:var(--text-muted);margin-top:4px;font-size:13px}.progress-row-sm{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.progress-row-sm span{color:var(--text-muted);font-size:13px}.progress-row-sm .progress-percent{font-size:13px}.two-columns{gap:var(--sp-5);grid-template-columns:1fr 1fr;margin-bottom:36px;display:grid}.deadlines-card,.activity-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.deadline-item{border-bottom:1px solid var(--bg-subtle);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.deadline-item:last-child{border-bottom:none;padding-bottom:0}.deadline-item:first-of-type{padding-top:0}.deadline-accent{border-radius:2px;flex-shrink:0;align-self:stretch;width:4px;min-height:48px}.deadline-accent.urgent{background:var(--warning)}.deadline-accent.normal{background:var(--secondary)}.deadline-accent.later{background:var(--primary)}.deadline-content{flex:1;min-width:0}.deadline-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.deadline-date{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.deadline-tag{font-size:var(--fs-caption);border-radius:4px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-weight:600;display:inline-flex}.tag-urgent{background:rgba(var(--warning-rgb), .1);color:var(--accent-text)}.tag-soon{background:rgba(var(--secondary-rgb), .1);color:var(--secondary-text)}.timeline{position:relative}.timeline:before{content:"";background:var(--bg-subtle);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{gap:var(--sp-4);padding:10px 0;display:flex;position:relative}.timeline-item:first-child{padding-top:0}.timeline-item:last-child{padding-bottom:0}.timeline-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;display:flex}.timeline-dot.completed{background:var(--success)}.timeline-dot.score{background:var(--accent)}.timeline-dot.enrolled{background:var(--secondary)}.timeline-dot:after{content:"";background:var(--white);border-radius:50%;width:6px;height:6px}.timeline-content{flex:1}.timeline-text{font-size:var(--fs-small);color:var(--text-primary);font-weight:500;line-height:1.4}.timeline-date{color:var(--text-muted);margin-top:2px;font-size:13px}.recommended-section{margin-bottom:36px}.recommended-scroll{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.rec-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);color:inherit;font-weight:400;display:block;overflow:hidden}.rec-card:hover{box-shadow:var(--shadow-md);color:inherit;transform:translateY(-3px)}.rec-card-thumb{height:100px;color:rgba(var(--white-rgb), .85);justify-content:center;align-items:center;display:flex}.rec-card-body{padding:var(--sp-4)}.rec-card-title{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.3}.rec-card-meta{align-items:center;gap:var(--sp-3);color:var(--text-muted);margin-bottom:var(--sp-3);font-size:13px;display:flex}.rec-card-meta span{align-items:center;gap:4px;display:flex}.rec-card-price{font-family:var(--font-mono);color:var(--secondary-text);font-size:15px;font-weight:600}.catalog-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);animation:.45s both fadeUp;display:grid}.catalog-card .rec-card-thumb{height:120px;position:relative}.catalog-card .btn-t--block{margin-top:var(--sp-3)}.catalog-card:hover{transform:none}.catalog-enrolled-badge{background:rgba(var(--white-rgb), .92);color:var(--success);font-size:var(--fs-label);border-radius:50px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.catalog-progress{margin-top:2px}.catalog-progress-head{font-size:var(--fs-label);color:var(--text-muted);justify-content:space-between;margin-bottom:5px;font-weight:600;display:flex}.catalog-progress-head span:last-child{font-family:var(--font-mono);color:var(--secondary-text)}.catalog-progress-bar{background:var(--bg-subtle);border-radius:3px;height:6px;overflow:hidden}.catalog-progress-bar span{background:linear-gradient(90deg, var(--secondary), var(--secondary-dark));border-radius:3px;height:100%;display:block}.quiz-list{gap:var(--sp-3);flex-direction:column;animation:.45s both fadeUp;display:flex}.quiz-row{align-items:center;gap:var(--sp-4);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-5);display:flex}.quiz-row--locked{opacity:.65}.quiz-row-icon{border-radius:var(--radius-md);background:rgba(var(--secondary-rgb), .1);width:46px;height:46px;color:var(--secondary-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-row--locked .quiz-row-icon{background:var(--bg-subtle);color:var(--text-muted)}.quiz-row-body{flex:1;min-width:0}.quiz-row-title{color:var(--text-primary);font-size:15px;font-weight:600}.quiz-row-course{font-size:var(--fs-small);color:var(--text-muted);margin:2px 0 6px}.quiz-row-meta{gap:var(--sp-3);color:var(--text-muted);flex-wrap:wrap;font-size:13px;display:flex}.quiz-row-meta span{align-items:center;gap:4px;display:flex}.quiz-row-side{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.quiz-badge{font-size:var(--fs-label);font-weight:700;font-family:var(--font-mono);border-radius:50px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.quiz-badge--passed{background:rgba(var(--success-rgb), .12);color:var(--success)}.quiz-badge--failed{background:rgba(var(--error-rgb), .1);color:var(--error-text)}.quiz-badge--locked{background:var(--bg-subtle);color:var(--text-muted);font-family:var(--font-body)}.quiz-locked-hint{font-size:var(--fs-label);color:var(--text-muted);max-width:220px}.main-inner--narrow{max-width:760px}.stats-row--admin{grid-template-columns:repeat(3,1fr)}.admin-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}.admin-table th{text-align:left;padding:14px var(--sp-4);font-family:var(--font-display);font-weight:700;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.admin-table td{padding:12px var(--sp-4);border-bottom:1px solid var(--bg-subtle);color:var(--text-secondary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-light)}.admin-td-strong{color:var(--text-primary);align-items:center;gap:10px;font-weight:600;display:flex}.admin-td-sub{font-weight:400;font-size:var(--fs-label);color:var(--text-muted);display:block}.admin-td-mono{font-family:var(--font-mono)}.admin-td-message{max-width:320px}.admin-td-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-6)}.admin-textarea{resize:vertical;min-height:100px}.field--checkbox{align-items:flex-end;padding-bottom:12px;display:flex}.admin-checkbox{font-size:var(--fs-small);color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.admin-checkbox input{width:18px;height:18px;accent-color:var(--secondary)}.post-image-block{margin-bottom:var(--sp-4)}.post-image-preview{border-radius:var(--radius-md);height:200px;margin:8px 0 var(--sp-4);border:1px solid var(--border);padding:var(--sp-4);background-position:50%;background-size:cover;align-items:flex-end;display:flex;position:relative;overflow:hidden}.post-image-preview.has-image:before{content:"";background:linear-gradient(#0000 40%,#0f172ab3);position:absolute;inset:0}.post-image-preview-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h5);color:var(--white);text-shadow:0 1px 8px #0006;line-height:1.25;position:relative}.post-image-gradient-row{align-items:stretch;gap:8px;display:flex}.post-image-gradient-row .field-input{flex:1;min-width:0}.post-image-gradient-row .btn-t{white-space:nowrap;flex-shrink:0}.admin-role-form{align-items:center;gap:8px;display:flex}.field-input--sm{font-size:var(--fs-small);width:auto;padding:7px 10px}.btn-t--danger{background:rgba(var(--error-rgb), .08);color:var(--error-text)}.btn-t--danger:hover{background:rgba(var(--error-rgb), .16)}.admin-fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);margin:0 0 var(--sp-4)}.admin-fieldset-legend{font-size:var(--fs-small);color:var(--text-secondary);font-weight:700;font-family:var(--font-mono);padding:0 8px}.field-hint{margin-bottom:var(--sp-4);font-size:var(--fs-small);color:var(--text-secondary)}.sidebar-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:14px 14px 6px;font-size:11px;font-weight:700;display:block}body.lesson-body-page{height:100%;overflow:hidden}.top-bar{background:var(--white);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-left{align-items:center;gap:var(--sp-4);display:flex}.top-bar-brand{padding-right:var(--sp-4);border-right:1px solid var(--border);align-items:center;gap:8px;margin-right:4px;display:flex}.top-bar-brand-icon{background:linear-gradient(135deg, var(--secondary), var(--accent));border-radius:var(--radius-md);width:30px;height:30px;color:var(--white);justify-content:center;align-items:center;display:flex}.top-bar-brand-text{font-family:var(--font-display);font-weight:700;font-size:var(--fs-body);color:var(--primary)}.top-bar-brand-text span{color:var(--secondary-text)}.sidebar-toggle,.top-bar-btn{border:1px solid var(--border);background:var(--white);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:border-color var(--transition), color var(--transition), background var(--transition);justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover,.top-bar-btn:hover{border-color:var(--secondary);color:var(--secondary)}.sidebar-toggle:hover{background:rgba(var(--secondary-rgb), .08)}.breadcrumb{font-size:var(--fs-small);align-items:center;gap:6px;display:flex}.breadcrumb a{color:var(--text-muted);font-weight:400}.breadcrumb a:hover{color:var(--secondary)}.breadcrumb-sep{color:var(--text-light);display:flex}.breadcrumb-current{color:var(--text-primary);font-weight:600}.top-bar-right{align-items:center;gap:var(--sp-3);display:flex}.top-bar-progress .pbar{width:120px}.top-bar-progress{padding:0 var(--sp-3);color:var(--text-muted);align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.top-bar-progress-text{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--secondary-text);font-weight:600}.app-layout{height:100vh;padding-top:56px;display:flex}.left-panel{background:var(--white);border-right:1px solid var(--border);width:280px;min-width:280px;transition:margin-left var(--transition-slow), opacity var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.left-panel.collapsed{opacity:0;pointer-events:none;margin-left:-280px}.lp-header{padding:20px 20px var(--sp-4);border-bottom:1px solid var(--border-light)}.lp-course-title{font-family:var(--font-display);font-size:var(--fs-body);color:var(--text-primary);margin-bottom:var(--sp-3);font-weight:700;line-height:1.3}.lp-progress{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lp-progress-label{color:var(--text-muted);font-size:13px;font-weight:500}.lp-progress-pct{font-family:var(--font-mono);color:var(--secondary-text);font-size:13px;font-weight:600}.lp-lessons{flex:1;padding:8px 0;overflow-y:auto}.lp-lessons::-webkit-scrollbar{width:4px}.lp-lessons::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chapter-group{margin-bottom:4px}.chapter-header{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;text-align:left;transition:color var(--transition);-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.chapter-header:hover{color:var(--text-primary)}.chapter-header .ch-icon{transition:transform var(--transition-fast);flex-shrink:0}.chapter-header[aria-expanded=false] .ch-icon{transform:rotate(-90deg)}.chapter-header .ch-status{align-items:center;margin-left:auto;display:flex}.ch-completed{color:var(--success)}.ch-in-progress{color:var(--secondary)}.ch-locked{color:var(--text-light)}.chapter-lessons{padding:0 8px}.chapter-header[aria-expanded=false]+.chapter-lessons{display:none}.lesson-item{padding:9px var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:10px;font-weight:400;display:flex}.lesson-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.lesson-item.completed .lesson-icon{color:var(--success)}.lesson-item.current,.lesson-item.current-next{background:rgba(var(--secondary-rgb), .08);color:var(--secondary-text);border-left:3px solid var(--secondary);padding-left:9px;font-weight:600}.lesson-item.current .lesson-icon,.lesson-item.current-next .lesson-icon{color:var(--secondary)}.lesson-item.locked{color:var(--text-light);cursor:not-allowed}.lesson-item.locked .lesson-icon{color:var(--text-light)}.lesson-icon{flex-shrink:0}.lesson-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.lesson-score{font-family:var(--font-mono);font-size:var(--fs-label);border-radius:4px;flex-shrink:0;padding:2px 6px;font-weight:600}.score-good{background:rgba(var(--success-rgb), .1);color:var(--success-text)}.lesson-duration{font-size:var(--fs-caption);color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.lesson-item.current .lesson-duration,.lesson-item.current-next .lesson-duration{color:var(--text-secondary)}.lp-footer{padding:var(--sp-4) 20px;border-top:1px solid var(--border-light)}.lp-back{font-size:var(--fs-small);color:var(--text-muted);align-items:center;gap:8px;font-weight:500;display:flex}.lp-back:hover{color:var(--secondary)}.center-panel{flex:1;min-width:0;overflow-y:auto}.center-panel::-webkit-scrollbar{width:6px}.center-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.lesson-content{max-width:820px;padding:36px var(--sp-7) var(--sp-9);margin:0 auto}.lesson-header{margin-bottom:var(--sp-6);animation:.5s both fadeUp}.lesson-chapter-badge{color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:inline-flex}.lesson-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--sp-3);font-size:32px;font-weight:800;line-height:1.25}.lesson-meta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.lesson-meta-item{font-size:var(--fs-small);color:var(--text-muted);align-items:center;gap:6px;display:flex}.video-wrapper{margin-bottom:36px;animation:.5s .1s both fadeUp}.video-player{aspect-ratio:16/9;background:linear-gradient(135deg, var(--dark-surface) 0%, var(--primary) 50%, var(--primary-tint) 100%);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.video-player:before{content:"";background:radial-gradient(circle at 30% 40%, rgba(var(--secondary-rgb), .15) 0%, transparent 60%), radial-gradient(circle at 70% 60%, rgba(var(--accent-rgb), .08) 0%, transparent 50%);position:absolute;inset:0}.video-play-btn{background:rgba(var(--white-rgb), .15);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(var(--white-rgb), .25);width:80px;height:80px;color:var(--white);transition:background var(--transition-slow), border-color var(--transition-slow), transform var(--transition-slow);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play-btn .icon{margin-left:3px}.video-play-btn:hover{background:rgba(var(--secondary-rgb), .6);border-color:var(--secondary);transform:translate(-50%,-50%)scale(1.08)}.video-overlay-info{padding:var(--sp-5);background:linear-gradient(transparent, rgba(var(--black-rgb), .6));z-index:2;position:absolute;bottom:0;left:0;right:0}.video-title-overlay{font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);color:var(--white);margin-bottom:4px}.video-duration-overlay{font-family:var(--font-mono);color:rgba(var(--white-rgb), .7);font-size:13px}.video-controls-bar{padding:var(--sp-3) var(--sp-4);background:var(--white);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:1;border-top:none;justify-content:space-between;align-items:center;margin-top:-12px;display:flex;position:relative}.vc-left,.vc-right{align-items:center;gap:8px;display:flex}.vc-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.vc-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.vc-time{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.vc-progress{background:var(--bg-subtle);height:4px;margin:0 var(--sp-3);border-radius:2px;flex:1;position:relative}.vc-progress-fill{background:var(--secondary);border-radius:2px;width:0;height:100%}.vc-progress-dot{background:var(--secondary);border:2px solid var(--white);width:12px;height:12px;box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.vc-progress:hover .vc-progress-dot{opacity:1}.vc-speed{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);border:1px solid var(--border);background:var(--white);transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:4px;padding:4px 8px;font-weight:600}.vc-speed:hover{border-color:var(--secondary);color:var(--secondary)}.lesson-body{animation:.5s .2s both fadeUp}.lesson-body h2{font-family:var(--font-display);color:var(--text-primary);margin:40px 0 var(--sp-4);font-size:24px;font-weight:700;line-height:1.3}.lesson-body h2:first-child{margin-top:0}.lesson-body p,.lesson-body ul,.lesson-body ol{font-size:var(--fs-h5);color:var(--text-secondary);margin-bottom:20px;line-height:1.75}.lesson-body ul,.lesson-body ol{padding-left:var(--sp-5)}.lesson-body li{margin-bottom:8px}.lesson-body strong{color:var(--text-primary)}.callout{background:rgba(var(--secondary-rgb), .06);border-left:4px solid var(--secondary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:20px var(--sp-5);gap:14px;margin:28px 0;display:flex}.callout-icon{width:24px;height:24px;color:var(--secondary);flex-shrink:0;margin-top:2px}.callout-content{flex:1}.callout-label{font-family:var(--font-display);color:var(--secondary-text);margin-bottom:6px;font-size:15px;font-weight:700}.callout-text{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.65}.callout-warning{background:rgba(var(--warning-rgb), .06);border-left-color:var(--warning)}.callout-warning .callout-icon{color:var(--warning)}.callout-warning .callout-label{color:var(--accent-text)}.example-table{border-collapse:collapse;width:100%;margin:var(--sp-5) 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:15px;overflow:hidden}.example-table thead{background:var(--primary)}.example-table th{padding:var(--sp-3) var(--sp-4);text-align:left;color:var(--white);font-weight:600;font-size:var(--fs-small)}.example-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-light);background:var(--white)}.example-table tbody tr:last-child td{border-bottom:none}.example-table .debit{color:var(--error);font-weight:600;font-family:var(--font-mono)}.example-table .credit{color:var(--success-text);font-weight:600;font-family:var(--font-mono)}.attachments{padding-top:var(--sp-6);border-top:1px solid var(--border);margin-top:40px;animation:.5s .3s both fadeUp}.attachments-title{font-family:var(--font-display);font-size:var(--fs-h5);color:var(--text-primary);margin-bottom:var(--sp-4);align-items:center;gap:8px;font-weight:700;display:flex}.attachments-title .icon{color:var(--text-muted)}.attachment-item{padding:14px var(--sp-4);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition);align-items:center;gap:14px;margin-bottom:10px;display:flex}.attachment-item:hover{border-color:var(--secondary);box-shadow:var(--shadow-sm)}.attachment-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.att-pdf{background:rgba(var(--error-rgb), .08);color:var(--error)}.att-excel{background:rgba(var(--success-rgb), .08);color:var(--success)}.attachment-info{flex:1;min-width:0}.attachment-name{color:var(--text-primary);font-size:15px;font-weight:600}.attachment-size{color:var(--text-muted);font-size:13px;font-family:var(--font-mono)}.attachment-download{border:1px solid var(--border);background:var(--white);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:background var(--transition), border-color var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.attachment-download:hover{background:var(--secondary-text);border-color:var(--secondary-text);color:var(--white)}.lesson-nav{margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--border);animation:.5s .4s both fadeUp}.mark-complete-row{justify-content:center;margin-bottom:28px;display:flex}.lesson-nav-row{justify-content:space-between;align-items:center;display:flex}.nav-prev,.nav-next{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);transition:background var(--transition);max-width:45%;color:inherit;font-weight:400;display:flex}.nav-prev:hover,.nav-next:hover{background:var(--bg-subtle);color:inherit}.nav-prev:hover .nav-arrow,.nav-next:hover .nav-arrow{background:rgba(var(--secondary-rgb), .08);color:var(--secondary)}.nav-next{text-align:right;margin-left:auto}.nav-prev--empty{visibility:hidden}.nav-next--locked{opacity:.55}.nav-next--locked:hover{background:0 0}.nav-arrow{border-radius:var(--radius-md);background:var(--bg-subtle);width:36px;height:36px;color:var(--text-muted);transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-direction{font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:500;display:block}.nav-lesson-title{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3;display:block}.nav-dots{align-items:center;gap:6px;display:flex}.nav-dot{background:var(--border);width:8px;height:8px;transition:background var(--transition-fast), width var(--transition-fast);border-radius:50%}.nav-dot.completed{background:var(--success)}.nav-dot.current{background:var(--secondary);border-radius:4px;width:24px}.right-panel{background:var(--white);border-left:1px solid var(--border);width:300px;min-width:300px;transition:margin-right var(--transition-slow), opacity var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.right-panel.collapsed{opacity:0;pointer-events:none;margin-right:-300px}.rp-tabs{border-bottom:1px solid var(--border);padding:0 8px;display:flex}.rp-tab{font-size:var(--fs-small);color:var(--text-muted);transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:14px 0;font-weight:600;display:flex}.rp-tab:hover{color:var(--text-primary)}.rp-tab.active{color:var(--secondary-text);border-bottom-color:var(--secondary)}.rp-content{flex:1;padding:20px;overflow-y:auto}.rp-content::-webkit-scrollbar{width:4px}.rp-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tab-panel[hidden]{display:none}.notes-compose{margin-bottom:20px}.notes-textarea{width:100%;min-height:100px;padding:var(--sp-3) 14px;border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--fs-small);color:var(--text-primary);background:var(--white);resize:vertical;transition:border-color var(--transition), box-shadow var(--transition);line-height:1.6}.notes-textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb), .1);outline:none}.notes-textarea::placeholder{color:var(--text-light)}.notes-save-row{justify-content:flex-end;margin-top:10px;display:flex}.notes-divider{font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-3);border-bottom:1px solid var(--border-light);padding-bottom:8px;font-weight:600}.saved-note{padding:var(--sp-3) 14px;background:var(--bg-light);border-radius:var(--radius-md);margin-bottom:10px}.saved-note-text{font-size:var(--fs-small);color:var(--text-primary);line-height:1.55}.saved-note-meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.saved-note-date{font-size:var(--fs-caption);color:var(--text-muted)}.saved-note-actions{gap:4px;display:flex}.saved-note-btn{width:24px;height:24px;color:var(--text-light);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.saved-note-btn:hover{background:var(--bg-subtle);color:var(--text-muted)}.notes-empty{font-size:var(--fs-small);color:var(--text-light)}.info-section{margin-bottom:var(--sp-5)}.info-section-title{font-family:var(--font-display);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:13px;font-weight:700}.instructor-card{margin-bottom:var(--sp-3);align-items:center;gap:14px;display:flex}.instructor-name{font-size:var(--fs-body);color:var(--text-primary);font-weight:700;font-family:var(--font-display)}.instructor-title{color:var(--text-muted);font-size:13px}.course-stats-list{flex-direction:column;gap:10px;display:flex}.course-stat-row{padding:10px var(--sp-3);background:var(--bg-light);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.csr-label{font-size:var(--fs-small);color:var(--text-muted);align-items:center;gap:8px;display:flex}.csr-value{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-primary);font-weight:600}.rating-row{align-items:center;gap:4px;margin-bottom:4px;display:flex}.rating-stars{align-items:center;gap:2px;display:flex}.rating-stars .icon{color:var(--accent);fill:var(--accent)}.rating-stars .icon.empty{color:var(--border);fill:none}.rating-text{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-primary);margin-left:6px;font-weight:600}.rating-count{color:var(--text-muted);margin-top:4px;font-size:13px}.mobile-overlay{background:rgba(var(--black-rgb), .4);z-index:35;position:fixed;inset:0}.mobile-overlay[hidden]{display:none}body.quiz-body{min-height:100%}.quiz-top-bar{background:var(--white);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.qtb-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.qtb-icon{background:rgba(var(--secondary-rgb), .12);border-radius:var(--radius-md);width:36px;height:36px;color:var(--secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}h1.qtb-title,.qtb-title{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.qtb-center{font-size:var(--fs-small);color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.qtb-center .current-q{font-family:var(--font-mono);color:var(--secondary-text);font-weight:700}.qtb-right{flex:1;justify-content:flex-end;align-items:center;gap:14px;display:flex}.quiz-timer{background:var(--bg-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:7px;padding:7px 14px;font-size:15px;font-weight:600;display:flex}.quiz-timer .icon{color:var(--warning)}.quiz-timer.warning{background:rgba(var(--warning-rgb), .08);color:var(--accent-text);animation:1s infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.btn-exit{padding:8px var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-small);color:var(--text-muted);transition:border-color var(--transition), color var(--transition), background var(--transition);background:0 0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn-exit:hover{border-color:var(--error);color:var(--error);background:rgba(var(--error-rgb), .07)}.quiz-container{max-width:800px;padding:100px var(--sp-5) 120px;margin:0 auto}.quiz-progress-bar{align-items:center;gap:6px;margin-bottom:44px;padding:0 4px;display:flex}.qp-segment{background:var(--border);height:6px;transition:transform var(--transition-fast), background var(--transition-fast);border:none;border-radius:3px;flex:1;padding:0;position:relative}.qp-segment:hover{transform:scaleY(1.6)}.qp-segment.answered{background:var(--secondary)}.qp-segment.current{background:var(--secondary);box-shadow:0 0 8px rgba(var(--secondary-rgb), .3);animation:2s ease-in-out infinite segmentPulse}@keyframes segmentPulse{0%,to{opacity:1}50%{opacity:.65}}.qp-tooltip{background:var(--dark-surface);color:var(--white);font-size:var(--fs-caption);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);padding:4px 10px;font-weight:600;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.qp-segment:hover .qp-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.question-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-6);padding:40px 44px;animation:.45s both fadeUp}.question-legend{float:left;width:100%}.question-legend+*{clear:both}.question-number{font-family:var(--font-display);color:var(--secondary-text);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-flex}.question-number-badge{background:var(--secondary);width:28px;height:28px;color:var(--white);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-small);justify-content:center;align-items:center;font-weight:700;display:flex}.question-type-tag{font-size:var(--fs-label);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-secondary);text-transform:none;letter-spacing:0;margin-left:4px;padding:3px 8px;font-weight:600}.question-text{color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.5;font-family:var(--font-display);margin-bottom:28px;display:block}.question-hint{clear:both;font-size:var(--fs-small);color:var(--text-muted);margin:-16px 0 var(--sp-5);font-style:italic}.answer-option input,.tf-btn input{opacity:0;pointer-events:none;position:absolute}.answer-options{gap:var(--sp-3);clear:both;flex-direction:column;display:flex}.answer-option{align-items:center;gap:var(--sp-4);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--transition), background var(--transition), transform var(--transition);padding:18px 22px;display:flex;position:relative}.answer-option:hover{border-color:var(--text-light);background:var(--bg-light);transform:translate(4px)}.answer-option:has(input:focus-visible){outline:2px solid var(--secondary);outline-offset:2px}.answer-option.selected{border-color:var(--secondary);background:rgba(var(--secondary-rgb), .07)}.answer-option:has(input:checked){border-color:var(--secondary);background:rgba(var(--secondary-rgb), .07)}.answer-option.selected .ao-radio{border-color:var(--secondary);background:var(--secondary)}.answer-option:has(input:checked) .ao-radio{border-color:var(--secondary);background:var(--secondary)}.answer-option.selected .ao-radio:after{opacity:1;transform:scale(1)}.answer-option:has(input:checked) .ao-radio:after{opacity:1;transform:scale(1)}.answer-option.selected .ao-letter{background:var(--secondary);color:var(--white);border-color:var(--secondary)}.answer-option:has(input:checked) .ao-letter{background:var(--secondary);color:var(--white);border-color:var(--secondary)}.answer-option.correct{border-color:var(--success);background:rgba(var(--success-rgb), .08)}.answer-option.correct .ao-letter{background:var(--success);color:var(--white);border-color:var(--success)}.answer-option.correct .ao-result-icon{color:var(--success)}.answer-option.incorrect{border-color:var(--error);background:rgba(var(--error-rgb), .07)}.answer-option.incorrect .ao-letter{background:var(--error);color:var(--white);border-color:var(--error)}.answer-option.incorrect .ao-result-icon{color:var(--error)}.ao-radio{border:2px solid var(--border);width:22px;height:22px;transition:border-color var(--transition), background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.ao-radio:after{content:"";background:var(--white);opacity:0;width:10px;height:10px;transition:opacity var(--transition), transform var(--transition);border-radius:50%;transform:scale(.5)}.ao-letter{border:2px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-muted);transition:background var(--transition), color var(--transition), border-color var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.ao-text{color:var(--text-primary);flex:1;font-size:17px;font-weight:500;line-height:1.4}.ao-result-icon{flex-shrink:0;display:flex}.answer-option.checkbox .ao-check{border:2px solid var(--border);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--white);transition:background var(--transition), border-color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.answer-option.checkbox .ao-check .icon{opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);transform:scale(.5)}.answer-option.checkbox.selected .ao-check{background:var(--secondary);border-color:var(--secondary)}.answer-option.checkbox:has(input:checked) .ao-check{background:var(--secondary);border-color:var(--secondary)}.answer-option.checkbox.selected .ao-check .icon{opacity:1;transform:scale(1)}.answer-option.checkbox:has(input:checked) .ao-check .icon{opacity:1;transform:scale(1)}.answer-option.checkbox.correct .ao-check{background:var(--success);border-color:var(--success)}.answer-option.checkbox.correct .ao-check .icon{opacity:1;transform:scale(1)}.tf-options{gap:var(--sp-4);clear:both;grid-template-columns:1fr 1fr;display:grid}.tf-btn{padding:var(--sp-6) var(--sp-5);border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--transition), background var(--transition), transform var(--transition), box-shadow var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.tf-btn:hover{border-color:var(--text-light);background:var(--bg-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tf-btn:has(input:focus-visible){outline:2px solid var(--secondary);outline-offset:2px}.tf-btn .tf-icon{width:48px;height:48px;transition:background var(--transition), color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.tf-btn.true-btn .tf-icon{background:rgba(var(--success-rgb), .08);color:var(--success)}.tf-btn.false-btn .tf-icon{background:rgba(var(--error-rgb), .07);color:var(--error)}.tf-btn .tf-label{font-family:var(--font-display);font-size:var(--fs-h5);color:var(--text-primary);font-weight:700}.tf-btn.true-btn.selected{border-color:var(--success);background:rgba(var(--success-rgb), .08)}.tf-btn.true-btn:has(input:checked){border-color:var(--success);background:rgba(var(--success-rgb), .08)}.tf-btn.true-btn.selected .tf-icon{background:var(--success);color:var(--white)}.tf-btn.true-btn:has(input:checked) .tf-icon{background:var(--success);color:var(--white)}.tf-btn.false-btn.selected{border-color:var(--error);background:rgba(var(--error-rgb), .07)}.tf-btn.false-btn:has(input:checked){border-color:var(--error);background:rgba(var(--error-rgb), .07)}.tf-btn.false-btn.selected .tf-icon{background:var(--error);color:var(--white)}.tf-btn.false-btn:has(input:checked) .tf-icon{background:var(--error);color:var(--white)}.tf-btn.review-wrong{border-color:var(--error)}.quiz-nav{background:var(--white);border-top:1px solid var(--border);padding:var(--sp-4) 28px;z-index:100;position:fixed;bottom:0;left:0;right:0}.quiz-nav-inner{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;display:flex}.btn-nav{border-radius:var(--radius-lg);font-family:var(--font-body);transition:background var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);border:none;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn-prev{background:var(--bg-subtle);color:var(--text-secondary)}.btn-prev:hover{background:var(--border);color:var(--text-primary)}.btn-next{background:var(--secondary-text);color:var(--white)}.btn-next:hover{background:var(--secondary);box-shadow:0 4px 12px rgba(var(--secondary-rgb), .3);color:var(--white);transform:translateY(-1px)}.btn-submit{background:var(--accent);color:var(--primary);font-size:var(--fs-body);padding:11px 28px}.btn-submit:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-rgb), .4);transform:translateY(-1px)}.quiz-inline-submit{justify-content:center;display:flex}.nav-question-dots{align-items:center;gap:6px;display:flex}.nq-dot{border:2px solid var(--border);width:10px;height:10px;transition:border-color var(--transition), transform var(--transition), background var(--transition);background:0 0;border-radius:50%;padding:0}.nq-dot:hover{border-color:var(--secondary);transform:scale(1.3)}.nq-dot.answered{background:var(--secondary);border-color:var(--secondary)}.nq-dot.current{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb), .2);transform:scale(1.2)}.results-screen{max-width:640px;padding:120px var(--sp-5) var(--sp-9);text-align:center;margin:0 auto}.results-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:52px 48px 44px;animation:.6s both resultsFadeUp}@keyframes resultsFadeUp{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.score-circle-wrapper{margin-bottom:var(--sp-6);justify-content:center;display:flex}.score-circle{width:180px;height:180px;position:relative}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-bg{fill:none;stroke:var(--bg-subtle);stroke-width:10px}.score-fill{fill:none;stroke-width:10px;stroke-linecap:round;stroke-dasharray:502.65;stroke-dashoffset:502.65px;transition:stroke-dashoffset 1.5s .3s}.score-fill.passed{stroke:var(--secondary)}.score-fill.failed{stroke:var(--warning)}.score-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-percent{font-family:var(--font-mono);color:var(--text-primary);font-size:52px;font-weight:800;line-height:1}.score-label{font-size:var(--fs-small);color:var(--text-muted);margin-top:4px;font-weight:600}.result-status{margin-bottom:28px}.result-status-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:inline-flex}.result-status-icon.passed{background:rgba(var(--success-rgb), .08);color:var(--success)}.result-status-icon.failed{background:rgba(var(--warning-rgb), .08);color:var(--warning)}.result-message{font-family:var(--font-display);margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.35}.result-message.passed{color:var(--success-text)}.result-message.failed{color:var(--accent-text)}.result-subtitle{color:var(--text-muted);font-size:15px}.result-breakdown{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.rb-item{border-radius:var(--radius-lg);flex:1;align-items:center;gap:10px;max-width:180px;padding:14px 22px;display:flex}.rb-item.correct-item{background:rgba(var(--success-rgb), .08)}.rb-item.wrong-item{background:rgba(var(--error-rgb), .07)}.rb-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rb-item.correct-item .rb-icon{background:rgba(var(--success-rgb), .15);color:var(--success)}.rb-item.wrong-item .rb-icon{background:rgba(var(--error-rgb), .12);color:var(--error)}.rb-value{font-family:var(--font-mono);font-size:var(--fs-h4);color:var(--text-primary);text-align:left;font-weight:700;line-height:1.2}.rb-label{color:var(--text-muted);text-align:left;font-size:13px;font-weight:500}.min-passing{padding:8px var(--sp-4);background:var(--bg-subtle);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--text-muted);margin-bottom:var(--sp-6);align-items:center;gap:6px;font-weight:500;display:inline-flex}.min-passing strong{font-family:var(--font-mono);color:var(--text-primary);font-weight:700}.result-divider{background:var(--border);height:1px;margin:var(--sp-5) 0}.result-details{text-align:left;margin-bottom:28px}.rd-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:14px;font-size:15px;font-weight:700}.rd-item{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--border-light);padding:10px 0;display:flex}.rd-item:last-child{border-bottom:none}.rd-item-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.rd-item-icon.correct{background:rgba(var(--success-rgb), .08);color:var(--success)}.rd-item-icon.wrong{background:rgba(var(--error-rgb), .07);color:var(--error)}.rd-item-text{font-size:var(--fs-small);color:var(--text-primary);flex:1;font-weight:500}.rd-item-result{font-family:var(--font-mono);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px;font-weight:600}.rd-item-result.correct{background:rgba(var(--success-rgb), .08);color:var(--success-text)}.rd-item-result.wrong{background:rgba(var(--error-rgb), .07);color:var(--error)}.result-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.btn-result-secondary{border:2px solid var(--border);border-radius:var(--radius-lg);width:100%;font-family:var(--font-body);color:var(--text-muted);transition:border-color var(--transition), color var(--transition), background var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-result-secondary:hover{border-color:var(--primary);color:var(--text-primary);background:var(--bg-light)}.confetti-container{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;width:10px;height:10px;position:absolute;top:-20px}.confetti-piece.active{animation:2.5s ease-in forwards confettiFall}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.5)}}.page-header{justify-content:space-between;align-items:center;margin-bottom:36px;animation:.45s both fadeUp;display:flex}.page-header h1{font-size:var(--fs-h3);color:var(--text-primary);font-weight:700}.page-header p{color:var(--text-muted);margin-top:4px;font-size:15px}.header-actions{align-items:center;gap:var(--sp-3);display:flex}.certs-count-badge{background:rgba(var(--success-rgb), .05);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--success-text);align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:flex}.section-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-badge{font-family:var(--font-mono);padding:4px var(--sp-3);border-radius:var(--radius-sm);background:rgba(var(--secondary-rgb), .07);color:var(--secondary-text);font-size:13px;font-weight:600}.certs-grid{gap:var(--sp-5);margin-bottom:var(--sp-7);grid-template-columns:repeat(2,1fr);animation:.45s 80ms both fadeUp;display:grid}.cert-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);overflow:hidden}.cert-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.cert-preview{aspect-ratio:1.414;background:linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-subtle) 100%);border:none;border-bottom:1px solid var(--border-light);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cert-preview-inner{inset:var(--sp-3);border:2px solid var(--accent);padding:var(--sp-4) var(--sp-3);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute}.cert-preview-inner:before,.cert-preview-inner:after{content:"";width:24px;height:24px;position:absolute}.cert-preview-inner:before{border-top:3px solid var(--primary);border-left:3px solid var(--primary);top:-2px;left:-2px}.cert-preview-inner:after{border-bottom:3px solid var(--primary);border-right:3px solid var(--primary);bottom:-2px;right:-2px}.cp-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--primary);font-size:8px;font-weight:700}.cp-title{font-family:var(--font-display);color:var(--accent-text);letter-spacing:.5px;font-size:10px;font-weight:700}.cp-name{font-family:Georgia,Times New Roman,serif;font-size:var(--fs-small);color:var(--primary);font-style:italic;font-weight:600}.cp-course{font-family:var(--font-display);color:var(--text-muted);font-size:9px;font-weight:600}.cp-gold-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:40px;height:2px}.cert-preview-hover{background:rgba(var(--primary-rgb), .6);opacity:0;transition:opacity var(--transition);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cert-preview:hover .cert-preview-hover,.cert-preview:focus-visible .cert-preview-hover{opacity:1}.cert-preview-hover-btn{background:var(--white);color:var(--primary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-small);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.cert-card-body{padding:20px}.cert-card-course{font-family:var(--font-display);color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.3}.cert-card-meta{margin-bottom:var(--sp-4);flex-wrap:wrap;gap:14px;display:flex}.ccm-item{color:var(--text-muted);align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.ccm-score{font-family:var(--font-mono);color:var(--success-text);font-weight:600}.cert-card-id{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);margin-bottom:var(--sp-4)}.cert-card-actions{gap:8px;display:flex}.btn-cert{border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-small);transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);border:none;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.btn-cert-outline{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn-cert-outline:hover{border-color:var(--primary);color:var(--text-primary);background:var(--bg-light)}.btn-cert-share{border:1px solid var(--border);color:var(--text-muted);background:0 0;margin-left:auto;padding:8px 10px}.btn-cert-share:hover{border-color:var(--accent-text);color:var(--accent-text);background:rgba(var(--accent-rgb), .1)}.progress-section{animation:.45s .16s both fadeUp}.progress-cards{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}.prog-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:var(--sp-4);transition:transform var(--transition), box-shadow var(--transition);padding:20px;display:flex}.prog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.prog-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.prog-icon.teal{background:rgba(var(--secondary-rgb), .07);color:var(--secondary)}.prog-icon.amber{background:rgba(var(--accent-rgb), .1);color:var(--accent-text)}.prog-info{flex:1;min-width:0}.prog-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700;line-height:1.3}.prog-lesson{color:var(--text-muted);margin-bottom:10px;font-size:13px}.prog-bar-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.prog-bar-label{font-size:var(--fs-caption);color:var(--text-muted);font-weight:500}.prog-bar-pct{font-family:var(--font-mono);color:var(--secondary-text);font-size:13px;font-weight:600}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-5);animation:.5s both fadeUp}.empty-illustration{background:var(--bg-subtle);width:180px;height:180px;color:var(--text-light);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 28px;display:flex;position:relative}.empty-illustration:before{content:"";border:2px dashed var(--border);border-radius:50%;position:absolute;inset:-8px}.empty-title{font-family:var(--font-display);font-size:var(--fs-h4);color:var(--text-primary);margin-bottom:10px;font-weight:700}.empty-text{font-size:var(--fs-body);color:var(--text-muted);max-width:420px;margin:0 auto var(--sp-5);line-height:1.6}.modal-overlay{background:rgba(var(--primary-rgb), .75);z-index:300;padding:var(--sp-5);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal-close{top:20px;right:var(--sp-5);background:rgba(var(--white-rgb), .15);border-radius:var(--radius-lg);width:44px;height:44px;color:var(--white);z-index:5;transition:background var(--transition);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:rgba(var(--white-rgb), .25)}.modal-actions{bottom:var(--sp-5);z-index:5;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.modal-btn{padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-lg);font-family:var(--font-body);transition:background var(--transition), box-shadow var(--transition);border:none;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.modal-btn-outline{background:rgba(var(--white-rgb), .15);color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-btn-outline:hover{background:rgba(var(--white-rgb), .25)}.cert-a4{aspect-ratio:1.414;background:linear-gradient(170deg, var(--white) 0%, var(--bg-warm) 40%, var(--bg-subtle) 100%);border-radius:var(--radius-sm);width:920px;max-width:100%;box-shadow:var(--shadow-xl);flex-shrink:0;animation:.6s both certReveal;position:relative;overflow:hidden}@keyframes certReveal{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.cert-border-outer{border:2px solid var(--accent);position:absolute;inset:18px}.cert-border-inner{border:1px solid rgba(var(--accent-rgb), .4);position:absolute;inset:24px}.corner-ornament{width:64px;height:64px;position:absolute}.corner-ornament:before,.corner-ornament:after{content:"";position:absolute}.corner-ornament:before{width:100%;height:100%}.corner-ornament:after{width:32px;height:32px}.corner-tl{top:14px;left:14px}.corner-tl:before{border-top:4px solid var(--primary);border-left:4px solid var(--primary);top:0;left:0}.corner-tl:after{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:10px;left:10px}.corner-tr{top:14px;right:14px}.corner-tr:before{border-top:4px solid var(--primary);border-right:4px solid var(--primary);top:0;right:0}.corner-tr:after{border-top:2px solid var(--accent);border-right:2px solid var(--accent);top:10px;right:10px}.corner-bl{bottom:14px;left:14px}.corner-bl:before{border-bottom:4px solid var(--primary);border-left:4px solid var(--primary);bottom:0;left:0}.corner-bl:after{border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);bottom:10px;left:10px}.corner-br{bottom:14px;right:14px}.corner-br:before{border-bottom:4px solid var(--primary);border-right:4px solid var(--primary);bottom:0;right:0}.corner-br:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:10px;right:10px}.cert-watermark{background:radial-gradient(circle at 20% 30%, rgba(var(--accent-rgb), .04) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(var(--secondary-rgb), .03) 0%, transparent 40%);pointer-events:none;position:absolute;inset:0}.cert-side-accent{width:6px;height:120px;position:absolute;top:50%;transform:translateY(-50%)}.cert-side-accent.left{left:var(--sp-6)}.cert-side-accent.right{right:var(--sp-6)}.cert-side-accent:before{content:"";background:linear-gradient(180deg, transparent, var(--accent), transparent);border-radius:3px;position:absolute;inset:0}.cert-content{z-index:2;height:100%;padding:var(--sp-7) 72px;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.cert-logo-row{align-items:center;justify-content:center;margin-bottom:4px;display:flex}.cert-logo-img{height:48px;width:auto}.cert-issuer{font-family:var(--font-display);font-weight:700;font-size:var(--fs-label);color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 2px}.cert-divider-gold{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:120px;height:2px;margin:14px 0}.cert-main-title{font-family:var(--font-display);letter-spacing:8px;text-transform:uppercase;color:var(--primary);margin-bottom:6px;font-size:32px;font-weight:800}.cert-subtitle{font-family:var(--font-body);font-size:var(--fs-small);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-weight:500}.cert-preamble{font-family:var(--font-body);color:var(--text-muted);margin-bottom:8px;font-size:15px}.cert-student-name{color:var(--primary);margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:40px;font-style:italic;font-weight:700;line-height:1.2}.cert-name-underline{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:280px;height:1px;margin-bottom:14px}.cert-completion{font-family:var(--font-body);color:var(--text-muted);margin-bottom:6px;font-size:15px}.cert-course-name{font-family:var(--font-display);font-size:var(--fs-h4);color:var(--secondary-text);margin-bottom:14px;font-weight:700}.cert-details{align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-5);display:flex}.cert-detail{font-family:var(--font-body);color:var(--text-muted);font-size:13px}.cert-detail strong{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.cert-detail-sep{background:var(--accent);border-radius:50%;width:4px;height:4px}.cert-signatures{margin-bottom:var(--sp-4);align-items:flex-end;gap:80px;display:flex;margin-top:var(--sp-7)}.cert-sig{flex-direction:column;align-items:center;min-width:140px;display:flex}.cert-sig-line{background:var(--primary);width:140px;height:1px;margin-bottom:6px;position:relative}.cert-sig-scribble{font-family:Georgia,Times New Roman,serif;font-size:var(--fs-h5);color:var(--primary);opacity:.5;white-space:nowrap;font-style:italic;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cert-sig-img{height:40px;width:auto;opacity:.92;pointer-events:none;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.cert-sig-name{font-family:var(--font-display);font-size:var(--fs-caption);color:var(--text-primary);font-weight:700}.cert-sig-title{font-size:var(--fs-label);color:var(--text-muted)}.cert-footer{width:100%;bottom:var(--sp-6);justify-content:space-between;align-items:center;padding:0 72px;display:flex;position:absolute;left:0;right:0}.cert-id{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-light)}.cert-qr{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);width:56px;height:56px;color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.cert-qr-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:6px;font-weight:600}.cert-verify{font-size:var(--fs-label);color:var(--text-light);text-align:right}.cert-verify-domain{color:var(--secondary-text)}@media print{@page{size:landscape;margin:0}body.learn-app-body *{visibility:hidden}.modal-overlay.printing{display:block;position:absolute;inset:0;margin:0;padding:0;background:none}.modal-overlay.printing .cert-a4,.modal-overlay.printing .cert-a4 *{visibility:visible}.modal-overlay.printing .cert-a4{position:absolute;top:0;left:0;width:100vw;height:auto;margin:0;box-shadow:none;border-radius:0;break-inside:avoid;page-break-after:avoid}.modal-overlay.printing .modal-close,.modal-overlay.printing .modal-actions{display:none!important}}.dash-top{background:var(--white);border-bottom:1px solid var(--border);height:56px;padding:0 var(--sp-6);justify-content:space-between;align-items:center;display:flex}.dash-top-title{font-family:var(--font-display);font-size:var(--fs-body);color:var(--text-primary);font-weight:700}.profile-content{max-width:720px;padding:var(--sp-6) 40px var(--sp-8)}.profile-header{align-items:center;gap:var(--sp-5);margin-bottom:36px;display:flex}.profile-info h1{font-family:var(--font-display);font-size:var(--fs-h4);color:var(--text-primary);font-weight:700}.profile-info p{font-size:var(--fs-small);color:var(--text-muted)}.profile-flash{padding:var(--sp-3) var(--sp-4);background:rgba(var(--success-rgb), .08);border-radius:var(--radius-md);color:var(--success-text);font-size:var(--fs-small);margin-bottom:var(--sp-5);align-items:center;gap:8px;font-weight:600;display:flex}.section-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);margin-bottom:var(--sp-5);overflow:hidden}.section-card-head{padding:18px var(--sp-5);border-bottom:1px solid var(--border-light);font-family:var(--font-display);font-size:var(--fs-body);color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:flex}.section-card-head .icon{color:var(--text-muted)}.section-card-body{padding:var(--sp-5)}.form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.profile-content .btn-t{margin-bottom:var(--sp-5)}.danger-zone{padding:20px var(--sp-5);border:1.5px solid var(--border);border-radius:var(--radius-xl);margin-top:36px}.danger-title{font-family:var(--font-display);color:var(--error-text);align-items:center;gap:6px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.danger-text{font-size:var(--fs-small);color:var(--text-secondary);margin-bottom:14px}.btn-danger{border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-small);color:var(--error-text);transition:background var(--transition), border-color var(--transition);background:0 0;align-items:center;gap:7px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-danger:hover{background:rgba(var(--error-rgb), .07);border-color:var(--error)}.modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:440px;padding:var(--sp-6);text-align:center;animation:.25s both cardIn}.modal-icon{background:rgba(var(--error-rgb), .07);width:56px;height:56px;color:var(--error);margin:0 auto var(--sp-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.modal-text{color:var(--text-muted);margin-bottom:var(--sp-5);font-size:15px;line-height:1.5}.field-input--confirm{text-align:center;font-family:var(--font-mono);letter-spacing:2px;font-weight:700}.modal .modal-actions{justify-content:center;margin-top:20px;position:static;transform:none}.modal-btn-cancel{background:var(--bg-subtle);color:var(--text-muted)}.modal-btn-cancel:hover{background:var(--border);color:var(--text-primary)}.modal-btn-delete{background:var(--error);color:var(--white)}.modal-btn-delete:hover{background:var(--error-text);box-shadow:0 4px 12px rgba(var(--error-rgb), .3)}@media (width<=1200px){.right-panel{display:none}}@media (width<=1024px){.split-brand{display:none}.split-form{padding:var(--sp-6) var(--sp-5)}.stats-row,.recommended-scroll{grid-template-columns:repeat(2,1fr)}.left-panel{z-index:40;box-shadow:var(--shadow-lg);position:fixed;top:56px;bottom:0;left:0;transform:translate(-100%)}.left-panel.open{transform:translate(0)}.left-panel.collapsed{margin-left:0;transform:translate(-100%)}.lesson-content{padding:28px var(--sp-6) var(--sp-8)}.certs-grid,.progress-cards{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.form-container{max-width:100%}.form-title{font-size:24px}.form-row,.catalog-grid{grid-template-columns:1fr}.quiz-row{flex-wrap:wrap}.quiz-row-side{flex-direction:row;justify-content:flex-end;align-items:center;width:100%}.quiz-locked-hint{max-width:none}.topbar-user{display:none}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-mobile-header{display:flex}.main-content{margin-left:0}.main-inner{padding:80px 20px 40px}.welcome-bar{align-items:flex-start;gap:var(--sp-4);flex-direction:column}.welcome-actions{width:100%}.stats-row{gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--sp-4)}.stat-value{font-size:var(--fs-h4)}.course-card-main{flex-direction:column}.course-thumb{width:100%;min-height:140px}.course-card-body{padding:20px}.courses-grid-small,.two-columns,.recommended-scroll{grid-template-columns:1fr}.lesson-content{padding:20px 20px var(--sp-7)}.lesson-title{font-size:24px}.lesson-body p,.lesson-body ul,.lesson-body ol{font-size:var(--fs-body)}.breadcrumb,.top-bar-progress{display:none}.video-play-btn{width:60px;height:60px}.lesson-nav-row{gap:var(--sp-3);flex-direction:column}.nav-prev,.nav-next{width:100%;max-width:100%}.nav-prev--empty,.nav-dots{display:none}.lesson-meta{gap:var(--sp-3)}.example-table{font-size:13px}.example-table th,.example-table td{padding:8px 10px}.quiz-top-bar{padding:0 var(--sp-4)}.qtb-title{display:none}.quiz-container{padding:84px var(--sp-4) 100px}.question-card{padding:28px var(--sp-5)}.question-text{font-size:var(--fs-h5)}.ao-text{font-size:15px}.tf-options{gap:var(--sp-3)}.tf-btn{padding:var(--sp-5) var(--sp-4)}.quiz-nav{padding:var(--sp-3) var(--sp-4)}.nav-question-dots{display:none}.results-card{padding:36px var(--sp-5) var(--sp-6)}.score-circle{width:150px;height:150px}.score-percent{font-size:42px}.result-message{font-size:20px}.result-breakdown{flex-direction:column;align-items:stretch}.rb-item{max-width:none}.page-header{align-items:flex-start;gap:var(--sp-3);flex-direction:column}.cert-a4{width:100%;max-width:600px}.profile-content{padding:var(--sp-5) 20px var(--sp-7)}.profile-header{text-align:center;flex-direction:column}}@media (width<=480px){.btn-exit span{display:none}.quiz-timer{font-size:var(--fs-small);padding:6px 10px}}