:root{color-scheme:light;--bg: #f7f1e8;--panel: rgba(255, 251, 245, .9);--panel-strong: #fffaf3;--ink: #17212b;--muted: #5e6771;--accent: #c95a2e;--accent-deep: #93381a;--accent-soft: #f5d9ca;--teal: #1f6f78;--teal-soft: rgba(31, 111, 120, .12);--line: rgba(23, 33, 43, .1);--shadow: 0 22px 60px rgba(90, 65, 35, .13);--radius-xl: 34px;--radius-lg: 24px;--radius-md: 18px;--font-body: "Segoe UI Variable Text", "Aptos", "Segoe UI", sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--ease-smooth: cubic-bezier(.22, 1, .36, 1);--surface: rgba(255, 255, 255, .7);--surface-strong: rgba(255, 255, 255, .82);--surface-muted: rgba(255, 255, 255, .58);--border-soft: rgba(23, 33, 43, .08);--border-strong: rgba(23, 33, 43, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);line-height:1.55;color:var(--ink);background:radial-gradient(circle at top left,rgba(201,90,46,.16),transparent 34%),radial-gradient(circle at top right,rgba(31,111,120,.14),transparent 30%),linear-gradient(180deg,#fbf7f0 0%,var(--bg) 100%);transition:background .26s var(--ease-smooth),color .26s var(--ease-smooth)}html[data-theme=dark] body,body[data-theme=dark]{color-scheme:dark;--bg: #09111d;--panel: rgba(11, 20, 34, .88);--panel-strong: #0f1c2d;--ink: #eef4ff;--muted: #9eacbf;--accent: #e18f4b;--accent-deep: #b95b2d;--accent-soft: rgba(225, 143, 75, .18);--teal: #7ad3d3;--teal-soft: rgba(122, 211, 211, .14);--line: rgba(184, 205, 231, .16);--shadow: 0 22px 60px rgba(0, 0, 0, .35);--surface: rgba(17, 30, 48, .78);--surface-strong: rgba(20, 35, 55, .9);--surface-muted: rgba(18, 32, 50, .66);--border-soft: rgba(184, 205, 231, .14);--border-strong: rgba(184, 205, 231, .18);background:radial-gradient(circle at top left,rgba(225,143,75,.18),transparent 30%),radial-gradient(circle at top right,rgba(54,131,214,.2),transparent 28%),linear-gradient(180deg,#0a1320,#08101a)}a,button,input,select{font:inherit}a{color:inherit}h1,h2,h3,p,ul{margin-top:0}.page-shell{max-width:1380px;margin:0 auto;padding:28px}.topbar,.hero,.toolbar,.player-frame,.instructor-card,.lesson-sidebar,.course-card-button,.featured-card,.metric-card,.section-block{background:var(--panel);border:1px solid rgba(255,255,255,.62);box-shadow:0 14px 34px #5a412317}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-radius:var(--radius-lg)}.topbar-home{margin-bottom:20px}.brand-mark{text-decoration:none;font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:.03em}.topnav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%}.topnav a{text-decoration:none;padding:10px 16px;border-radius:999px;border:1px solid transparent;color:var(--muted)}.nav-logout-button{margin-left:auto;min-height:42px}.topnav a.is-active,.topnav a:hover{color:var(--ink);background:var(--surface);border-color:var(--line)}.topbar,.hero,.toolbar,.player-frame,.instructor-card,.lesson-sidebar,.course-card-button,.featured-card,.metric-card,.section-block,.auth-panel,.panel-card,.sidebar,.dashboard-topbar,.video-modal-dialog,.dashboard-stats div,.hero-highlights article,.auth-highlights article,.demo-account,.auth-metrics article,.dashboard-course-item,.resource-card,.record-card,.password-panel,.course-library-panel,.rank-card,.profile-card-footer{transition:background .26s var(--ease-smooth),border-color .26s var(--ease-smooth),box-shadow .26s var(--ease-smooth),color .26s var(--ease-smooth)}body[data-theme=dark] .topbar,body[data-theme=dark] .hero,body[data-theme=dark] .toolbar,body[data-theme=dark] .player-frame,body[data-theme=dark] .instructor-card,body[data-theme=dark] .lesson-sidebar,body[data-theme=dark] .featured-card,body[data-theme=dark] .metric-card,body[data-theme=dark] .section-block,body[data-theme=dark] .auth-panel,body[data-theme=dark] .panel-card,body[data-theme=dark] .sidebar,body[data-theme=dark] .dashboard-topbar,body[data-theme=dark] .video-modal-dialog{background:var(--panel);border-color:#ffffff14;box-shadow:0 18px 44px #00000047}body[data-theme=dark] .hero-highlights article,body[data-theme=dark] .auth-highlights article,body[data-theme=dark] .demo-account,body[data-theme=dark] .auth-metrics article,body[data-theme=dark] .dashboard-stats div,body[data-theme=dark] .dashboard-course-item,body[data-theme=dark] .resource-card,body[data-theme=dark] .record-card,body[data-theme=dark] .password-panel,body[data-theme=dark] .resource-button,body[data-theme=dark] .pill,body[data-theme=dark] .lesson-item,body[data-theme=dark] .topnav a.is-active,body[data-theme=dark] .topnav a:hover,body[data-theme=dark] .ghost-button,body[data-theme=dark] .secondary-button,body[data-theme=dark] .inline-link{background:var(--surface);border-color:var(--border-soft);color:var(--ink)}body[data-theme=dark] .hero-card,body[data-theme=dark] .sidebar-promo,body[data-theme=dark] .auth-insight{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),linear-gradient(145deg,#7ad3d326,#e18f4b2e);border-color:var(--border-soft)}body[data-theme=dark] .profile-card{background:radial-gradient(circle at top,rgba(255,255,255,.06),transparent 34%),linear-gradient(180deg,#16243a,#0f1a29)}body[data-theme=dark] .profile-card-footer,body[data-theme=dark] .rank-card{background:linear-gradient(180deg,#182f4cf0,#13243bfa);color:var(--ink);border:1px solid rgba(122,211,211,.12)}body[data-theme=dark] .profile-card-stat-label,body[data-theme=dark] .eyebrow,body[data-theme=dark] .auth-insight-label{color:var(--teal)}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{color:var(--ink);background:#0a131fe0;border-color:var(--border-strong)}body[data-theme=dark] .video-shell,body[data-theme=dark] .video-modal-player{background:#04070d}body[data-theme=dark] .empty-state{background:#0d1826b8;border-color:#b8cde729}body[data-theme=dark] .auth-brand-badge,body[data-theme=dark] .sidebar-logo{box-shadow:0 16px 32px #0003}.theme-toggle-shell{display:inline-flex;align-items:center;gap:0}.bb8-toggle{--toggle-size: 8px;--toggle-width: 10.625em;--toggle-height: 5.625em;--toggle-offset: calc((var(--toggle-height) - var(--bb8-diameter)) / 2);--toggle-bg: linear-gradient(#2c4770, #070e2b 35%, #628cac 50% 70%, #a6c5d4) no-repeat;--bb8-diameter: 4.375em;--radius: 99em;--transition: .4s;--accent: #de7d2f;--bb8-bg: #fff;cursor:pointer;font-size:var(--toggle-size)}.topnav .theme-toggle-shell,.topbar-actions .theme-toggle-shell,.auth-brand-row .theme-toggle-shell{margin-left:auto}.bb8-toggle,.bb8-toggle *,.bb8-toggle *:before,.bb8-toggle *:after{box-sizing:border-box}.bb8-toggle__checkbox{appearance:none;display:none}.bb8-toggle__container{width:var(--toggle-width);height:var(--toggle-height);background:var(--toggle-bg);background-size:100% 11.25em;background-position-y:-5.625em;border-radius:var(--radius);position:relative;transition:var(--transition);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 28px #060e1f47}.bb8{display:flex;flex-direction:column;align-items:center;position:absolute;top:calc(var(--toggle-offset) - 1.5em);left:var(--toggle-offset);transition:var(--transition);z-index:2}.bb8__head-container{position:relative;transition:var(--transition);transform-origin:1.25em 3.75em;z-index:2}.bb8__head{width:2.5em;height:1.688em;margin-bottom:-.188em;border-radius:var(--radius) var(--radius) 0 0;position:relative;overflow:hidden;background:linear-gradient(transparent .063em,dimgray .063em .313em,transparent .313em .375em,var(--accent) .375em .5em,transparent .5em 1.313em,silver 1.313em 1.438em,transparent 1.438em),linear-gradient(45deg,transparent .188em,var(--bb8-bg) .188em 1.25em,transparent 1.25em),linear-gradient(-45deg,transparent .188em,var(--bb8-bg) .188em 1.25em,transparent 1.25em),linear-gradient(var(--bb8-bg) 1.25em,transparent 1.25em);filter:drop-shadow(0 .063em .125em gray)}.bb8__head:before{content:"";position:absolute;top:.413em;left:50%;transform:translate(-50%);width:.563em;height:.563em;border-radius:var(--radius);background:radial-gradient(.125em circle at .25em .375em,red,transparent),radial-gradient(.063em circle at .375em .188em,var(--bb8-bg) 50%,transparent 100%),linear-gradient(45deg,#000 .188em,#696969 .313em .375em,#000 .5em);box-shadow:0 0 0 .089em #d3d3d3,.563em .281em 0 -.148em,.563em .281em 0 -.1em var(--bb8-bg),.563em .281em 0 -.063em;transition:var(--transition)}.bb8__head:after{content:"";position:absolute;bottom:.375em;left:0;width:100%;height:.188em;background:linear-gradient(to right,var(--accent) .125em,transparent .125em .188em,var(--accent) .188em .313em,transparent .313em .375em,var(--accent) .375em .938em,transparent .938em 1em,var(--accent) 1em 1.125em,transparent 1.125em 1.875em,var(--accent) 1.875em 2em,transparent 2em 2.063em,var(--accent) 2.063em 2.25em,transparent 2.25em 2.313em,var(--accent) 2.313em 2.375em,transparent 2.375em 2.438em,var(--accent) 2.438em);transition:var(--transition)}.bb8__antenna{position:absolute;transform:translateY(-90%);width:.059em;border-radius:var(--radius) var(--radius) 0 0;transition:var(--transition)}.bb8__antenna:nth-child(1){right:.938em;height:.938em;background:linear-gradient(#000 .188em,silver .188em)}.bb8__antenna:nth-child(2){left:50%;height:.375em;transform:translate(-50%,-90%);background:silver}.bb8__body{width:4.375em;height:4.375em;position:relative;border-radius:var(--radius);overflow:hidden;transform:rotate(45deg);transition:var(--transition);background:linear-gradient(-90deg,var(--bb8-bg) 4%,var(--accent) 4% 10%,transparent 10% 90%,var(--accent) 90% 96%,var(--bb8-bg) 96%),linear-gradient(var(--bb8-bg) 4%,var(--accent) 4% 10%,transparent 10% 90%,var(--accent) 90% 96%,var(--bb8-bg) 96%),linear-gradient(to right,transparent 2.156em,silver 2.156em 2.219em,transparent 2.188em),linear-gradient(transparent 2.156em,silver 2.156em 2.219em,transparent 2.188em);background-color:var(--bb8-bg)}.bb8__body:before{content:"";position:absolute;top:50%;left:50%;width:2.625em;height:2.625em;transform:translate(-50%,-50%);border-radius:50%;border:.313em solid var(--accent);background:radial-gradient(1em circle at center,rgb(236,236,236) 50%,transparent 51%),radial-gradient(1.25em circle at center,var(--bb8-bg) 50%,transparent 51%),linear-gradient(-90deg,transparent 42%,var(--accent) 42% 58%,transparent 58%),linear-gradient(var(--bb8-bg) 42%,var(--accent) 42% 58%,var(--bb8-bg) 58%)}.bb8__body:after{content:"";position:absolute;bottom:1.5em;left:.563em;width:.188em;height:.188em;border-radius:50%;background:#ececec;color:#ececec;box-shadow:.875em .938em,0 -1.25em,.875em -2.125em,2.125em -2.125em,3.063em -1.25em,3.063em 0,2.125em .938em}.artificial__hidden{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.bb8__shadow{position:absolute;bottom:0;left:calc(var(--toggle-offset) - .938em);width:var(--bb8-diameter);height:20%;border-radius:50%;background:#3a271c;box-shadow:.313em 0 3.125em #3a271c;opacity:.25;transform:skew(-70deg);transition:var(--transition)}.bb8-toggle__scenery{width:100%;height:100%;overflow:hidden;position:relative;pointer-events:none;border-radius:inherit}.bb8-toggle__scenery:before{content:"";position:absolute;width:100%;height:30%;bottom:0;background:#b18d71;z-index:1}.bb8-toggle__cloud,.gomrassen,.hermes,.chenini,.tatto-1,.tatto-2,.bb8-toggle__star{position:absolute}.bb8-toggle__cloud{border-radius:50%;z-index:1}.bb8-toggle__cloud:nth-last-child(1){top:2.813em;right:1.875em;width:.875em;height:.625em;background:linear-gradient(to top right,#ffffffae,#ffffffae);filter:blur(.125em) drop-shadow(.313em .313em #ffffffae) drop-shadow(-.625em 0 #fff) drop-shadow(-.938em -.125em #fff);transition:var(--transition)}.bb8-toggle__cloud:nth-last-child(2){top:.625em;right:4.375em;width:.875em;height:.375em;background:#dfdedeae;filter:blur(.125em) drop-shadow(-.313em -.188em #e0dfdfae) drop-shadow(-.625em -.188em #bbbbbbae) drop-shadow(-1em .063em #cfcfcfae);transition:.6s}.bb8-toggle__cloud:nth-last-child(3){top:1.25em;right:.938em;width:.875em;height:.375em;background:#ffffffae;filter:blur(.125em) drop-shadow(.438em .188em #ffffffae) drop-shadow(-.625em .313em #ffffffae);transition:.8s}.gomrassen,.hermes,.chenini{top:100%;border-radius:var(--radius);background:linear-gradient(#fff,#6e8ea2)}.gomrassen{left:.938em;width:1.875em;height:1.875em;box-shadow:0 0 .188em #ffffff52,0 0 .188em #6e8ea24b;transition:var(--transition)}.gomrassen:before,.gomrassen:after{content:"";position:absolute;border-radius:inherit;background:#b8c4c8;box-shadow:inset 0 0 .063em #8ca2a9}.gomrassen:before{top:.313em;left:.313em;width:.438em;height:.438em}.gomrassen:after{top:.75em;left:1.25em;width:.25em;height:.25em}.hermes{left:3.438em;width:.625em;height:.625em;box-shadow:0 0 .125em #ffffff52,0 0 .125em #6e8ea24b;transition:.6s}.chenini{left:4.375em;width:.5em;height:.5em;box-shadow:0 0 .125em #ffffff52,0 0 .125em #6e8ea24b;transition:.8s}.tatto-1,.tatto-2{width:1.25em;height:1.25em;border-radius:var(--radius)}.tatto-1{top:.625em;right:3.125em;background:#fefefe;box-shadow:0 0 .438em #fdf4e1;transition:var(--transition)}.tatto-2{top:2.188em;right:1.25em;background:linear-gradient(#e6ac5c,#d75449);box-shadow:0 0 .438em #e6ad5c3d,0 0 .438em #d755494f;transition:.7s}.bb8-toggle__star{top:100%;width:.063em;height:.063em;border-radius:var(--radius);background:#fff;filter:drop-shadow(0 0 .063em #fff)}.bb8-toggle__star:nth-child(1){left:3.75em;box-shadow:1.25em .938em,-1.25em 2.5em,0 1.25em,1.875em .625em,-3.125em 1.875em,1.25em 2.813em;transition:.2s}.bb8-toggle__star:nth-child(2){left:4.688em;box-shadow:.625em 0,0 .625em,-.625em -.625em,.625em .938em,-3.125em 1.25em,1.25em -1.563em;transition:.3s}.bb8-toggle__star:nth-child(3){left:5.313em;box-shadow:-.625em -.625em,-2.188em 1.25em,-2.188em 0,-3.75em -.625em,-3.125em -.625em,-2.5em -.313em,.75em -.625em;transition:var(--transition)}.bb8-toggle__star:nth-child(4),.bb8-toggle__star:nth-child(5),.bb8-toggle__star:nth-child(6),.bb8-toggle__star:nth-child(7){width:.125em;height:.125em}.bb8-toggle__star:nth-child(4){left:1.875em;transition:.5s}.bb8-toggle__star:nth-child(5){left:5em;transition:.6s}.bb8-toggle__star:nth-child(6){left:2.5em;transition:.7s}.bb8-toggle__star:nth-child(7){left:3.438em;transition:.8s}.bb8-toggle__checkbox:checked+.bb8-toggle__container{background-position-y:0}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8{left:calc(100% - var(--bb8-diameter) - var(--toggle-offset))}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8__shadow{left:calc(100% - var(--bb8-diameter) - var(--toggle-offset) + .938em);transform:skew(70deg)}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8__body{transform:rotate(225deg)}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__cloud{right:-100%}.bb8-toggle__checkbox:checked+.bb8-toggle__container .gomrassen{top:.938em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .hermes{top:2.5em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .chenini{top:2.75em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .tatto-1,.bb8-toggle__checkbox:checked+.bb8-toggle__container .tatto-2{top:100%}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(1){top:.625em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(2){top:1.875em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(3){top:1.25em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(4),.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(5){top:3.438em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(6){top:.313em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(7){top:1.875em}.bb8-toggle__checkbox:hover+.bb8-toggle__container .bb8__head:before{left:100%}.bb8-toggle__checkbox:hover+.bb8-toggle__container .bb8__antenna:nth-child(2){left:.938em}.bb8-toggle__checkbox:hover+.bb8-toggle__container .bb8__head:after{background-position:1.375em 0}.bb8-toggle__checkbox:not(:checked):hover+.bb8-toggle__container .bb8__antenna:nth-child(1){right:1.5em}.bb8-toggle__checkbox:checked:hover+.bb8-toggle__container .bb8__head:before{left:0}.bb8-toggle__checkbox:checked:hover+.bb8-toggle__container .bb8__antenna:nth-child(2){left:calc(100% - .938em)}.bb8-toggle__checkbox:checked:hover+.bb8-toggle__container .bb8__head:after{background-position:-1.375em 0}.bb8-toggle__checkbox:active+.bb8-toggle__container .bb8__head-container{transform:rotate(25deg)}.bb8-toggle__checkbox:checked:active+.bb8-toggle__container .bb8__head-container{transform:rotate(-25deg)}.bb8:hover .bb8__head:before,.bb8:hover .bb8__antenna:nth-child(2){left:50%!important}.bb8:hover .bb8__antenna:nth-child(1){right:.938em!important}.bb8:hover .bb8__head:after{background-position:0 0!important}.eyebrow{margin:0 0 10px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}h1,h2{font-family:var(--font-display);font-weight:700;line-height:.98;letter-spacing:-.03em}h1{font-size:clamp(2rem,4vw,4.3rem);margin-bottom:16px}h2{font-size:clamp(1.55rem,2.7vw,2.8rem);margin-bottom:14px}h3{font-size:1.18rem;line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}p,span,input,select,button,label,small{letter-spacing:-.01em}.hero{border-radius:var(--radius-xl);padding:34px;display:grid;gap:24px}.hero-home{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr)}.hero-catalog{grid-template-columns:minmax(0,1.4fr) minmax(290px,.9fr);margin-top:24px}.hero-text,.course-subtitle,.course-description,.lesson-summary,#detail-description,#instructor-bio,#hero-course-subtitle,.featured-subtitle,.featured-description{color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-highlights article{padding:18px;border-radius:var(--radius-md);background:#ffffff94;border:1px solid rgba(23,33,43,.08)}.hero-highlights strong,.metric-number{display:block;font-size:1.15rem;margin-bottom:8px}.hero-card{border-radius:var(--radius-lg);padding:24px;background:linear-gradient(180deg,rgba(23,33,43,.05),transparent),linear-gradient(145deg,#1f6f7824,#c95a2e21)}.hero-showcase,.course-spotlight{display:grid;align-content:start;gap:12px}.hero-card-label,.metric-label{color:var(--muted)}.showcase-list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:10px}.ghost-button,.primary-button,.secondary-button,.inline-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none;position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.ghost-button:after,.primary-button:after,.secondary-button:after,.inline-link:after,.auth-tab-button:after,.dashboard-course-item:after,.course-card-button:after,.lesson-item:after,.tab-button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff3d,#fff0);opacity:0;transition:opacity .16s ease;pointer-events:none}.ghost-button{color:var(--ink);border:1px solid var(--line);background:#ffffff8c}.primary-button{color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:0 16px 30px #93381a38}.secondary-button{color:var(--ink);background:#ffffffb8;border:1px solid rgba(23,33,43,.08)}.inline-link{min-height:38px;padding:0 14px;color:var(--teal);background:var(--teal-soft)}.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.inline-link:hover,.course-card-button:hover,.lesson-item:hover{transform:translateY(-2px)}.ghost-button:hover:after,.primary-button:hover:after,.secondary-button:hover:after,.inline-link:hover:after,.auth-tab-button:hover:after,.dashboard-course-item:hover:after,.course-card-button:hover:after,.lesson-item:hover:after,.tab-button:hover:after{opacity:1}.ghost-button:active,.primary-button:active,.secondary-button:active,.inline-link:active,.auth-tab-button:active,.dashboard-course-item:active,.course-card-button:active,.lesson-item:active,.tab-button:active{transform:translateY(1px) scale(.985)}.ghost-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.inline-link:focus-visible,.auth-tab-button:focus-visible,.dashboard-course-item:focus-visible,.course-card-button:focus-visible,.lesson-item:focus-visible,.tab-button:focus-visible{outline:3px solid rgba(31,111,120,.28);outline-offset:3px}.home-main{display:grid;gap:24px}.home-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card{padding:22px 24px;border-radius:var(--radius-lg)}.section-block{padding:24px;border-radius:var(--radius-lg)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-card{overflow:hidden;border-radius:var(--radius-lg)}.featured-art{aspect-ratio:16 / 9;background-size:cover;background-position:center}.featured-body{padding:20px}.featured-footer,.course-footer,.lesson-sidebar-head,.toolbar,.meta-row,.hero-card-pills,.course-topline{display:flex;flex-wrap:wrap;gap:10px}.featured-footer,.course-footer,.lesson-sidebar-head{justify-content:space-between;align-items:center}.pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffd9;border:1px solid rgba(23,33,43,.08);color:var(--ink);font-size:.9rem}.toolbar{align-items:end;justify-content:space-between;margin:28px 0 18px;padding:24px;border-radius:var(--radius-lg)}.toolbar-controls{display:flex;gap:12px;flex-wrap:wrap}input,select{min-width:260px;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(23,33,43,.12);background:#ffffffe0}.content-grid{display:grid;grid-template-columns:minmax(380px,1.02fr) minmax(0,1.18fr);gap:26px;align-items:start}.catalog{display:grid;gap:18px}.course-card-button{display:grid;grid-template-rows:auto 1fr;width:100%;text-align:left;border:0;border-radius:var(--radius-lg);overflow:hidden;padding:0;cursor:pointer}.course-card.is-active .course-card-button{outline:2px solid rgba(31,111,120,.45)}.course-art{aspect-ratio:16 / 9;background-size:cover;background-position:center}.course-body{display:flex;flex-direction:column;gap:10px;padding:20px;min-height:250px}.course-title,.featured-title{margin:14px 0 10px;font-size:1.38rem}.course-description,.featured-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.course-footer{margin-top:auto}.player-column{display:grid;gap:20px}.player-frame,.instructor-card,.lesson-sidebar{padding:22px;border-radius:var(--radius-lg)}.video-shell{border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#112028,#20363a)}.video-shell iframe,.video-shell video{width:100%;height:100%;border:0}.video-embed-frame{aspect-ratio:16 / 9}.video-shell video,.video-shell .video-placeholder,.video-modal-player video,.video-modal-player .video-placeholder{aspect-ratio:16 / 9}.video-placeholder{display:grid;place-items:center;height:100%;text-align:center;color:#fff;padding:24px}.player-copy{margin-top:18px}.lesson-layout{display:none}.lesson-list{display:grid;gap:10px}.lesson-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;padding:14px;border-radius:16px;border:1px solid rgba(23,33,43,.08);background:#ffffffc2;text-align:left;cursor:pointer}.lesson-item.is-active{background:linear-gradient(135deg,#c95a2e26,#1f6f7829);border-color:#1f6f783d}.lesson-order{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-weight:700}.lesson-text{display:grid;gap:4px}.empty-state{padding:26px;border-radius:var(--radius-lg);background:#ffffffa8;color:var(--muted);border:1px dashed rgba(23,33,43,.14)}@media(max-width:1080px){.hero-home,.hero-catalog,.content-grid,.lesson-layout,.featured-grid,.home-strip,.hero-highlights{grid-template-columns:1fr}}@media(max-width:720px){.page-shell{padding:18px}.topbar,.toolbar,.section-heading{flex-direction:column;align-items:stretch}.toolbar-controls,input,select{width:100%;min-width:0}}.auth-page,.dashboard-page{min-height:100vh}.auth-page{display:grid;place-items:center;padding:24px}.auth-shell{width:min(1220px,100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:24px}.auth-panel,.panel-card,.sidebar,.dashboard-topbar,.video-modal-dialog{background:var(--panel);border:1px solid rgba(255,255,255,.62);box-shadow:0 14px 34px #5a412317}.auth-panel{border-radius:32px;padding:34px}.auth-intro{position:relative;overflow:hidden;display:grid;align-content:start;gap:22px;min-height:760px;background:radial-gradient(circle at top right,rgba(31,111,120,.12),transparent 28%),radial-gradient(circle at bottom left,rgba(201,90,46,.1),transparent 30%),var(--panel)}.auth-intro:after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(31,111,120,.14),transparent 68%);pointer-events:none}.auth-brand-row{display:flex;align-items:center;gap:16px;margin-bottom:22px}.auth-brand-badge,.sidebar-logo{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:1.3rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--teal) 100%)}.auth-highlights,.demo-grid{display:grid;gap:14px}.auth-highlights article,.demo-account{padding:18px;border-radius:20px;background:#ffffff94;border:1px solid rgba(23,33,43,.08)}.demo-account{width:100%;text-align:left;cursor:pointer}.demo-account strong,.demo-account span{display:block}.auth-form{display:grid;gap:14px}.auth-inline-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.auth-inline-link{justify-self:start}.auth-insight{padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,#1f6f781f,#c95a2e1f);border:1px solid rgba(23,33,43,.08)}.auth-insight-label{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;margin-bottom:14px;background:#ffffffb8;border:1px solid rgba(23,33,43,.08);color:var(--teal);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}.auth-insight strong{display:block;font-size:1.45rem;line-height:1.2;margin-bottom:10px}.auth-insight p{margin:0;color:var(--muted)}.auth-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.auth-metrics article{padding:18px 16px;border-radius:22px;background:#ffffff9e;border:1px solid rgba(23,33,43,.08)}.auth-metrics strong{display:block;font-size:1.6rem;margin-bottom:8px}.auth-metrics span{color:var(--muted);line-height:1.45}.auth-tab-header{display:flex;gap:10px;margin-bottom:18px}.auth-tab-button{border:0;background:#ffffff9e;color:var(--muted);min-height:48px;padding:0 26px;border-radius:999px;cursor:pointer}.auth-tab-button.is-active{color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%)}.auth-tab-panel{display:none}.auth-tab-panel.is-active{display:block}#forgot-password-form[hidden]{display:none!important}.field-label{font-weight:700;font-size:.98rem}.auth-submit{width:100%;min-height:76px;margin-top:12px;font-size:1.1rem;box-shadow:0 18px 40px #93381a42}.auth-error{color:#b42318;margin-bottom:0}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;padding:22px}.sidebar{border-radius:28px;padding:28px 20px;display:grid;align-content:start;gap:24px}.sidebar-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:1.8rem;font-weight:800}.sidebar-nav{display:grid;gap:8px}.sidebar-nav a{padding:14px 16px;border-radius:16px;text-decoration:none;color:var(--muted)}.sidebar-nav a.is-active,.sidebar-nav a:hover{background:#ffffffbd;color:var(--ink)}.sidebar-promo{padding:18px;border-radius:18px;background:linear-gradient(135deg,#c95a2e2e,#1f6f782e)}.sidebar-promo strong,.sidebar-promo span{display:block}.dashboard-main{display:grid;gap:22px}.dashboard-topbar{border-radius:24px;padding:18px 22px;display:flex;justify-content:space-between;gap:16px;align-items:end}.course-switcher{display:grid;gap:8px}.course-switcher select{min-width:220px}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:22px;align-items:start}.dashboard-grid-single{grid-template-columns:1fr}.panel-card{border-radius:28px;padding:26px}.course-library-panel{display:grid;gap:16px}.dashboard-course-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-course-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:18px;border-radius:20px;border:1px solid rgba(23,33,43,.08);background:#ffffffb8;text-align:left;cursor:pointer;animation:fade-up .42s var(--ease-smooth) both}.dashboard-course-item.is-active{background:linear-gradient(135deg,#1f6f7829,#c95a2e24);border-color:#1f6f7840}.dashboard-course-item-copy{display:grid;gap:6px}.dashboard-course-item-title{font-size:1.08rem}.dashboard-course-item-meta,.dashboard-course-item-count{color:var(--muted)}.dashboard-hero{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:28px}.profile-column{display:grid;align-content:start;gap:16px}.profile-card{width:100%;min-height:360px;padding:26px 22px 22px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;color:#fff;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#2f2f32,#1d1d20);box-shadow:0 24px 48px #11121733,inset 0 1px #ffffff0a;transition:transform .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),background .22s var(--ease-smooth)}.profile-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px #11121742,inset 0 1px #ffffff0f;background:radial-gradient(circle at top,rgba(255,255,255,.1),transparent 34%),linear-gradient(180deg,#353539,#202024)}.profile-card-avatar{width:100%;display:flex;justify-content:center}.profile-card-avatar-ring{width:170px;height:170px;border-radius:999px;display:grid;place-items:center;font-size:3.4rem;font-weight:800;letter-spacing:.04em;color:#fff;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.24),transparent 30%),linear-gradient(135deg,#4f8ef7,#3ec9cf);box-shadow:inset 0 0 0 10px #fff3,0 18px 36px #00000038}.profile-card-body{width:100%;text-align:left;display:flex;flex-direction:column;gap:10px}.profile-card-label{margin:0;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff94}.profile-card-body h2{margin:0;line-height:1.02;color:#fff}.profile-card-role{margin:0;font-size:1rem;font-weight:600;color:#ffffffc7}.profile-card-footer{width:100%;margin-top:auto;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,#ffe8abf5,#ffd55dfa);color:#17212b}.profile-card-stat{display:grid;gap:8px}.profile-card-stat-label{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#1f6f78}.profile-card-stat strong{display:block;font-size:2rem;line-height:1}.course-column{display:grid;gap:18px}.dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.dashboard-stats div{padding:18px;border-radius:20px;background:#ffffffa3}.dashboard-stats dt{color:var(--muted);font-size:.92rem}.dashboard-stats dd{margin:8px 0 0;font-weight:800;font-size:1.05rem}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.password-panel{display:grid;gap:16px;padding:22px;border-radius:24px;background:#ffffffad;border:1px solid rgba(23,33,43,.08);width:100%;max-width:100%;opacity:0;transform:translateY(16px) scale(.985);transform-origin:top center;pointer-events:none;transition:opacity .28s var(--ease-smooth),transform .28s var(--ease-smooth)}.password-panel[hidden]{display:none!important}.password-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.password-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.password-panel .admin-form-field input[type=password]{width:100%;min-width:0}.password-panel .admin-form-actions{justify-content:flex-start}.password-panel .admin-form-message{flex:1 1 260px}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.admin-lesson-panel,.admin-lesson-form,.admin-form-grid,.admin-form-field{display:grid}.admin-lesson-panel{gap:18px}#admin-lesson-panel[hidden],.record-delete[hidden]{display:none!important}.admin-lesson-form{gap:16px}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form-field{gap:8px}.admin-form-field textarea,.admin-form-field input[type=text],.admin-form-field input[type=url],.admin-form-field input[type=number]{width:100%;min-width:0}.admin-form-field textarea{min-height:132px;padding:14px;border-radius:14px;border:1px solid rgba(23,33,43,.12);background:#ffffffe0;font:inherit;resize:vertical}.admin-form-field-wide{grid-column:1 / -1}.admin-form-toggle{align-content:end;grid-auto-flow:column;justify-content:start;align-items:center;gap:10px}.admin-form-toggle input{min-width:auto;min-height:auto}.admin-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.admin-form-message{margin:0;color:var(--muted)}.admin-form-message.is-error{color:#b42318}.admin-form-message.is-success{color:var(--teal)}.learning-panel{display:grid;gap:22px}.tab-header{display:flex;gap:12px;border-bottom:1px solid rgba(23,33,43,.08);padding-bottom:8px}.tab-button{border:0;background:transparent;padding:12px 8px 16px;font-size:1.1rem;font-weight:700;color:var(--muted);border-bottom:4px solid transparent;cursor:pointer}.tab-button.is-active{color:var(--ink);border-bottom-color:#2e337a}.tab-panel{display:none}.tab-panel.is-active{display:block;animation:fade-up .36s var(--ease-smooth) both}.resource-sections,.record-list{display:grid;gap:20px}.resource-group{padding:8px 0 0}.resource-group-title{margin-bottom:14px;font-size:1.8rem}.resource-card,.record-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px;border-radius:18px;background:#ffffffb3;border:1px solid rgba(23,33,43,.06);animation:fade-up .42s var(--ease-smooth) both}.dashboard-course-item:nth-child(2),.resource-card:nth-child(2),.record-card:nth-child(2){animation-delay:40ms}.dashboard-course-item:nth-child(3),.resource-card:nth-child(3),.record-card:nth-child(3){animation-delay:80ms}.dashboard-course-item:nth-child(4),.resource-card:nth-child(4),.record-card:nth-child(4){animation-delay:.12s}.resource-title,.record-title{margin-bottom:10px;font-size:1.2rem}.resource-meta{margin-bottom:0;color:var(--muted)}.resource-button{display:inline-flex;align-items:center;justify-content:center;min-width:150px;min-height:48px;padding:0 18px;border-radius:14px;text-decoration:none;border:2px solid rgba(23,33,43,.35);background:#fff}.record-copy,.record-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;min-width:0;flex-wrap:wrap}.video-tilt-wrap{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"bt-1 bt-2 bt-3" "bt-4 bt-5 bt-6";position:relative;width:172px;height:64px;padding:0;perspective:800px;transition:transform .3s ease-in-out;flex:0 0 auto}.video-tilt-wrap:active{transform:scale(.97)}.video-tilt-hit{position:relative;z-index:2;cursor:pointer}.video-tilt-wrap .bt-1{grid-area:bt-1}.video-tilt-wrap .bt-2{grid-area:bt-2}.video-tilt-wrap .bt-3{grid-area:bt-3}.video-tilt-wrap .bt-4{grid-area:bt-4}.video-tilt-wrap .bt-5{grid-area:bt-5}.video-tilt-wrap .bt-6{grid-area:bt-6}.video-tilt-button{position:absolute;inset:7px 0 auto;margin:0 auto;width:172px;height:50px;padding:0;border:3px solid #141414;border-radius:999px;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out}.video-tilt-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#d46836,#b24d22);box-shadow:0 18px 36px #c95a2e42;transition:background .3s ease-in-out,opacity .3s ease-in-out;z-index:0}.video-tilt-button:after{content:attr(data-label);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#fff;font-size:.92rem;font-weight:800;letter-spacing:-.02em;transition:top .3s ease-in-out,transform .3s ease-in-out,font-size .3s ease-in-out,color .3s ease-in-out,text-shadow .3s ease-in-out;z-index:2}.video-tilt-button-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-tilt-hit:hover~.video-tilt-button:before{opacity:.92}.video-tilt-hit:hover~.video-tilt-button:after{content:"Mở ngay";top:-58%;transform:translate(-50%);font-size:1.1rem;color:#f19c2b}.video-tilt-wrap .bt-1:hover~.video-tilt-button{transform:rotateX(15deg) rotateY(-15deg);box-shadow:-8px -8px #1818184d}.video-tilt-wrap .bt-1:hover~.video-tilt-button:after{animation:tilt-shake .5s ease-in-out .2s;text-shadow:-2px -2px rgba(24,24,24,.35)}.video-tilt-wrap .bt-3:hover~.video-tilt-button{transform:rotateX(15deg) rotateY(15deg);box-shadow:8px -8px #1818184d}.video-tilt-wrap .bt-3:hover~.video-tilt-button:after{animation:tilt-shake .5s ease-in-out .2s;text-shadow:2px -2px rgba(24,24,24,.35)}.video-tilt-wrap .bt-4:hover~.video-tilt-button{transform:rotateX(-15deg) rotateY(-15deg);box-shadow:-8px 8px #1818184d}.video-tilt-wrap .bt-4:hover~.video-tilt-button:after{animation:tilt-shake .5s ease-in-out .2s;text-shadow:-2px 2px rgba(24,24,24,.35)}.video-tilt-wrap .bt-6:hover~.video-tilt-button{transform:rotateX(-15deg) rotateY(15deg);box-shadow:8px 8px #1818184d}.video-tilt-wrap .bt-6:hover~.video-tilt-button:after{animation:tilt-shake .5s ease-in-out .2s;text-shadow:2px 2px rgba(24,24,24,.35)}.video-tilt-button:focus-visible{outline:3px solid rgba(31,111,120,.3);outline-offset:4px}.record-delete{min-width:172px;min-height:50px;padding:.48em .9em;border:3px solid #fa725a;border-radius:999px;background-color:transparent;color:#fa725a;font-size:.92rem;font-weight:800;box-shadow:0 12px 28px #fa725a1a;transition:transform .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out}.record-delete:hover{transform:scale(1.04) rotate(4deg);background-color:#fa725a;color:#fff;border-color:#fa725a;box-shadow:0 18px 34px #fa725a3d}.record-delete:active{transform:scale(.98)}body[data-theme=dark] .record-delete{color:#ff9d7f;border-color:#ff8d6c;background:#ff8d6c14}body[data-theme=dark] .record-delete:hover{color:#08101a;background:#ff8d6c;border-color:#ff8d6c}.video-modal[hidden]{display:none}.video-modal{position:fixed;inset:0;z-index:60;padding:12px;display:grid;opacity:0;pointer-events:none;transition:opacity .26s ease}.video-modal-backdrop{position:absolute;inset:0;background:#060c14b8;opacity:0;transition:opacity .26s ease}.video-modal-dialog{position:relative;width:min(1680px,100%);height:min(100%,calc(100vh - 24px));margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:28px;overflow:hidden;background:#faf5effa;box-shadow:0 24px 80px #050a1257;opacity:0;transform:translateY(28px) scale(.975);transition:opacity .26s var(--ease-smooth),transform .26s var(--ease-smooth)}.video-modal.is-open{opacity:1;pointer-events:auto}.video-modal.is-open .video-modal-backdrop{opacity:1}.video-modal.is-open .video-modal-dialog{opacity:1;transform:translateY(0) scale(1)}.video-modal-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 24px;border-bottom:1px solid rgba(23,33,43,.08)}.video-modal-header h2{margin:0;font-size:clamp(1.6rem,3vw,3rem);line-height:1.05}.video-modal-header .eyebrow{margin-bottom:6px}.modal-close{border:0;width:52px;height:52px;border-radius:999px;background:#11202814;font-size:2rem;line-height:1;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.video-modal-player{min-height:0;background:#101820;display:grid;grid-template-rows:minmax(0,1fr) auto}.video-modal-player iframe,.video-modal-player video{width:100%;height:100%;border:0}.video-help{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;color:#ffffffd1;font-size:.95rem;background:#101820c7}.video-help a,.video-placeholder-error a{color:var(--accent);font-weight:700;text-decoration:none}.video-placeholder-error{gap:12px;text-align:left}.video-modal-player .video-embed-frame,.video-modal-player video,.video-modal-player .video-placeholder{height:100%;aspect-ratio:auto}.video-modal-player .video-embed-frame iframe,.video-modal-player video{object-fit:contain;background:#000}.modal-open{overflow:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes tilt-shake{0%{left:45%}25%{left:54%}50%{left:48%}75%{left:52%}to{left:50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1180px){.auth-shell,.dashboard-grid,.dashboard-hero,.admin-form-grid,.dashboard-course-list,.dashboard-shell,.auth-metrics{grid-template-columns:1fr}}@media(max-width:720px){.auth-page,.dashboard-shell{padding:16px}.dashboard-topbar,.resource-card,.record-card,.video-modal-header{flex-direction:column;align-items:stretch}.video-modal{padding:8px}.video-modal-dialog{height:calc(100vh - 16px);border-radius:22px}.video-help{flex-direction:column;align-items:flex-start}.dashboard-stats{grid-template-columns:1fr}.video-tilt-wrap{width:100%;max-width:220px}.video-tilt-button{width:100%}.record-actions{align-items:stretch;justify-content:stretch;gap:10px}.record-delete{width:100%;min-width:0}.video-tilt-wrap{max-width:172px}}