@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.user-menu{position:relative}.user-icon{cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:.25s ease}.user-icon:hover{background:#f0f0f0}.user-avatar-img{width:100%;height:100%;object-fit:cover}.dropdown-menu{position:absolute;top:45px;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:160px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden}.dropdown-item{display:block;width:100%;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;color:#333;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.dropdown-item:hover{background:#f5f5f5;color:#0050b8}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background:#fbeaea;color:#dc3545}.nav-menu{display:flex;gap:24px}.nav-link{position:relative;text-decoration:none;font-weight:500;color:#333;padding:6px 0;transition:color .2s ease}.nav-link:hover{color:#0050b8}.nav-link.active{color:#0050b8;font-weight:600}.nav-link:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) scaleX(0);width:100%;height:2px;background:#0050b8;border-radius:2px;transform-origin:center;transition:transform .22s cubic-bezier(.2,.9,.3,1),opacity .18s ease;opacity:.95}.nav-link.active:after,.nav-link:hover:after{transform:translate(-50%) scaleX(1);opacity:1}@media(max-width:768px){.header .nav-container{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;max-width:100%!important;box-sizing:border-box!important}.header .nav-container .logo{order:1!important;margin:0!important;text-align:left!important;flex-shrink:1!important;min-width:0!important}.header .nav-container .nav-buttons{order:2!important;margin-left:auto!important;flex-shrink:0!important;gap:6px!important}.header .nav-container .nav{order:3!important;display:none!important}.header .nav-container .logo a{height:42px!important;overflow:visible!important}.header .nav-container .logo .header-brand-logo{margin:0!important;display:block!important;height:42px!important;width:auto!important;max-height:42px!important;image-rendering:auto!important}.header .nav-container .nav-buttons .btn-register{width:auto!important;min-width:0!important;padding:0 12px!important;font-size:11px!important;height:30px!important;line-height:30px!important;white-space:nowrap!important}}.header{padding-top:8px!important;padding-bottom:8px!important;opacity:1;transition:opacity .12s ease;will-change:transform;width:100%!important;box-sizing:border-box!important}.header.header-hidden{transform:translateY(calc(-100% - 14px));opacity:0;pointer-events:none}.header .nav-container{margin:0 auto!important;max-width:1200px!important;padding-left:12px!important;padding-right:12px!important;align-items:center!important;box-sizing:border-box!important}.logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important}.logo a{display:block!important;height:66px!important;overflow:visible!important}.logo img{max-height:66px!important;height:auto!important;width:auto!important;display:block!important;image-rendering:auto!important}.logo .header-brand-logo{max-height:40px!important;height:66px!important;width:auto!important;margin-top:15px!important;filter:brightness(0) saturate(100%) invert(30%) sepia(31%) saturate(3633%) hue-rotate(197deg) brightness(99%) contrast(92%)}.nav-buttons{display:flex!important;align-items:center!important}.menu-toggle{display:none}@media(max-width:900px){.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:34px;padding:6px;background:transparent;border:none;cursor:pointer;align-items:center;border-radius:6px}.menu-toggle span{display:block;width:22px;height:2px;background:#0050b8;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav.open{display:block!important;position:absolute!important;right:12px!important;top:56px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;padding:8px!important;box-shadow:0 6px 18px #0000001f!important;z-index:1200!important;min-width:160px!important}.header .nav-container .nav.open{display:block!important;position:absolute!important;right:12px!important;top:56px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;padding:8px!important;box-shadow:0 6px 18px #0000001f!important;z-index:1200!important;min-width:160px!important;transform-origin:top right!important;transform:scaleY(1)!important;opacity:1!important}.header .nav-container .nav.open.fullwidth,.header .nav-container .nav.open[data-full=true]{left:0!important;right:0!important;top:100%!important;position:absolute!important;margin:0!important;background:#fff!important;border:1px solid #ddd!important;border-radius:0 0 8px 8px!important;padding:12px 0!important;box-shadow:0 6px 18px #00000014!important;z-index:1300!important}.header .nav-container .nav.open.fullwidth:before,.header .nav-container .nav.open[data-full=true]:before{display:none!important}.header .nav-container .nav.open.fullwidth .nav-menu,.header .nav-container .nav.open[data-full=true] .nav-menu{display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important}.header .nav-container .nav.open.fullwidth .nav-menu .nav-link,.header .nav-container .nav.open[data-full=true] .nav-menu .nav-link{padding:12px 16px!important;text-align:left!important;border-top:1px solid rgba(0,0,0,.04);color:#333!important}.header .nav-container .nav.open.fullwidth .nav-menu .nav-link:first-child,.header .nav-container .nav.open[data-full=true] .nav-menu .nav-link:first-child{border-top:none!important}.nav.open .nav-menu{display:flex!important;flex-direction:column!important;gap:8px!important;padding:4px 0!important}.header .nav-container .nav.open .nav-menu .nav-link.active,.header .nav-container .nav.open.fullwidth .nav-menu .nav-link.active,.header .nav-container .nav.open[data-full=true] .nav-menu .nav-link.active{color:#fff!important;background:#0050b8!important;padding:10px 16px!important;border-radius:20px!important;box-shadow:0 6px 16px #0050b81f!important}.header .nav-container .nav.open .nav-menu .nav-link.active:after,.header .nav-container .nav.open.fullwidth .nav-menu .nav-link.active:after,.header .nav-container .nav.open[data-full=true] .nav-menu .nav-link.active:after{transform:translate(-50%) scaleX(0)!important;opacity:0!important}.nav{transform-origin:top right;transform:scaleY(0);opacity:0;transition:transform .16s ease,opacity .16s ease;will-change:transform,opacity}.nav.open{transform:scaleY(1)!important;opacity:1!important}.nav.open:before{content:"";position:absolute;top:-6px;right:22px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-left:1px solid #ddd;border-top:1px solid #ddd;box-shadow:-2px -2px 6px #00000008}.nav.open .nav-menu .nav-link{color:#333!important;padding:10px 14px!important;width:100%;display:block!important}.menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav.open .nav-menu .nav-link{color:#333!important;background:transparent!important;padding:8px 12px!important;display:block!important}.header .nav-container .menu-toggle{position:static!important;right:auto!important;top:auto!important;transform:none!important}.header .nav-container .user-menu{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1300!important}.header .nav-container .user-menu+.menu-toggle{position:absolute!important;right:88px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1300!important}}@media(max-width:900px){.header .nav-container .logo a,.header .nav-container .logo img,.header .nav-container .logo .header-brand-logo{height:38px!important;max-height:38px!important;width:auto!important}.header .nav-container .menu-toggle{width:36px!important;height:30px!important;z-index:2200!important}.header .nav-container .menu-toggle span{width:18px!important;height:2px!important}.header .nav-container .logo{margin-right:8px!important}}@media(max-width:420px){.header .nav-container .logo a,.header .nav-container .logo img,.header .nav-container .logo .header-brand-logo{height:32px!important;max-height:32px!important}.header .nav-container .menu-toggle{width:34px!important;height:26px!important}.header .nav-container .menu-toggle span{width:16px!important}.header .nav-container .nav-buttons .btn-register{padding:0 8px!important;font-size:10px!important;height:28px!important;line-height:28px!important}}.cookie-wrap{position:fixed;right:24px;bottom:24px;z-index:1200;width:min(500px,calc(100vw - 32px))}.cookie-card{border-radius:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 40px #11182714;padding:24px;font-family:inherit}.cookie-head h3{margin:0;font-size:16px;color:#111827;font-weight:600;letter-spacing:-.01em}.cookie-head p{margin:10px 0 0;color:#4b5563;font-size:13.5px;line-height:1.55}.cookie-policy-link-wrap{margin:16px 0 0;font-size:13px;color:#6b7280}.cookie-policy-link-wrap a{color:#2563eb;font-weight:500;text-decoration:none}.cookie-policy-link-wrap a:hover{text-decoration:underline}.cookie-customize{margin-top:16px;border-top:1px solid #f3f4f6;padding-top:16px}.cookie-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #f9fafb}.cookie-row:last-of-type{border-bottom:none}.cookie-row strong{display:block;color:#374151;font-size:14px;font-weight:600}.cookie-row small{display:block;margin-top:4px;color:#6b7280;font-size:12.5px;line-height:1.4}.cookie-row input[type=checkbox]{width:18px;height:18px;accent-color:#111827;margin-top:2px;cursor:pointer}.cookie-row-lock input[type=checkbox]{opacity:.6;cursor:not-allowed}.cookie-actions{margin-top:20px}.cookie-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cookie-btn{border:1px solid transparent;border-radius:8px;padding:10px 16px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.cookie-btn.primary{background:#111827;color:#fff;border-color:#111827}.cookie-btn.primary:hover{background:#1f2937}.cookie-btn.ghost{background:#fff;color:#374151;border-color:#d1d5db}.cookie-btn.ghost:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:640px){.cookie-wrap{right:12px;left:12px;width:auto;bottom:12px}.cookie-card{padding:20px}.cookie-actions-grid{grid-template-columns:1fr}}:root{--ch-primary: #0068ff;--ch-phone: #27ae60;--ch-zalo: #0068ff;--ch-bg: rgba(255,255,255,.98)}.contact-hotline{position:fixed;left:40px;bottom:40px;z-index:1400;display:flex;flex-direction:row;align-items:flex-end;gap:16px;font-family:inherit}.ch-fab{width:56px;height:56px;border-radius:50%;background:var(--ch-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 8px 20px #02061729;transition:transform .12s ease,box-shadow .12s ease;animation:ch-shake .9s cubic-bezier(.2,.8,.2,1) infinite}.ch-fab:active{transform:scale(.98)}.ch-actions{display:flex;flex-direction:column-reverse;gap:10px;transform:translate(-10px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease;margin-bottom:2px}.contact-hotline.open .ch-actions{transform:translate(0);opacity:1;pointer-events:auto}.ch-action{display:flex;align-items:center;gap:10px;background:var(--ch-bg);padding:8px 12px;border-radius:28px;color:#0b1220;text-decoration:none;box-shadow:0 8px 18px #0206170f;min-width:160px}.ch-action-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.ch-action-icon.phone{background:var(--ch-phone)}.ch-action-icon.zalo{background:var(--ch-zalo)}.ch-action-label{font-weight:600;font-size:14px}@media(max-width:640px){.contact-hotline{left:16px;bottom:44px;gap:10px}.ch-fab{width:50px;height:50px}.ch-actions{gap:8px}.ch-action{min-width:132px;padding:7px 10px}.ch-action-icon{width:32px;height:32px}.ch-action-label{font-size:13px}}@keyframes ch-shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-6px,-2px) rotate(-18deg)}20%{transform:translate(6px,2px) rotate(16deg)}30%{transform:translate(-5px,-1px) rotate(-12deg)}40%{transform:translate(5px,1px) rotate(10deg)}50%{transform:translate(-4px) rotate(-6deg)}60%{transform:translate(4px,1px) rotate(4deg)}70%{transform:translate(-2px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.cursor-burst{position:fixed;left:0;top:0;pointer-events:none;z-index:99998}.cursor-burst-particle{position:absolute;left:0;top:0;width:var(--particle-size);height:var(--particle-size);border:1px solid #facc15;background:#facc1580;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;opacity:0;animation-name:cursor-burst-fall;animation-duration:var(--particle-duration);animation-delay:var(--particle-delay);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.2,.7,.2,1)}@keyframes cursor-burst-fall{0%{transform:translate(-50%,-50%) translateZ(0) rotate(45deg);opacity:0}10%{opacity:1}to{transform:translate(-50%,-50%) translate3d(var(--particle-offset-x),var(--particle-fall-distance),0) rotate(calc(45deg + var(--particle-spin)));opacity:0}}@media(prefers-reduced-motion:reduce){.cursor-burst-particle{animation:none;opacity:0}}.faq-chatbot-container{position:fixed;bottom:112px;left:40px;z-index:1400;font-family:inherit;display:flex;flex-direction:column;align-items:flex-start}.faq-chatbot-toggle{width:56px;height:56px;border-radius:50%;background:#0068ff;color:#fff;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 8px 20px #02061729;transition:transform .12s ease,box-shadow .12s ease;animation:chatbot-shake .9s cubic-bezier(.2,.8,.2,1) infinite;position:relative;margin-top:12px}.faq-chatbot-toggle:active{transform:scale(.98)}.faq-notification-dot{position:absolute;top:0;right:0;background-color:#ef4444;width:14px;height:14px;border-radius:50%;border:2px solid white;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes chatbot-shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-6px,-2px) rotate(-18deg)}20%{transform:translate(6px,2px) rotate(16deg)}30%{transform:translate(-5px,-1px) rotate(-12deg)}40%{transform:translate(5px,1px) rotate(10deg)}50%{transform:translate(-4px) rotate(-6deg)}60%{transform:translate(4px,1px) rotate(4deg)}70%{transform:translate(-2px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.faq-chatbot-window{width:360px;height:520px;max-height:calc(100vh - 120px);box-shadow:0 10px 40px -10px #00000040;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards;transform-origin:bottom left;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid #e5e7eb;background:#fff}@keyframes slideUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.faq-chatbot-header{background:#0068ff;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a;z-index:10}.faq-chatbot-header-info{display:flex;align-items:center;gap:12px}.faq-chatbot-header-icon{background:#fff3;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.faq-chatbot-header-text h3{margin:0;font-size:15px;font-weight:600;line-height:1.2}.faq-chatbot-header-text p{margin:2px 0 0;font-size:11px;color:#fffc;line-height:1.2}.faq-chatbot-close{background:transparent;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.faq-chatbot-close:hover{background:#fff3;color:#fff}.faq-chatbot-messages{flex:1;padding:16px;overflow-y:auto;background:#e2e8f0;display:flex;flex-direction:column;gap:12px}.faq-chatbot-messages::-webkit-scrollbar,.faq-chatbot-actions::-webkit-scrollbar{width:5px}.faq-chatbot-messages::-webkit-scrollbar-thumb,.faq-chatbot-actions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.faq-msg-row{display:flex;width:100%}.faq-msg-user{justify-content:flex-end}.faq-msg-bot{justify-content:flex-start}.faq-bot-avatar{width:28px;height:28px;border-radius:50%;background:#0068ff;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0;margin-top:4px;box-shadow:0 1px 2px #0000001a}.faq-msg-bubble{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;box-shadow:0 1px 2px #0000000d;line-height:1.5}.faq-msg-user .faq-msg-bubble{background:#e5efff;color:#000;border-bottom-right-radius:4px}.faq-msg-bot .faq-msg-bubble{background:#fff;color:#1f2937;border-bottom-left-radius:4px;border:1px solid #f1f5f9}.faq-msg-bubble p{margin:0;white-space:pre-wrap}.faq-prose{line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.faq-prose p{margin-bottom:.5em}.faq-prose p:last-child{margin-bottom:0}.faq-loading-bubble{background:#fff;padding:12px 16px;border-radius:16px 16px 16px 4px;display:flex;gap:6px;align-items:center;height:40px;box-shadow:0 1px 2px #0000000d;border:1px solid #f1f5f9}.faq-dot{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.faq-chatbot-actions{padding:12px;background:#fff;border-top:1px solid #e5e7eb;max-height:200px;overflow-y:auto}.faq-topics-container{display:flex;flex-wrap:wrap;gap:8px}.faq-topic-btn{background:#fff;color:#0068ff;border:1px solid #0068ff;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.faq-topic-btn:hover{background:#f0f7ff}.faq-no-topics{font-size:13px;color:#6b7280;font-style:italic;padding:8px}.faq-questions-container{display:flex;flex-direction:column;gap:8px}.faq-question-btn{background:#f8fafc;color:#334155;border:1px solid #e2e8f0;padding:10px 12px;border-radius:8px;font-size:13px;cursor:pointer;text-align:left;transition:all .2s;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.faq-question-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.faq-bullet{color:#0068ff;font-weight:700}.faq-back-container{padding-top:8px;margin-top:4px;border-top:1px dashed #e2e8f0;display:flex;justify-content:center}.faq-back-btn{background:#fff;color:#64748b;border:1px solid #cbd5e1;padding:6px 16px;border-radius:16px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.faq-back-btn:hover{background:#f8fafc;color:#334155}@media(max-width:640px){.faq-chatbot-container{bottom:104px;left:16px}.faq-chatbot-toggle{width:50px;height:50px}.faq-chatbot-window{width:calc(100vw - 32px);max-height:calc(100vh - 120px)}}.cookie-policy-page{min-height:100vh;background:radial-gradient(1200px 500px at 0% 0%,rgba(16,110,186,.09),transparent 60%),radial-gradient(1000px 380px at 100% 20%,rgba(255,167,38,.1),transparent 60%),#f7fbff;padding:34px 14px 56px}.cookie-policy-shell{max-width:980px;margin:0 auto}.cookie-policy-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#3f5970}.cookie-policy-breadcrumb a{color:#0d5b95;text-decoration:none;font-weight:700}.cookie-policy-hero{margin-top:14px;background:linear-gradient(135deg,#3791d0 0% 100%);color:#fff;padding:24px;border-radius:16px;box-shadow:0 12px 36px #0f416633}.cookie-policy-hero h1{margin:0;font-size:30px}.cookie-policy-hero p{margin:10px 0 0;font-size:15px;line-height:1.6;max-width:720px}.cookie-policy-grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.cookie-policy-card{background:#fff;border:1px solid #dceaf5;border-radius:14px;padding:18px;box-shadow:0 6px 20px #15426c12}.cookie-policy-card h2{margin:0;color:#163f63;font-size:20px}.cookie-policy-card p,.cookie-policy-card li{margin-top:10px;color:#38536c;font-size:14px;line-height:1.6}.cookie-policy-card ul{margin:0;padding-left:20px}.cookie-policy-footer{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.cookie-policy-footer a{text-decoration:none;background:#e8f3fb;color:#0f5c95;border:1px solid #cde1f0;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700}@media(max-width:860px){.cookie-policy-grid{grid-template-columns:1fr}.cookie-policy-hero h1{font-size:24px}}:root{--primary-blue: #0050b8 !important;--secondary-yellow: #e6b804 !important;--bg-body: #e5e5e5 !important;--bg-body: #f8fafb !important;--bg-card: #ffffff !important;--bg-card-hover: #f5f5f5;--text-white: #ffffff !important;--text-gray: #555555 !important;--text-black: #111111 !important;--border-color: #e5e5e5}body{font-family:Roboto,sans-serif;margin:0;padding:0;overflow-x:hidden;background-color:var(--bg-body);color:var(--text-white);width:100%}a{color:var(--primary-yellow);transition:color .3s}.header{background:var(--bg-card);padding:16px 0;box-shadow:0 4px 15px #00000080;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}.nav-container{max-width:1200px;margin:-20px auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo img{height:70px;width:auto}.nav-menu{display:flex;list-style:none;gap:30px;align-items:center}.nav-menu a{color:var(--text-white);text-decoration:none;font-weight:500;transition:color .3s}.nav-menu a:hover{color:var(--primary-yellow)}.nav-buttons{display:flex;gap:10px}.btn{padding:8px 20px;border-radius:5px;text-decoration:none;font-weight:700;transition:all .3s;border:none;cursor:pointer;font-size:14px}body{background-color:var(--bg-body);color:var(--text-white)}body .btn-primary,.btn-primary.btn-primary{background:#0050b8!important;color:#fff!important;border:none!important}body .btn-primary:hover,.btn-primary.btn-primary:hover{background:#0050b8!important;color:var(--text-white)!important;transform:translateY(-2px)}.btn-register1{background-color:#e6b804;color:#000;font-weight:700;padding:10px 26px;border-radius:6px;text-decoration:none;border:none;transition:all .3s ease;display:inline-block}.btn-register1:hover{background-color:#e6b804;color:#000;transform:translateY(-2px)}.btn-login{display:inline-block!important;text-decoration:none!important;background-color:#0050b8;color:#fff;width:110px!important;height:34px;line-height:34px;text-align:center;font-size:12px!important;font-weight:600;border-radius:20px;transition:background-color .25s ease}.btn-login:hover{background-color:#003b8e}.btn-register{display:inline-block;text-decoration:none;background-color:#0050b8;color:#fff;width:110px;height:34px;line-height:34px;text-align:center;font-size:12px;font-weight:600;border-radius:20px;transition:background-color .25s ease}.btn-register:hover{background-color:#003b8e}.btn-secondary{background:#fff;color:#0050b8;border:2px solid #ffffff}.btn-secondary:hover{background:#e6b804;color:#000}.hero{background-color:#1c68cc;color:#fff;padding:20px 20px 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:#001e6440;z-index:1}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#fff0,#fff);z-index:1;pointer-events:none}.hero>.container{position:relative;z-index:2}.hero h1{font-size:3.5rem;margin-bottom:5px;margin-top:-50px;font-weight:700;line-height:1.3;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.8)}.hero p{font-size:1.1rem;opacity:.9;max-width:800px;margin:0 auto 30px;color:#e0e0e0;text-shadow:0 1px 5px rgba(0,0,0,.5)}.section{padding:60px 20px}.section-white{background:#fff!important}section.section-white{background:#f8fafb!important}.section-gray{background:#f9fafb}.section-gray .section-title,.section-gray h2{color:var(--secondary-blue)!important}.section-title{text-align:center;font-size:2rem;margin-bottom:15px;color:var(--secondary-blue)!important;font-weight:700;text-transform:uppercase;letter-spacing:1px}h2.section-title,h3.section-title{color:var(--secondary-blue)!important}.intro-section{background:var(--bg-card)!important;padding:80px 20px;text-align:center}.intro-title{font-size:2.5rem;font-weight:700;color:var(--secondary-blue)!important;margin-bottom:40px}.intro-content{max-width:900px;margin:0 auto 60px}.intro-description{font-size:1rem;line-height:1.8;color:var(--text-white);text-align:center;margin-bottom:25px}.intro-description strong{font-weight:600;color:var(--primary-yellow)}.intro-stats{display:flex;justify-content:center;gap:80px;max-width:1000px;margin:0 auto;flex-wrap:wrap}.intro-stat-item{text-align:center;min-width:200px}.intro-stat-number{font-size:3.5rem;font-weight:700;color:var(--primary-yellow);margin-bottom:10px;line-height:1}.intro-stat-label{font-size:1rem;color:var(--text-gray)}.steps-section{background-color:#fff!important}.steps-section h2{font-size:2.25rem!important;font-weight:800;color:#fff!important;padding:50px 10px;margin-bottom:10px!important}.steps-section .section-title,.steps-section .step-title{color:var(--primary-yellow)!important;font-size:1.1rem;font-weight:600}.steps-row{display:flex;justify-content:center;align-items:center;gap:5px;position:relative;flex-wrap:wrap;margin-bottom:20px}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:180px;min-height:200px;position:relative;z-index:2}.step-icon{width:80px;height:80px;background-color:var(--secondary-blue);border:2px solid var(--secondary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;transition:all .3s ease;flex-shrink:0}.step-item:hover .step-icon{transform:scale(1.05);background-color:transparent}.step-icon img{width:40px;height:40px;object-fit:contain;filter:brightness(0) saturate(100%) invert(74%) sepia(58%) saturate(911%) hue-rotate(2deg) brightness(97%) contrast(93%)}.step-item:hover .step-icon img{filter:brightness(0) saturate(100%) invert(74%) sepia(58%) saturate(911%) hue-rotate(2deg) brightness(97%) contrast(93%)}.step-title{font-size:.9rem;font-weight:600;color:var(--secondary-blue)!important;margin-bottom:10px;line-height:1.3;min-height:36px}.step-desc{font-size:.9rem;color:var(--text-gray);line-height:1.5;margin-top:-20px}.step-arrow{display:flex;align-items:center;justify-content:center;min-width:24px;margin-top:-110px;height:auto;color:#03367a;font-size:18px;line-height:1;font-weight:700}.step-arrow:before{content:""}.step-arrow:after{content:none}.step-arrow-right:before{content:"→"}.step-arrow-left:before{content:"←"}.step-arrow-vertical{display:none;font-size:24px;color:#0050b8;margin:10px 0;text-align:center}.step-arrow-down{display:flex;justify-content:center;margin:4px 0 0;min-height:80px;overflow:visible;color:#03367a}.steps-row1 .step-item-payment{position:relative}.steps-row1 .step-item-payment:before{content:"↓";position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 8px);font-size:18px;line-height:1;font-weight:700;color:#03367a;z-index:2}.steps-row1 .step-item-payment:after{content:none}.steps-row1{margin-bottom:40px}.step-arrow-down-container{display:none!important}@media(max-width:1024px){.steps-row{gap:5px}.step-item{width:160px;min-height:180px}.step-arrow{min-width:24px}.step-arrow svg{width:60px}.step-arrow-down-container svg{transform:translate(345px)}}@media(max-width:900px)and (min-width:481px){.steps-row{flex-wrap:nowrap;gap:clamp(4px,1vw,8px);align-items:flex-start}.step-item{width:auto;min-height:auto;flex:1 1 0;min-width:0}.step-arrow{flex:0 0 24px;min-width:24px;margin-top:clamp(8px,1.8vw,16px)}.step-arrow svg{width:100%;height:auto}.step-icon{width:clamp(52px,8.5vw,64px);height:clamp(52px,8.5vw,64px);margin-bottom:8px}.step-icon img{width:clamp(24px,4vw,30px);height:clamp(24px,4vw,30px)}.step-title{font-size:clamp(.82rem,1.7vw,.95rem);line-height:1.25;min-height:auto;margin-bottom:6px;overflow-wrap:anywhere;word-break:break-word}.step-desc{font-size:clamp(.72rem,1.4vw,.82rem);line-height:1.3;margin-top:0;overflow-wrap:anywhere;word-break:break-word}.step-arrow-down{min-height:48px;margin:0}.step-arrow-down-container{justify-content:flex-end;margin-top:-8px}.step-arrow-down-container svg{width:14px;height:auto;transform:translate(285px)}.steps-row1{margin-bottom:40px}}@media(max-width:430px){.steps-row{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:clamp(4px,2vw,8px);align-items:flex-start}.step-item{width:auto;flex:1 1 0;max-width:none;min-height:auto;margin-bottom:10px;padding:0;min-width:0}.step-arrow{display:flex;flex:0 0 24px;min-width:24px;margin-top:20px}.step-arrow-down{display:flex;min-height:48px;margin:0}.step-arrow-vertical{display:none}.step-arrow svg{width:clamp(12px,4vw,20px);height:auto}.step-arrow-down-container{margin-top:-4px;justify-content:flex-end;padding-right:0}.step-arrow-down-container svg{width:clamp(10px,3vw,14px);height:auto;transform:translate(-46px)!important}.step-icon{width:clamp(44px,14vw,56px);height:clamp(44px,14vw,56px);margin-bottom:6px!important}.step-icon img{width:clamp(20px,6vw,28px);height:clamp(20px,6vw,28px)}.step-title{margin-bottom:4px!important;min-height:auto!important;line-height:1.25!important;font-size:clamp(.72rem,2.5vw,.95rem)!important}.step-desc{margin-top:0!important;font-size:clamp(.62rem,2.2vw,.82rem)!important;display:block!important;visibility:visible!important;line-height:1.25!important;overflow-wrap:anywhere;word-break:break-word}.steps-row1{margin-bottom:40px}}@media(max-width:480px){.steps-row{gap:clamp(4px,1.5vw,6px)}.step-item{width:auto;flex:1 1 0;max-width:none;min-width:0}.step-arrow{display:flex;flex:0 0 24px;min-width:24px;margin-top:16px}.step-arrow svg{width:clamp(12px,3vw,16px);height:auto}.step-arrow-down{display:flex;min-height:40px;margin:0}.step-arrow-down-container svg{width:clamp(10px,2.4vw,13px);height:auto;transform:translate(-38px)!important}.step-icon{width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);margin-bottom:4px!important}.step-icon img{width:clamp(18px,4.6vw,24px);height:clamp(18px,4.6vw,24px)}.step-title{margin-bottom:3px!important;min-height:auto!important;line-height:1.2!important;font-size:clamp(.72rem,1.9vw,.86rem)!important}.step-desc{display:block!important;visibility:visible!important;font-size:clamp(.62rem,1.8vw,.75rem)!important;margin-top:0!important;line-height:1.2!important;overflow-wrap:anywhere;word-break:break-word}.steps-row1{margin-bottom:40px}}.uav-cert-section{background-color:#fff;padding:60px 20px}.uav-cert-section .section-title,.uav-cert-section h2{color:var(--secondary-blue)!important}.uav-cert-section .container{max-width:1600px!important}.uav-cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:2340px;margin:40px auto 0;padding:0 20px}.uav-cert-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:35px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;justify-content:flex-start;height:100%;color:var(--text-white)}.uav-cert-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:15px;width:fit-content}.badge-a{background-color:#0027ff26;color:var(--primary-yellow);border:1px solid var(--primary-yellow)}.uav-cert-title{font-size:1.6rem;font-weight:700;color:var(--primary-yellow);margin:0 0 15px}.uav-cert-desc{font-size:.95rem;color:var(--text-white);line-height:1.6;margin-bottom:20px;text-align:justify}.uav-cert-note{font-style:italic;color:var(--text-gray);margin-bottom:15px;font-size:.9rem}.uav-cert-list{margin:10px 0 25px;padding-left:0;list-style:none;counter-reset:item}.uav-cert-list li{position:relative;padding-left:25px;margin-bottom:10px;font-size:.95rem;color:var(--text-white);line-height:1.5}.uav-cert-list li:before{content:counter(item) ". ";counter-increment:item;position:absolute;left:0;font-weight:700;color:var(--primary-yellow)}.uav-duration-box{background:#fff;border:1px solid #444;padding:15px;border-radius:6px;font-weight:700;color:var(--primary-yellow);font-size:.95rem;margin-top:10px;margin-bottom:20px}.uav-cert-btn,.uav-cert-btn-detail{width:100%;padding:8px 12px;background:#0050b800;border:1px solid var(--primary-yellow);color:#0050b8;font-weight:600;text-align:center;border-radius:6px;cursor:pointer;transition:all .3s;margin-top:10px}.uav-cert-btn:hover,.uav-cert-btn-detail:hover{background:#e6b804;color:var(--text-black)}.cert-tabs-container{margin-top:10px;padding-top:15px;border-top:1px solid #444}.cert-tabs-label{font-weight:700;margin-bottom:10px;display:block;color:var(--text-white);font-size:1rem}.cert-tabs-header{display:flex;gap:8px;flex-wrap:nowrap;margin-bottom:5px;background:#fff;padding:5px;border-radius:6px;overflow-x:auto;overflow-y:hidden}.cert-tabs-header.scroll-x{overflow-x:auto}.cert-tab-btn{border:none;background:transparent;padding:8px 15px;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s;border-radius:4px;text-align:center;flex-shrink:0;font-weight:600;color:var(--text-gray)}.cert-tab-btn.active{font-weight:700;color:#000!important;background-color:#e6b804}.cert-tab-content{padding:5px 0 0}.sub-list-arrow{list-style:none;padding:0;margin:0}.sub-list-arrow li{position:relative;padding-left:25px;margin-bottom:10px;color:var(--text-white);font-size:.95rem;line-height:1.5;font-weight:500}.sub-list-arrow li:before{content:"›";position:absolute;left:0;top:-8px;color:var(--primary-yellow);font-size:1.5rem}.solutions-section-title{color:var(--primary-yellow)!important}.solutions-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1400px;margin:40px auto 0;padding-bottom:20px}.service-card{display:flex;flex-direction:column;width:calc((100% - 90px)/4);height:auto;align-items:center;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-image-wrapper{width:100%;height:260px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.service-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0px 10px 20px rgba(0,0,0,.5))}.service-title{font-size:1.4rem!important;font-weight:800;color:var(--primary-yellow);margin-bottom:12px;text-transform:uppercase;text-align:center;min-height:85px;display:flex;align-items:flex-start;justify-content:center}.service-desc{font-size:.9rem;color:var(--text-gray);text-align:center;margin-bottom:20px;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.service-btn{background-color:transparent;color:var(--primary-yellow);border:2px solid var(--primary-yellow);padding:10px 28px;border-radius:20px;font-weight:600;text-decoration:none;margin-top:auto;margin-bottom:10px;box-shadow:0 4px 6px #0003}.service-btn:hover{background-color:var(--primary-yellow);color:var(--text-white);transform:translateY(-2px)}.point-image-marker{--marker-size: 400px;--marker-padding: 4px;--marker-border-radius: 12px;--accent-color: #00e5ff;width:var(--marker-size);height:auto;aspect-ratio:16 / 10;cursor:pointer;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.2);border-radius:var(--marker-border-radius);padding:var(--marker-padding);box-shadow:0 10px 30px #00000080,inset 0 0 20px #00e5ff1a;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:floatMarker 4s ease-in-out infinite;position:relative}.point-image-marker:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(15,23,42,.6)}.point-image-marker:before{content:"";position:absolute;bottom:-35px;left:50%;transform:translate(-50%);width:14px;height:6px;background:var(--accent-color);border-radius:50%;filter:blur(2px);box-shadow:0 0 20px var(--accent-color),0 0 40px var(--accent-color);animation:pulseMarker 2s infinite}.point-image-marker:hover{transform:scale(1.1) translateY(-10px);background:#0f172ad9;border-color:var(--accent-color);box-shadow:0 20px 40px #0009,0 0 30px #00e5ff66;z-index:1000}.point-image-marker img{width:100%;height:100%;display:block;object-fit:cover;border-radius:calc(var(--marker-border-radius) - 2px);pointer-events:none;transition:transform .4s ease}.point-image-marker:hover img{transform:scale(1.05)}@keyframes floatMarker{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulseMarker{0%{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.8);opacity:.4}to{transform:translate(-50%) scale(1);opacity:.8}}.map-3d-section{background:var(--bg-body);padding:0;position:relative}.map-3d-section .section-title,.map-3d-section h2{color:var(--primary-yellow)!important}.map-3d-header{background:#fff;padding:40px 20px;text-align:center}.map-3d-container{position:relative;width:100%;height:600px;background:linear-gradient(135deg,#fff 0% 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.map-3d-container.fullscreen{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:999999!important;border-radius:0}.map-3d-gallery{background:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:24px 20px 40px}.map-3d-gallery img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 18px #0000001f;background:#fff}.facility-section{width:100%;padding:10px 0;background:#f5f7fa}.facility-section .section-title{text-align:center;font-size:42px;font-weight:800;margin-bottom:20px;color:#111;letter-spacing:2px}.facility-banner{width:100%;height:650px;display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:20px;-webkit-overflow-scrolling:touch}.facility-banner:active{cursor:grabbing}.facility-banner::-webkit-scrollbar{display:none}.facility-banner img{min-width:100%;height:100%;object-fit:cover;flex-shrink:0;scroll-snap-align:start;pointer-events:none}@media(max-width:1024px){.facility-banner{height:500px}}@media(max-width:768px){.facility-banner{height:auto;aspect-ratio:16 / 9;border-radius:12px}.facility-banner img{width:100%;height:100%;object-fit:contain;background:#000}}.fullscreen-btn{position:absolute;top:20px;left:20px;z-index:10000000!important;background-color:var(--bg-card);border:1px solid #555;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000080}.map-info-panel{position:absolute;right:-600px;top:0;width:600px;height:100%;background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #00000080;transition:right .3s;overflow-y:auto;z-index:2000}.map-info-panel.active{right:0}.map-info-header{padding:20px;border-bottom:1px solid #555;display:flex;justify-content:flex-end;position:sticky;top:0;background:var(--bg-card);z-index:20}.close-btn{cursor:pointer;font-size:1.5rem;color:var(--text-white);background:none;border:none}.map-info-body{padding-top:20px;font-size:14px;line-height:1.5}.map-info-content{padding:20px}.map-info-title-new{font-size:1.75rem;font-weight:700;color:var(--primary-yellow);margin-bottom:8px}.map-info-description-new{background:#999696;padding:16px;border-radius:8px;border:1px solid #444;margin:16px 0;color:#ddd}.info-table{width:100%;border-collapse:collapse;font-size:.9rem}.info-table td,.info-table th{padding:12px 10px;border-bottom:1px solid #555;text-align:left;color:#ddd}.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.course-card{background:var(--bg-card);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 4px 10px #0000004d;transition:all .3s}.course-image-wrapper{position:relative;height:160px}.course-image-wrapper img{width:100%;height:100%;object-fit:cover}.course-badge{position:absolute;bottom:10px;left:10px;background:var(--primary-yellow);color:var(--text-black);padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.course-content{padding:20px}.course-title{font-size:.95rem;font-weight:600;margin-bottom:10px;color:var(--text-white);min-height:42px}.course-rating{display:flex;align-items:center;gap:5px;font-size:.85rem;color:var(--primary-yellow)}.news-grid{display:flex;flex-direction:column;gap:20px;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}.news-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s;position:relative}.news-badge{position:absolute;top:12px;right:12px;background:var(--primary-yellow);color:#fff;padding:6px 12px;font-size:.75rem;font-weight:600;border-radius:20px}.news-content{padding:25px}.news-date{font-size:.85rem;color:#888;margin-bottom:10px}.news-title{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:var(--text-white)}.link-button{color:var(--primary-yellow);text-decoration:none;font-weight:700}.footer{background:#0050b8;color:#fff;padding:50px 20px 30px;border-top:2px solid var(--primary-yellow)}.footer-content{max-width:1200px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-section h4{font-size:1.1rem;margin-bottom:20px;font-weight:600;color:#fff!important}.footer-section p,.footer-section a{color:#fff!important;text-decoration:none;display:block;margin-bottom:10px;font-size:.95rem}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #333}.footer-dmca-badge{display:flex;justify-content:center;align-items:center;margin:14px 0 4px}.footer-dmca-badge .dmca-badge{display:inline-flex;line-height:0}.footer-dmca-badge img{display:block;width:120px;height:auto}@media(max-width:992px){.uav-cert-section{width:100%;max-width:100%;overflow-x:hidden}.uav-cert-section .container{width:100%;max-width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box}.uav-cert-grid{display:grid;grid-template-columns:1fr;gap:20px}}@media(max-width:480px){html{font-size:12px}.container{padding:0 10px!important;width:100%!important;overflow-x:hidden;overflow-y:visible;box-sizing:border-box}.section{padding:20px 0!important}.section-title{font-size:1.5rem!important;word-wrap:break-word;word-break:break-word;padding:0 10px;overflow-wrap:break-word}.header{padding:10px 0!important}.header .nav-container{flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;padding:0 10px!important;max-width:100%!important;box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important}.nav-container:not(.header .nav-container){flex-direction:column!important;gap:12px!important;padding:0 10px!important}.logo img{height:40px!important;width:auto;display:block;margin:0}.nav-menu{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:15px!important;margin:0!important;padding:0!important;width:100%}.nav-menu a{font-size:11px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.5px;padding:2px 0}.header .nav-buttons{display:flex!important;justify-content:flex-end!important;gap:6px!important;width:auto!important;margin-top:0!important;flex-shrink:0!important}.nav-buttons{display:flex!important;justify-content:center!important;gap:15px!important;width:100%;margin-top:5px}.btn{font-size:11px!important;padding:6px 20px!important;min-width:100px;border-radius:20px!important;text-transform:uppercase;height:auto!important}.steps-container{display:flex!important;flex-direction:row!important;justify-content:center;align-items:flex-start;gap:clamp(4px,2vw,8px);margin-top:20px;width:100%}.steps-container .step-item{width:auto!important;flex:1 1 0!important;max-width:none;min-width:0;padding:0;margin:0}.steps-container .step-icon{width:clamp(38px,11vw,52px);height:clamp(38px,11vw,52px);margin-bottom:5px;border-width:1px}.steps-container .step-icon img{width:clamp(18px,5vw,26px);height:clamp(18px,5vw,26px)}.steps-container .step-title{font-size:clamp(.72rem,2.4vw,.95rem);line-height:1.2;min-height:auto;margin-bottom:2px;overflow-wrap:anywhere;word-break:break-word}.steps-container .step-desc{display:block;font-size:clamp(.62rem,2vw,.8rem);line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.steps-container .step-arrow-img{transform:rotate(0) scale(1)!important;width:clamp(8px,2.5vw,12px)!important;height:auto;margin-top:15px;flex-shrink:0}.uav-cert-grid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:20px 0!important;width:100%!important;grid-auto-rows:auto!important}.uav-cert-title{font-size:1rem!important;line-height:1.3;min-height:auto;margin-bottom:10px!important;word-break:break-word;overflow-wrap:break-word}.uav-cert-desc{font-size:.9rem!important;line-height:1.4;margin-bottom:10px!important;display:block!important;visibility:visible!important;overflow:visible!important;overflow-wrap:break-word;word-break:break-word}.uav-cert-list{margin:8px 0 12px!important;padding:0!important;display:block!important}.uav-cert-list li{font-size:.85rem!important;line-height:1.3;padding-left:15px!important;margin-bottom:6px!important;display:list-item!important;visibility:visible!important;overflow:visible!important;overflow-wrap:break-word;word-break:break-word}.uav-cert-badge{font-size:.75rem!important;padding:3px 8px!important;margin-bottom:8px!important;display:inline-block!important;visibility:visible!important;word-break:break-word}.uav-cert-note{font-size:.85rem!important;display:block!important;visibility:visible!important;overflow:visible!important}.uav-duration-box{padding:8px!important;font-size:.8rem!important;margin:10px 0 12px!important;display:block!important;visibility:visible!important;overflow:visible!important;overflow-wrap:break-word;word-break:break-word}.uav-cert-btn,.uav-cert-btn-detail{padding:6px!important;font-size:.75rem!important;display:block!important;visibility:visible!important;width:100%!important}.cert-tabs-container{display:block!important;visibility:visible!important;overflow:visible!important;max-height:none!important}.cert-tabs-label{display:block!important;font-size:.9rem!important;visibility:visible!important}.cert-tabs-header{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px;gap:4px;-ms-overflow-style:none;scrollbar-width:none;display:flex!important;visibility:visible!important}.cert-tabs-header::-webkit-scrollbar{display:none}.cert-tab-btn{font-size:.7rem!important;padding:5px 8px!important;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;visibility:visible!important}.cert-tab-content{display:block!important;visibility:visible!important;overflow:visible!important;max-height:none!important}.sub-list-arrow{display:block!important;visibility:visible!important;overflow:visible!important}.sub-list-arrow li{display:list-item!important;visibility:visible!important;overflow:visible!important}.hangb-item{display:block!important;visibility:visible!important}.hangb-item-row{display:flex!important;visibility:visible!important}.hangb-item-title{display:block!important;visibility:visible!important}.hangb-item-desc{display:block!important;visibility:visible!important;overflow:visible!important}.courses-grid,.solutions-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px 18px!important;width:100%!important;margin:20px auto!important;padding:0 14px!important;max-width:100%!important}.service-card{width:100%!important;margin:0!important;overflow:visible;padding-bottom:8px}.service-image-wrapper{height:90px!important;margin-bottom:10px!important}.service-title{font-size:1.05rem!important;min-height:auto!important;margin-bottom:12px!important;overflow-wrap:break-word;word-break:break-word;line-height:1.35;padding:0 6px;font-weight:700;text-transform:uppercase}.service-desc{display:none}.course-image-wrapper{height:90px!important}.course-content{padding:10px!important}.course-title{font-size:.95rem!important;min-height:auto!important;overflow-wrap:break-word;word-break:break-word;line-height:1.3}.hero{padding:50px 15px}.hero h1{font-size:1.3rem!important;line-height:1.3;overflow-wrap:break-word;word-break:break-word;max-width:100%}.hero p{font-size:.95rem!important;overflow-wrap:break-word;word-break:break-word;max-width:100%}.hero-logo{height:78px}.hero-logo .hero-logo-image{transform:translateY(-45%)}.map-3d-container{height:400px}.map-info-panel{width:100%;right:-100%}.map-info-panel.active{right:0}.map-3d-header{padding:15px 5px!important;text-align:center}.map-3d-header .section-title{font-size:1.2rem!important;margin-bottom:5px!important}.map-3d-header p{font-size:.75rem!important;line-height:1.4;color:#b0b0b0;margin:0 auto!important;max-width:90%!important}.point-image-marker{--marker-size: 60px !important;--marker-padding: 3px !important;--marker-border-radius: 8px !important;border-width:1px!important}.point-image-marker img{width:100%!important;height:100%!important}.footer-content{grid-template-columns:1fr;text-align:center;gap:10px}.footer{background:#0050b8;color:#fff;padding:20px 30px;border-top:2px solid var(--primary-yellow)}}.pnlm-load-box{display:none!important}.panorama-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.pano-spinner{width:40px;height:40px;border:4px solid rgba(255,202,5,.3);border-top:4px solid #0050b8;border-radius:50%;margin-bottom:15px;animation:spin 1s linear infinite}.panorama-loading-text{color:#b0b0b0;font-size:.85rem;font-weight:500;margin-top:10px}.cert-tabs-header{display:flex;gap:16px;overflow-x:auto;white-space:nowrap;padding-bottom:8px;scrollbar-width:none}.cert-tabs-header::-webkit-scrollbar{display:none}.cert-tab-btn{flex-shrink:0;padding:6px 14px!important;border-radius:20px;border:1px solid var(--primary-yellow);background:transparent;color:var(--primary-yellow);cursor:pointer;font-size:12px;transition:all .3s}.news-card{display:flex;flex-direction:column;height:100%}.news-content{display:flex;flex-direction:column;flex:1}.link-button{margin-top:6px}.loading-screen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff,#f0f4f8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:844px){.uav-cert-section{padding-left:0!important;padding-right:0!important;width:100%!important;overflow-x:hidden!important}.uav-cert-section .container{padding-left:clamp(8px,3vw,16px)!important;padding-right:clamp(8px,3vw,16px)!important;max-width:100%!important;margin:0!important;width:100%!important;box-sizing:border-box!important}.uav-cert-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-auto-rows:auto!important;box-sizing:border-box!important}.uav-cert-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;margin:0!important;height:auto!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;border-radius:6px!important}.uav-cert-title,.uav-cert-desc,.uav-cert-list li{overflow-wrap:anywhere!important;word-break:break-word!important}.cert-tabs-header{padding-left:8px!important;padding-right:8px!important}.service-image-wrapper{height:120px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:8px!important}.service-image{max-height:100%!important;width:auto!important;transform:none!important;position:relative!important;z-index:0!important;object-fit:contain!important;display:block!important}.service-title{position:relative!important;z-index:1!important;margin-top:6px!important;padding-top:2px!important}}.loading-screen-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loading-spinner{width:60px;height:60px;border:4px solid #e6e6e6;border-top:4px solid #0050b8;border-radius:50%;animation:spin 1s linear infinite}.loading-text-container{text-align:center;color:#0050b8}.loading-title{margin:0 0 10px;font-size:24px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.loading-subtitle{margin:0;color:#555;font-size:14px;font-weight:500}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dot{width:10px;height:10px;border-radius:50%;background:#0050b8;animation:bounce 1.4s infinite}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.webgl-fallback-container{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;color:#fff;text-align:center;padding:40px}.webgl-fallback-icon{font-size:48px;margin-bottom:20px}.webgl-fallback-title{margin:0 0 10px;font-size:20px}.webgl-fallback-desc{margin:0;opacity:.7;font-size:14px;max-width:300px}.panorama-viewer-container{width:100%;height:350px;border-radius:8px;overflow:hidden;background-color:#222;box-shadow:inset 0 0 20px #00000080;position:relative;border:1px solid #444}.panorama-overlay-hint{position:absolute;bottom:10px;left:10px;background:#0009;color:#fff;padding:5px;border-radius:4px;font-size:11px;pointer-events:none}.exam-banner{margin-bottom:20px}.exam-banner-title{color:#0050b8;margin:0 0 12px;font-size:24px}.exam-marquee-wrapper{overflow:hidden}.exam-marquee-content{display:block;padding:6px 0}.exam-list-flex{display:flex;gap:16px;align-items:center}.exam-card{display:flex;background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:12px 14px;align-items:center;min-width:380px}.exam-date-box{width:72px;text-align:center;margin-right:14px}.exam-date-inner{background:#f0f8ff;border-radius:6px;padding:8px 6px}.exam-day{font-size:26px;font-weight:800;color:#0050b8}.exam-month{font-size:13px;color:#666}.exam-info{flex:1;text-align:left}.exam-title{font-size:18px;font-weight:700;color:#0b3d91;text-align:left}.exam-location{font-size:14px;color:#666;margin-top:6px;text-align:left}.exam-time{font-size:14px;color:#0050b8;margin-top:4px;font-weight:600;text-align:left}.exam-spots{margin-top:6px;font-size:15px;font-weight:700;text-align:left}.exam-spots-available{color:#28a745}.exam-spots-full{color:#d9534f}img,video,canvas{max-width:100%}.container{width:min(1200px,100%);padding-left:clamp(12px,3vw,20px);padding-right:clamp(12px,3vw,20px)}.hero{padding:clamp(16px,3vw,28px) clamp(12px,4vw,24px) clamp(42px,8vw,80px)}.hero-logo{height:clamp(68px,11vw,128px);margin-bottom:clamp(10px,2vw,20px)}.hero-logo .hero-logo-image{width:min(100%,1100px);transform:translateY(-46%)}.hero h1{font-size:clamp(1.1rem,4.6vw,3.5rem);line-height:1.25;margin-top:0;margin-bottom:clamp(6px,1.2vw,12px);overflow-wrap:anywhere}.hero p{font-size:clamp(.82rem,2.2vw,1.1rem);line-height:1.5;margin:0 auto clamp(14px,3vw,30px);max-width:min(800px,96vw);overflow-wrap:anywhere}.intro-section{padding:clamp(30px,6vw,80px) clamp(12px,3vw,20px)}.intro-title{font-size:clamp(1.55rem,5vw,2.5rem);margin-bottom:clamp(20px,5vw,40px)}.intro-content{max-width:min(900px,100%);margin-bottom:clamp(24px,6vw,60px)}.intro-description{font-size:clamp(.92rem,2.4vw,1rem);line-height:1.75;margin-bottom:clamp(14px,3vw,25px)}.intro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2.4vw,80px);align-items:start}.intro-stat-item{min-width:0}.intro-stat-number{font-size:clamp(1.8rem,7vw,3.5rem)}.exam-list-flex{width:max-content;min-width:100%}.exam-card{min-width:min(380px,calc(100vw - 32px));width:min(420px,calc(100vw - 32px))}@media(max-width:1024px){.section{padding:clamp(36px,5vw,56px) clamp(12px,2.8vw,20px)}.section-title{font-size:clamp(1.5rem,3.6vw,2rem)}}@media(max-width:768px){.hero:after{height:60px}.exam-card{padding:10px 12px}.exam-date-box{width:52px;margin-right:10px}.exam-day{font-size:18px}.exam-title{font-size:14px}}@media(max-width:430px){.hero-logo{height:62px}.hero-logo .hero-logo-image{transform:translateY(-44%)!important}.hero h1{font-size:clamp(1.02rem,4.8vw,1.3rem)!important}.hero p{font-size:clamp(.76rem,3.5vw,.95rem)!important}.intro-description br,.hero h1 br{display:none}}.star-icon-svg{width:16px;height:16px;fill:#0050b8}.course-title-row{display:block;margin-bottom:10px}.course-title-row .course-title{margin:0;color:#0f172a;font-size:1rem;font-weight:700;line-height:1.35;text-transform:none;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.05em}.course-inline-badge{display:inline-flex;align-items:center;margin-top:10px;margin-bottom:0!important;font-size:10px!important;padding:4px 8px!important;white-space:nowrap}.step-arrow-down-container{display:none!important;justify-content:center;align-items:center;width:100%;padding-left:0!important;margin-top:-30px;position:relative;z-index:10;pointer-events:none}.step-arrow-down-container svg{transform:translate(390px)}@media(max-width:480px){.step-arrow-down-container{justify-content:flex-end!important;margin-top:-4px!important;padding-right:0!important}.step-arrow-down-container svg{transform:translate(-38px)!important}}@media(max-width:430px){.step-arrow-down-container svg{transform:translate(-46px)!important}}.map-header-desc{color:#000;max-width:800px;margin:0 auto}.map-info-image-container{margin-bottom:20px;width:100%}.map-info-image{width:100%;height:auto;border-radius:8px}.map-info-logo{max-width:150px;height:auto;display:block;margin-bottom:15px}.map-website-btn-container{margin-top:20px}.map-website-btn{display:inline-block;font-size:14px}.solutions-loading{text-align:center;padding:40px;color:#fff}.notifications-empty{text-align:center;padding:20px;color:#b0b0b0}.cert-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.cert-modal-content{width:90%;max-width:900px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 8px 40px #0003}.cert-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cert-modal-title{margin:0;color:var(--primary-blue)}.cert-modal-close{border:none;background:transparent;font-size:20px;cursor:pointer;color:#333}.cert-modal-body{max-height:60vh;overflow:auto}.cert-modal-item{margin-bottom:18px}.cert-modal-item-title{margin:0 0 6px;color:#000;font-weight:700}.cert-modal-item-desc{color:#444;line-height:1.5}.cert-modal-footer{text-align:right;margin-top:12px}.cert-modal-close-btn{padding:8px 16px;border-radius:6px}.hangb-item{cursor:pointer;outline:none}.hangb-item-row{display:flex;align-items:center}.hangb-item-title{font-weight:600}.hangb-item-desc{margin-left:16px;margin-top:8px;color:#333}@media(max-width:480px){.courses-grid{align-items:start;grid-auto-rows:min-content;gap:16px 12px!important}.course-card{display:flex;flex-direction:column;align-self:start;height:auto!important;min-height:0}.course-image-wrapper{height:74px!important}.course-content{padding:6px!important}.course-title-row{margin-bottom:4px!important}.course-title-row .course-title{font-size:.8rem!important;line-height:1.22!important;line-clamp:2;-webkit-line-clamp:2;min-height:2.44em;margin-bottom:0!important}.course-inline-badge{margin-top:4px;padding:3px 7px!important;font-size:9px!important}.course-rating{display:grid;gap:2px;font-size:.72rem;line-height:1.2}.course-rating .rating-text{font-size:.72rem;line-height:1.2;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}@media(max-width:480px){.courses-grid{gap:14px 10px!important;padding:0 10px!important}.course-image-wrapper{height:68px!important}.course-content{padding:5px!important}.course-title-row .course-title{font-size:.76rem!important;min-height:2.32em}}@media(max-width:480px){.footer-content{grid-template-columns:1fr;text-align:center;gap:15px}.footer{padding:20px 20px 30px}}:root{--about-primary: #0050b8;--about-primary-hover: #003f91;--about-bg-body: #222222;--about-bg-card: #f7f3f3;--about-bg-darker: #ffffff;--about-text-main: #000000;--about-text-sub: #0a0a0a;--about-text-white: #1a1919;--about-border: #555555;--about-font: "Roboto", sans-serif}.about-page{width:100%;font-family:var(--about-font);color:var(--about-text-main);line-height:1.6;background-color:var(--about-bg-body)}.section{padding:60px 0}.section-white{background:var(--about-bg-body)}.section-gray{background:var(--about-bg-darker)}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:40px;color:var(--about-primary);text-transform:uppercase;letter-spacing:1px}.about-hero{background-color:var(--about-primary);padding:60px 20px;text-align:center;color:#fff;position:relative;border-bottom:none}.about-hero-title{font-size:2.5rem;font-weight:700;margin-bottom:15px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.about-hero-subtitle{font-size:1.1rem;opacity:1;max-width:800px;margin:0 auto;color:#fff!important;font-weight:400}.objectives-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.objectives-image{margin:24px auto 0;max-width:1100px;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.6);background:#fff;box-shadow:0 10px 20px #0f172a1f}.objectives-image:first-of-type{margin-top:12px}.objectives-image img{width:100%;height:auto;display:block;object-fit:contain;background:#fff}@media(max-width:900px){.objectives-image{margin-top:18px;border-radius:12px}}.objective-card{flex:1 1 300px;max-width:380px;background:var(--about-bg-card);border:1px solid var(--about-border);border-radius:8px;padding:30px;box-shadow:0 4px 10px #0000004d;transition:transform .3s,box-shadow .3s,border-color .3s}.objective-card:hover{transform:translateY(-5px);border-color:var(--about-primary)}.objective-icon{width:70px;height:70px;background:#ffffff1a;border:1px solid var(--about-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--about-primary)}.objective-icon-image{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.objective-icon-image img{width:100%;height:100%;object-fit:contain;object-position:center}.objective-title{font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:15px;color:var(--about-primary)}.objective-list{list-style:none;padding:0}.objective-list li{padding:5px 0 5px 25px;position:relative;color:var(--about-text-sub);font-size:.95rem}.objective-list li:before{content:"✓";position:absolute;left:0;color:var(--about-primary);font-weight:700}.objective-subtitle{text-align:center;color:var(--about-text-sub);font-size:.95rem;line-height:1.6}.legal-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.legal-tab{padding:10px 30px;background:transparent;border:1px solid var(--about-primary);border-radius:30px;font-weight:600;color:var(--about-text-sub);cursor:pointer;transition:all .3s}.legal-tab:hover{color:var(--about-text-main);border-color:var(--about-primary-hover)}.legal-tab.active{background:var(--about-primary);color:#fff;border-color:var(--about-primary);font-weight:700}.legal-tab-content{background:var(--about-bg-card);border-radius:8px;padding:40px;box-shadow:0 4px 10px #0000004d;border:1px solid var(--about-border)}.legal-cards-grid{display:grid;grid-template-columns:1fr;gap:20px}.legal-card{padding:15px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:8px;position:relative;height:fit-content;min-height:80px}.legal-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:var(--about-primary)}.legal-card-title{font-size:1.1rem;font-weight:700;color:var(--about-primary);margin:1px 50px 1px 1px;word-break:break-word;overflow-wrap:break-word;flex-shrink:0}.legal-card-desc{font-size:.95rem;color:#666;margin:0;line-height:1.5}.legal-card-date{font-size:.85rem;color:#999;font-style:italic;margin:0}.legal-card-link{color:var(--about-primary);text-decoration:none;transition:all .2s ease;position:absolute;right:20px;top:30px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#0050b814;padding:0;z-index:10}.legal-card-link:hover{background:#0050b826;transform:translateY(-2px);color:var(--about-primary)}.legal-card-link.doc-link{position:static;width:auto;padding:0;margin-top:auto;background:transparent;border:none;border-radius:0;text-align:left;font-weight:600;color:var(--about-primary);display:inline-block;transition:all .3s ease}.legal-card-link.doc-link:hover{background:transparent;color:var(--about-primary);font-weight:700;text-decoration:underline}.authority-item{padding:20px;background:#fff;border-radius:8px;border-left:4px solid var(--about-primary);margin-bottom:15px;border:1px solid var(--about-border)}.authority-item h4{color:var(--about-primary);font-weight:700;margin-bottom:5px}.authority-item p{color:var(--about-text-sub)}.forms-list{display:flex;flex-direction:column;gap:10px}.form-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;background:#fff;border-radius:6px;transition:.3s;border:1px solid var(--about-border);gap:10px}.form-item:hover{border-color:var(--about-primary)}.form-item h4{font-size:1rem;font-weight:500;margin:0;color:var(--about-text-main);text-align:center}.form-download{color:var(--about-primary);font-weight:600;text-decoration:none;white-space:nowrap}.organization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:20px}.organization-card{background:var(--about-bg-card);border:1px solid var(--about-border);border-radius:8px;padding:30px;box-shadow:0 4px 10px #0000004d;text-align:center;transition:transform .3s,box-shadow .3s}.organization-card:hover{transform:translateY(-5px);border-color:var(--about-primary)}.organization-icon{width:70px;height:70px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--about-primary);margin:0 auto 20px;border:1px solid var(--about-primary)}.organization-title{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:var(--about-text-main)}.organization-subtitle{color:var(--about-primary);font-weight:600;font-size:.95rem;margin-bottom:15px}.organization-desc{color:var(--about-text-sub);font-size:.95rem;line-height:1.6}.requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.requirement-card{background:var(--about-bg-card);border-radius:8px;padding:30px;box-shadow:0 4px 10px #0000004d;border:1px solid var(--about-border)}.requirement-card h3{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:var(--about-primary);text-align:center;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.requirement-list{list-style:none;padding:0;margin:0}.requirement-list li{padding:8px 0 8px 25px;position:relative;color:var(--about-text-sub);font-size:.9rem;line-height:1.4;border-bottom:1px dashed #eee}.requirement-list li:last-child{border-bottom:none}.requirement-list li:before{content:"•";position:absolute;left:0;top:6px;color:var(--about-primary);font-weight:700;font-size:1.5rem;line-height:1rem}.training-equipment-title{margin:0 0 1.5rem;text-align:center;color:var(--about-primary);font-size:1.2rem;font-weight:700}.training-equipment-notes{display:grid;gap:14px;margin-bottom:18px}.training-equipment-note{background:#fff;border:1px solid #dbe4ea;border-radius:12px;padding:16px 18px;box-shadow:0 4px 10px #0f172a0f}.training-equipment-note p{margin:0 0 6px;color:#111827;font-size:.94rem;line-height:1.6}.training-equipment-note p:last-child{margin-bottom:0}.training-equipment-note--wide p{line-height:1.7}.training-equipment-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.training-equipment-table .legal-table{width:100%;min-width:700px;border-collapse:collapse;table-layout:fixed}.training-equipment-table th,.training-equipment-table td{border:1px solid #d1d5db;padding:12px 10px;vertical-align:top;font-size:.95rem;line-height:1.35;word-break:break-word;overflow-wrap:anywhere;background:#fff}.training-equipment-table th{background:#fff;color:#111827;text-transform:uppercase;font-size:.9rem;letter-spacing:.4px;text-align:center}.training-equipment-table td:nth-child(2),.training-equipment-table td:nth-child(3){text-align:center;font-weight:600;color:#0f172a}.training-equipment-table td:nth-child(4){text-transform:uppercase;font-weight:700;color:#0f172a;text-align:center}.training-equipment-table td:nth-child(5){color:#111827;text-transform:uppercase;font-weight:500;text-align:center}.training-equipment-kind{text-transform:uppercase;font-weight:700;color:#111827}.training-equipment-remark{text-align:center;vertical-align:middle;white-space:normal}.training-equipment-table td[rowspan]{vertical-align:middle}.training-equipment-table tbody tr td:nth-child(4),.training-equipment-table tbody tr td:nth-child(5){text-transform:uppercase}.training-equipment-table td:first-child{text-align:center;font-weight:700;width:70px}.training-equipment-table tbody tr td{background-clip:padding-box}.training-equipment-table .legal-table th:nth-child(1){width:7%}.training-equipment-table .legal-table th:nth-child(2){width:17%}.training-equipment-table .legal-table th:nth-child(3){width:20%}.training-equipment-table .legal-table th:nth-child(4){width:38%}.training-equipment-table .legal-table th:nth-child(5){width:18%}@media(max-width:900px){.training-equipment-title{font-size:1.05rem}.training-equipment-note p{font-size:.9rem}.training-equipment-table th,.training-equipment-table td{font-size:.88rem;padding:10px 12px}.training-equipment-table .legal-table{min-width:0;table-layout:fixed}}@media(max-width:640px){.training-equipment-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid #d1d5db}.training-equipment-table .legal-table{min-width:560px;table-layout:auto;font-size:.78rem}.training-equipment-table th,.training-equipment-table td{padding:8px 6px;font-size:.78rem;word-break:break-word}.training-equipment-table td:first-child{width:auto;min-width:32px}}@keyframes faqSlideDown{0%{opacity:0;max-height:0;transform:translateY(-15px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes faqArrowRotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:var(--about-bg-card);border:1px solid var(--about-border);border-radius:8px;margin-bottom:15px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:hover{border-color:var(--about-border);transform:translateY(-2px)}.faq-question{width:100%;padding:20px;background:var(--about-bg-card);border:none;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--about-text-main);cursor:pointer;text-align:left;font-family:var(--about-font);transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-question:hover{padding-left:25px}.faq-question:active{transform:scale(.99)}.faq-question.active{background:#fff!important}.faq-arrow{width:20px;height:20px;color:#999;transition:transform .5s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.faq-question.active .faq-arrow{transform:rotate(180deg);color:var(--about-primary)}.faq-answer{padding:20px;color:var(--about-text-sub);font-size:.95rem;border-top:1px solid #444;background:#fff;animation:faqSlideDown .5s cubic-bezier(.34,1.56,.64,1) forwards;max-height:500px;overflow:hidden}.faq-answer .note{color:#888}.cta-section{padding:80px 20px;text-align:center;background:#f8fafb}.cta-title{font-size:2rem;font-weight:700;color:var(--about-primary);margin-bottom:10px}.cta-subtitle{color:var(--about-text-sub);margin-bottom:30px;font-size:1.1rem}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn{padding:14px 40px;border-radius:6px;font-weight:700;cursor:pointer;border:none;font-size:1rem;transition:.3s;text-decoration:none;display:inline-block;min-width:200px;text-align:center}.btn-primary.btn-primary:hover{background:var(--about-primary-hover);border-color:var(--about-primary-hover);transform:translateY(-2px);color:#fff!important;box-shadow:0 4px 8px #0003}.btn-primary.btn-primary:hover a,.btn-primary.btn-primary:hover span,.btn-primary.btn-primary:hover i,.btn-primary.btn-primary:hover *{color:#fff!important}.btn-secondary{background:transparent;color:var(--about-primary);border:2px solid var(--about-primary)}.btn-secondary:hover{background:var(--about-primary);color:#fff;transform:translateY(-2px)}@media(max-width:768px){.about-hero-title{font-size:1.6rem}.about-hero-subtitle{font-size:.95rem}.section-title{font-size:1.4rem;margin-bottom:24px}.legal-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px;padding-bottom:8px;margin-bottom:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.legal-tabs::-webkit-scrollbar{display:none}.legal-tab{flex:0 0 auto;white-space:nowrap;padding:8px 18px;font-size:.85rem;border-radius:30px}.legal-tab-content{padding:20px 14px}.training-program-content{padding:1rem .75rem!important}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid #e5e7eb}.table-responsive table{min-width:560px!important}.table-responsive table[style*="minWidth: '600px'"],.table-responsive table{font-size:.85rem}.table-responsive th,.table-responsive td{padding:10px!important;font-size:.82rem}.training-equipment-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.training-equipment-table .legal-table{min-width:480px;font-size:.82rem}.training-equipment-table th,.training-equipment-table td{padding:8px 6px!important;font-size:.78rem}.training-equipment-notes{grid-template-columns:1fr}.training-equipment-note{padding:12px 14px}.training-equipment-title{font-size:.95rem}.legal-cards-grid{gap:12px}.legal-card{padding:12px}.legal-card-title{font-size:.95rem;margin-right:44px}.organization-grid,.requirements-grid{grid-template-columns:1fr;gap:16px}.objective-card{max-width:100%}.cta-buttons{flex-direction:column;width:100%}.btn{width:100%}}@media(max-width:480px){.about-hero{padding:40px 16px}.about-hero-title{font-size:1.3rem}.section-title{font-size:1.2rem}.legal-tab{padding:7px 14px;font-size:.8rem}.legal-tab-content{padding:14px 10px}.training-program-content{padding:.75rem .5rem!important;border-radius:6px!important}.table-responsive th,.table-responsive td{padding:8px 6px!important;font-size:.78rem}.training-equipment-table th,.training-equipment-table td{padding:6px 5px!important;font-size:.74rem}.requirement-card{padding:18px 14px}.objective-card{padding:20px 16px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.document-page{width:100%;min-height:100vh;background-color:#f8fafc;color:#1e293b;font-family:inherit}.document-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.document-hero{background-color:#0050b8;color:#fff;padding:4.5rem 0 4rem;text-align:center;position:relative;overflow:hidden}.document-hero:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.document-hero-badge{display:inline-block;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e0f2fe;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:.4rem 1.2rem;border-radius:9999px;border:1px solid rgba(255,255,255,.25);margin-bottom:1.25rem}.document-hero-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em;color:#fff}.document-hero-subtitle{font-size:1.1rem;color:#cbd5e1;max-width:720px;margin:0 auto;line-height:1.6}.document-section{padding:3rem 0 5rem}.document-controls{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.document-search-box{position:relative;width:100%;max-width:680px;margin:0 auto}.document-search-box .search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.document-search-input{width:100%;padding:.95rem 2.8rem .95rem 3.2rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px #00000008;transition:all .25s ease;outline:none}.document-search-input:focus{border-color:#0050b8;box-shadow:0 0 0 4px #0050b81f}.clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.clear-search:hover{background:#cbd5e1}.document-category-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.category-pill{padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;border-radius:9999px;border:1px solid #cbd5e1;background:#fff;color:#475569;cursor:pointer;transition:all .2s ease}.category-pill:hover{border-color:#0050b8;color:#0050b8}.category-pill.active{background:#0050b8;color:#fff;border-color:#0050b8;box-shadow:0 2px 8px #0050b840}.document-summary{font-size:.95rem;color:#64748b;margin-bottom:1.5rem;text-align:right}.document-list-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0000000a;border:1px solid #e2e8f0}.document-list{display:flex;flex-direction:column;gap:1rem}.document-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.document-card:hover{background:#fff;border-color:#93c5fd;box-shadow:0 8px 20px #0050b814;transform:translateY(-2px)}.document-card-icon{flex-shrink:0;width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0050b8;display:flex;align-items:center;justify-content:center}.document-card-content{flex:1;min-width:0}.document-card-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}.document-card-title{font-size:1.05rem;font-weight:700;color:#0050b8;line-height:1.4;margin:0}.document-card-code{font-size:.75rem;font-weight:600;color:#475569;background:#e2e8f0;padding:.2rem .6rem;border-radius:6px}.document-card-desc{font-size:.9rem;color:#475569;line-height:1.5;margin:.25rem 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#64748b;flex-wrap:wrap}.meta-badge{background:#eff6ff;color:#1d4ed8;font-weight:600;padding:.15rem .5rem;border-radius:4px}.meta-text{color:#64748b}.document-card-action{flex-shrink:0}.download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#0050b8,#2563eb);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0050b833}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#003d8f,#1d4ed8);box-shadow:0 6px 14px #0050b84d;transform:translateY(-1px)}.download-btn:disabled,.download-btn.downloading{opacity:.7;cursor:not-allowed}.document-loading,.document-error,.document-empty{text-align:center;padding:4rem 1.5rem;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.loading-spinner{width:42px;height:42px;border:4px solid #e2e8f0;border-top-color:#0050b8;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.document-error{color:#dc2626}.document-error p{margin:.75rem 0 1.25rem;font-weight:500}.retry-btn,.reset-filter-btn{padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;color:#fff;background:#0050b8;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.retry-btn:hover,.reset-filter-btn:hover{background:#003d8f}.document-empty .empty-icon{color:#94a3b8;margin-bottom:1rem}.document-empty h3{font-size:1.2rem;color:#334155;margin-bottom:.5rem}.document-empty p{color:#64748b;margin-bottom:1.25rem}@media(max-width:768px){.document-hero{padding:3rem 0 2.5rem}.document-hero-title{font-size:1.8rem}.document-hero-subtitle{font-size:.95rem}.document-card{flex-direction:column;align-items:flex-start;padding:1rem;gap:.85rem}.document-card-action{width:100%}.download-btn{width:100%;justify-content:center}}:root{--primary-yellow: #0050b8;--bg-body: #222222;--bg-card: #e1e1e1;--bg-card-hover: #454545;--text-white: #ffffff;--text-gray: #b0b0b0;--text-black: #ffffff;--border-color: #555555;--primary: var(--primary-yellow);--primary-foreground: var(--text-black);--secondary: #ffffff;--muted: var(--bg-body);--muted-foreground: var(--text-gray);--destructive: #ef4444;--success: #10b981;--warning: #f59e0b;--radius: 8px;--shadow: 0 4px 15px rgba(0, 0, 0, .5);--font-family: "Roboto", sans-serif}.exam-page-wrapper{font-family:var(--font-family);color:var(--text-white);line-height:1.6;background-color:var(--bg-body);min-height:100vh}.exam-page-wrapper *{box-sizing:border-box}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pb-2{padding-bottom:.5rem}.w-full{width:100%}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-10{width:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-10{height:2.5rem}.min-w-0{min-width:0}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-white{color:var(--text-white)}.text-primary{color:var(--primary-yellow)}.text-muted-foreground{color:var(--text-gray)}.text-green-600{color:#10b981}.text-green-700{color:#047857}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-muted{background-color:var(--bg-body)}.bg-white{background-color:var(--bg-card)}.bg-primary{background-color:var(--primary-yellow);color:var(--text-black)}.bg-primary\/5{background-color:#f2feff}.bg-primary\/10{background-color:#1f1f1f1a}.bg-secondary{background-color:var(--secondary)}.bg-secondary\/50,.bg-gray-50{background-color:#fff}.bg-gray-100{background-color:#e1e1e1}.bg-gray-200{background-color:#3a3a3a}.bg-green-100{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3)}.bg-amber-500{background-color:#f59e0b}.bg-destructive{background-color:#ef4444}.bg-accent{background-color:#ffca0526}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-primary{border-color:var(--primary-yellow)}.border-gray-200{border-color:#444}.border-gray-300{border-color:#555}.border-green-200{border-color:#10b9814d}.rounded{border-radius:4px}.rounded-lg{border-radius:var(--radius)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 3px #0000004d}.shadow-lg{box-shadow:var(--shadow)}.transition-all{transition:all .3s ease}.transition-colors{transition:background-color .3s,border-color .3s,color .3s}.transition-shadow{transition:box-shadow .3s ease}.transition-transform{transition:transform .3s ease}.hover\:bg-secondary:hover{background-color:#fff}.hover\:bg-gray-50:hover{background-color:#e1e1e1}.hover\:bg-primary\/90:hover{background-color:#e6b804}.hover\:shadow-lg:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hover\:underline:hover,.group:hover .group-hover\:underline{text-decoration:underline}.group:hover .group-hover\:bg-white{background-color:var(--bg-card-hover)}.group:hover .group-hover\:shadow-sm{box-shadow:0 2px 4px #0000004d}.bg-gradient-to-br{background-color:#1c68cc;color:#fff;position:relative}.bg-gradient-to-br h1{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.8)}.bg-gradient-to-br p{color:#e0e0e0!important;text-shadow:0 1px 5px rgba(0,0,0,.5)}.opacity-90{opacity:.9}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.card:hover{box-shadow:0 4px 15px #00000080}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:700}.bg-accent.text-accent-foreground{background-color:#d6d3c733;color:var(--primary-yellow);border:1px solid rgba(255,69,69,.4)}button,.btn{font-family:var(--font-family);cursor:pointer;border:none;outline:none;transition:all .3s ease;border-radius:var(--radius)}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.6}.bg-primary,button.bg-primary,a.bg-primary{background-color:var(--primary-yellow)!important;color:var(--text-black)!important}.bg-primary:hover,button.bg-primary:hover,a.bg-primary:hover{background-color:#e6b804!important;transform:translateY(-2px)}.btn-view-schedule{background-color:#0050b8;color:#fff!important;padding:.75rem 1rem;border-radius:8px;font-weight:700;display:inline-block;text-align:center;transition:background-color .2s ease,transform .2s ease}.btn-view-schedule:hover{background-color:#003b8e;transform:translateY(-2px)}button.bg-transparent,button.border{background-color:transparent;color:var(--text-white);border:1px solid var(--border-color)}button.bg-transparent:hover,button.border:hover{border-color:var(--primary-yellow);background-color:#ffca050d}button.text-gray-600{color:var(--primary-yellow)}button.text-gray-600:hover{border-color:var(--primary-yellow);background-color:#ffca050d}button[disabled].bg-gray-200{background-color:#3a3a3a;color:#666}button[disabled].bg-green-100{background-color:#10b9811a;color:#10b981}input[type=radio]{accent-color:var(--primary-yellow);width:18px;height:18px}label{cursor:pointer;color:var(--text-white)}a{color:var(--primary-yellow);text-decoration:none;transition:color .3s}a:hover{color:#e6b804}a.block.text-center{text-decoration:none}a.text-primary{color:var(--primary-yellow)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 1 / span 1}.text-primary svg,svg.text-primary{color:var(--primary-yellow)}.text-muted-foreground svg{color:var(--text-gray)}.process-step-number{width:40px;height:40px;border-radius:50%;background-color:var(--primary-yellow);color:var(--text-black);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-warning{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius);padding:1rem;margin:1rem 0}.alert-info{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius);padding:1rem;margin:1rem 0}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}@keyframes arrowRotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.faq-item{background:#ffffff05;border:none;border-radius:calc(var(--radius) + 2px);margin-bottom:.75rem;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;box-shadow:none}.faq-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000002e}.faq-question{padding:1rem 1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:transparent;transition:background-color .18s ease,padding .18s ease;font-weight:600;gap:12px;min-height:48px}.faq-question:hover{background-color:#ffffff05}.faq-question:active{transform:scale(.995)}.faq-question svg{transition:transform .28s ease;color:var(--primary-yellow)}.faq-question svg.rotate-180{transform:rotate(180deg)}.faq-answer{padding:0 1.25rem 1rem;color:var(--text-muted-foreground);line-height:1.75;animation:slideDown .35s ease forwards;max-height:500px;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;font-size:.95rem}.faq-item{position:relative}.faq-item.open{transform:translateY(-6px);box-shadow:0 12px 30px #02061759;z-index:2}.faq-item.open:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:linear-gradient(180deg,var(--primary-yellow),#e6b804);border-radius:4px 0 0 4px}.faq-item.open .faq-question{background-color:#0050b80f}.faq-title{font-size:1rem;line-height:1.2;letter-spacing:-.01em}.faq-answer{padding-top:.5rem;color:var(--text-gray);font-size:.95rem}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}h1,h2,h3,h4,h5,h6,.card h3,.card h4{color:var(--text-white)}.text-blue-600,.text-blue-700{color:var(--primary-yellow)!important}.bg-blue-50,.bg-blue-100{background-color:#ffca050d!important}.exam-page-wrapper ::-webkit-scrollbar{width:8px;height:8px}.exam-page-wrapper ::-webkit-scrollbar-track{background:var(--bg-body)}.exam-page-wrapper ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.exam-page-wrapper ::-webkit-scrollbar-thumb:hover{background:var(--primary-yellow)}a.bg-primary,a.bg-primary:focus,a.bg-primary:active{color:#fff!important}a.bg-primary:hover{color:#000!important}.process-line{position:absolute;left:23px;top:48px;width:2px;height:calc(100% + 24px);background:#555}.process-icon{width:48px;height:48px;background:#0050b8;color:#ff0;position:relative;bottom:-20px;z-index:1}.certificate-btn{flex:1;padding:12px 16px;border-radius:8px;font-weight:500;transition:all .3s ease;background:transparent;color:#000;border:1px solid #555555;cursor:pointer}.certificate-btn.active{background:#0050b8;color:#fff;border-color:#0050b8}.tier-card{background:transparent}.tier-registered-badge{background:transparent;color:#0050b8}.tier-uav-badge{display:inline-block;padding:12px 32px;font-size:1rem;font-weight:700;border-radius:50px;background:#0050b8;color:#fff;white-space:nowrap;width:fit-content;margin-top:8px}.tier-register-btn{text-decoration:none;padding:12px 32px;font-size:1rem;width:fit-content}.exam-media-card{overflow:hidden}.exam-docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(160px,42vw,260px),1fr));gap:clamp(8px,1.4vw,16px)}.exam-doc-item{padding:clamp(10px,1.2vw,15px);background:#fff;border-radius:8px;border:1px solid #e0e0e0;min-height:clamp(62px,9vw,84px);display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.exam-doc-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:var(--primary-color, #0050b8)}.exam-doc-title{font-size:clamp(.85rem,.6vw + .7rem,1rem);font-weight:700;color:var(--primary-color, #0050b8);margin:0;margin-right:clamp(36px,3vw,44px);word-break:break-word;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exam-doc-download{position:absolute;right:clamp(10px,1vw,15px);top:50%;transform:translateY(-50%);width:clamp(30px,2.4vw,36px);height:clamp(30px,2.4vw,36px);display:flex;align-items:center;justify-content:center;border-radius:6px;background:#0050b814;color:var(--primary-color, #0050b8);text-decoration:none;transition:all .2s ease}.exam-doc-download:hover{background:#0050b826;transform:translateY(calc(-50% - 2px))}.exam-doc-empty{color:#999}@media(max-width:379px){.exam-media-card{padding:12px!important}.exam-media-card .text-lg{font-size:.95rem;margin-bottom:8px}.exam-doc-title{font-size:.86rem;margin-right:36px}}@media(max-width:575px){.container{padding:0 12px}.card.p-6{padding:14px}.exam-media-card{padding:12px!important}.exam-docs-grid{grid-template-columns:1fr;gap:10px}.exam-doc-item{min-height:62px}}@media(min-width:576px)and (max-width:767px){.container{padding:0 14px}.card.p-6{padding:16px}.exam-media-card{padding:14px!important}.exam-docs-grid{grid-template-columns:1fr;gap:12px}}@media(min-width:768px)and (max-width:1023px){.card.p-6{padding:18px}.exam-media-card{padding:16px!important}.exam-docs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(min-width:1024px)and (max-width:1439px){.exam-media-card{padding:18px!important}.exam-docs-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}}@media(min-width:1440px){.exam-media-card{padding:20px!important}.exam-docs-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}}.stats-row{display:flex;justify-content:space-between;border-bottom:1px solid #555555;padding-bottom:8px}.support-card{border:1px solid #e0e0e0;background-color:#fafafa}.support-title{color:#000}.support-icon-wrapper{width:40px;height:40px;border-radius:50%;background-color:#d4e4f7;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:20px}.support-icon{width:20px;height:20px;color:#0050b8}.support-label{font-size:12px;font-weight:500;color:#666}.support-text{font-size:14px;font-weight:600;color:#000;margin-top:4px}.support-subtext{font-size:12px;color:#666;margin-top:4px}.support-email{font-size:14px;font-weight:600;color:#0050b8;margin-top:4px}#exam-list-section .swiper-wrapper{align-items:stretch}#exam-list-section .swiper-slide{height:auto;display:flex}.exam-schedule-card{width:100%;min-height:300px}.exam-schedule-header{min-height:42px}.exam-schedule-title{line-height:1.3}.exam-schedule-meta{display:flex;flex-direction:column;justify-content:space-between}.exam-schedule-location{min-height:72px;align-items:flex-start}.exam-schedule-location>div{min-width:0}.exam-schedule-location p{margin:0;word-break:break-word}.exam-schedule-location svg{margin-top:2px}.exam-schedule-location .font-medium{line-height:1.35;min-height:2.7em;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.exam-schedule-location .text-xs{line-height:1.35;min-height:1.35em}.exam-schedule-time{min-height:26px;flex-wrap:wrap}@media(max-width:767px){.exam-schedule-card{min-height:280px}.exam-schedule-location{min-height:64px}.exam-schedule-location .font-medium{min-height:2.6em}}#exam-list-section{margin-top:0!important;padding-top:2.5rem;padding-bottom:3rem;background:var(--section-bg, #fffaf0)}#exam-list-section .container{max-width:1200px;margin:0 auto}#exam-list-section .card,#exam-list-section .common-card{background-color:#fff;border:1px solid rgba(15,23,42,.06);border-left:6px solid #e6b804;border-radius:12px;box-shadow:0 10px 30px #e6b8040f;transition:transform .22s ease,box-shadow .22s ease;color:var(--text-black);padding:18px;position:relative;overflow:hidden}#exam-list-section .card:hover,#exam-list-section .common-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px #e6b8041f}#exam-list-section .card:after{content:"";position:absolute;left:-40%;top:-40%;width:180%;height:180%;background:radial-gradient(circle at 20% 20%,rgba(230,184,4,.06),transparent 20%),radial-gradient(circle at 80% 80%,rgba(0,80,184,.03),transparent 20%);pointer-events:none}#exam-list-section .card h3,#exam-list-section .card h4,#exam-list-section .common-card h3,#exam-list-section .common-card h4{color:var(--text-black)}#exam-list-section .exam-schedule-card{min-height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:20px}#exam-list-section .exam-schedule-header{gap:12px;align-items:center;display:flex;justify-content:space-between}#exam-list-section .exam-schedule-title{color:var(--text-black);font-size:1.05rem;margin:0;font-weight:700}#exam-list-section .badge{background:#e6b804;color:#111;padding:6px 10px;border-radius:9999px;font-weight:800;font-size:.8rem;box-shadow:0 6px 18px #e6b8041f;border:none}#exam-list-section .exam-schedule-meta .text-muted-foreground,#exam-list-section .exam-schedule-meta span,#exam-list-section .exam-schedule-meta p{color:#6b7280}#exam-list-section a.bg-primary,#exam-list-section button.bg-primary{background-color:#e6b804!important;color:#111!important;box-shadow:0 12px 30px #e6b80424;transition:transform .18s ease,box-shadow .18s ease}#exam-list-section a.bg-primary:hover,#exam-list-section button.bg-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px #e6b8042e;background-color:#ffda63!important}#exam-list-section button[disabled],#exam-list-section button[disabled].bg-gray-200{background-color:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed;box-shadow:none;opacity:.95}#exam-list-section .exam-schedule-card .exam-schedule-location svg,#exam-list-section .exam-schedule-card .exam-schedule-time svg{color:#6b7280}@media(max-width:767px){#exam-list-section .card{padding:14px}#exam-list-section .exam-schedule-card{min-height:260px}}#exam-list-section{background-color:#f3f4f7!important}#exam-list-section .card{background-color:#fff!important;border:1px solid #e6e6e6!important;color:#111827!important;box-shadow:0 2px 8px #00000014!important}#exam-list-section .card h3,#exam-list-section .card h4,#exam-list-section .exam-schedule-title{color:#111827!important}#exam-list-section .exam-schedule-location p,#exam-list-section .exam-schedule-meta{color:#6b7280!important}#exam-list-section .badge{background:#00000008!important;border:1px solid rgba(0,0,0,.06)!important;color:#0050b8!important;white-space:nowrap;flex-shrink:0}#exam-list-section .card .text-muted-foreground{color:#6b7280!important}:root{--primary-yellow: #0050b8;--bg-body: #222222;--bg-card: #e1e1e1;--bg-card-hover: #454545;--text-white: #ffffff;--text-gray: #b0b0b0;--text-black: #ffffff;--border-color: #555555}.lookup-page{font-family:Roboto,sans-serif;background-color:var(--bg-body);color:var(--text-white);min-height:100vh}.lookup-hero{background-color:#1c68cc;padding:80px 0 60px;text-align:center;color:#fff;position:relative}.lookup-hero-title{font-size:2.5rem;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);position:relative;z-index:1}.search-section{padding:60px 0;background-color:var(--bg-body)}.search-card{background:var(--bg-card);border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000080;max-width:800px;margin:0 auto;border:1px solid var(--border-color)}.search-card *{color:var(--text-white)}.search-card label,.search-card h2,.search-card h3,.search-card p{color:var(--text-white)!important}.search-title{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--text-white)}.search-subtitle{color:var(--text-gray);margin:0 0 32px;font-size:1rem}.search-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#d7d8d8;border-radius:10px;padding:4px;gap:4px}.search-tab{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease}.search-tab.active{background:#fff;color:#0050b8;font-weight:600}.search-tab svg{color:currentColor}.search-form{margin-top:24px}.form-content{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;animation:fadeIn .4s ease}.form-group label{font-weight:600;color:#fff;font-size:.95rem}.form-input,.form-select{padding:14px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;width:100%;background-color:#fff;color:var(--text-white)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-yellow);background-color:#e1e1e1}.form-select option{background-color:var(--bg-card);color:var(--text-white)}.form-group.required label:after{content:" *";color:#ef4444;font-weight:700}.form-group.required .form-input,.form-group.required .form-select{background-color:snow;border-color:#fecaca}.form-group.required .form-input:focus,.form-group.required .form-select:focus{background-color:#fff5f5;border-color:var(--primary-yellow)}.qr-content{align-items:stretch}.qr-scanner{width:100%;height:500px;background-color:#fff;border-radius:12px;overflow:hidden;margin-bottom:20px;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color)}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.qr-icon{color:var(--border-color)}.qr-instruction{color:var(--text-gray);margin:12px 0 0;line-height:1.6;font-size:.9rem;text-align:center}.qr-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transform:scaleX(-1)}.qr-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.qr-capture-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;width:calc(100% - 40px);max-width:400px}.qr-scanning-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-scanning-overlay:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:3px solid var(--primary-yellow);border-radius:16px;box-shadow:0 0 20px #0050b880,inset 0 0 20px #0050b81a}.scanning-line{position:absolute;width:180px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-yellow),transparent);box-shadow:0 0 10px var(--primary-yellow);animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{top:calc(50% - 90px);opacity:1}50%{top:calc(50% + 90px);opacity:.8}}.scanning-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;white-space:nowrap}.qr-result{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;margin-bottom:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-result.success{background:#22c55e26;border:1px solid #22c55e}.qr-result.success svg{color:#22c55e;flex-shrink:0}.qr-result.error{background:#ef444426;border:1px solid #ef4444}.qr-result.error svg{color:#ef4444;flex-shrink:0}.qr-result-content{flex:1}.qr-result-content strong{display:block;margin-bottom:4px;color:var(--text-white)}.qr-result-content p{margin:0;font-size:.9rem;color:var(--text-gray);word-break:break-all}.camera-controls{display:flex;gap:12px;width:100%}.camera-controls .btn{flex:1}.btn-secondary{background-color:#555;color:#fff;border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#666;transform:translateY(-2px)}.btn-primary{background-color:var(--primary-yellow);color:var(--text-black)}.btn-search{width:100%;padding:16px 32px;font-size:1.05rem}.btn-search:disabled{opacity:.7;cursor:not-allowed}.btn-search .spin{animation:spin 1s linear infinite}.btn-camera{width:100%}.instructions-section{padding:60px 0;background-color:#fff}.instructions-title{font-size:1.5rem;font-weight:700;margin:0 0 32px;color:var(--primary-yellow);text-align:center}.instructions-container{background-color:var(--bg-card);border-radius:12px;padding:32px;max-width:800px;margin:0 auto;border:1px solid var(--border-color)}.instructions-grid{display:flex;flex-direction:column;gap:24px}.instruction-card{display:flex;align-items:flex-start;text-align:left;padding:0;background-color:transparent;border-radius:0;transition:none;gap:16px}.instruction-card:hover{background-color:transparent;transform:none;box-shadow:none}.instruction-icon{width:40px;height:40px;min-width:40px;background-color:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-yellow);border:1.8px solid rgba(0,0,0,.3)}.instruction-content{flex:1}.instruction-card h3{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text-white)}.instruction-card p{color:var(--text-gray);margin:0;line-height:1.6;font-size:.9rem}.info-section{padding:60px 0;background-color:var(--bg-body)}.lookup-page .info-box,.info-box{background:#fff!important;border-left:4px solid var(--primary-yellow);padding:32px;border-radius:8px;box-shadow:0 4px 15px #00000080;border:1px solid var(--border-color)}.lookup-page .info-box h3,.info-box h3{font-size:1.25rem;font-weight:700;margin:0 0 16px;color:var(--primary-yellow)!important}.lookup-page .info-box ul,.info-box ul{list-style:none;padding:0;margin:0}.lookup-page .info-box li,.info-box li{padding:12px 0;color:#0f0f0f!important;line-height:1.6;border-bottom:1px solid #e1e1e1;font-size:.95rem}.lookup-page .info-box li:last-child,.info-box li:last-child{border-bottom:none}.lookup-page .info-box strong,.info-box strong{color:var(--primary-yellow)!important;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.lookup-hero{padding:60px 0 40px}.lookup-hero-title{font-size:1.75rem}.search-card{padding:24px}.search-title{font-size:1.5rem}.search-tabs{gap:4px;justify-content:flex-start}.search-tab{padding:10px 12px;font-size:.85rem}.search-tab span{display:none}.qr-scanner{height:400px}.qr-icon{width:60px;height:60px}.instructions-section{padding:40px 0}.instructions-title{font-size:1.25rem;margin-bottom:24px}.instructions-container{padding:24px}.instructions-grid{gap:20px}.instruction-icon{width:36px;height:36px;min-width:36px}.instruction-card h3{font-size:.95rem}.instruction-card p{font-size:.85rem}.info-box{padding:24px}}.lookup-page ::-webkit-scrollbar{width:8px;height:8px}.lookup-page ::-webkit-scrollbar-track{background:var(--bg-body)}.lookup-page ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.lookup-page ::-webkit-scrollbar-thumb:hover{background:var(--primary-yellow)}.lookup-overlay{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.results-card-inline{background:#f9f9f9;border:2px solid #e0e7ff;border-radius:8px;margin-bottom:30px}.lookup-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:40px;box-shadow:0 10px 40px #0000004d}.lookup-modal.lookup-results{max-width:900px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-primary{background:#0050b8;color:#fff}.btn-primary:hover{background:#003d8a}.btn-secondary{background:#f0f0f0;color:#333;border:1px solid #ddd}.btn-secondary:hover{background:#e0e0e0}.otp-info-box{background:#e7f1ff;border-left:4px solid #0050b8;padding:16px;border-radius:6px;display:flex;gap:12px;margin-bottom:30px;color:#0050b8}.otp-info-box svg{flex-shrink:0}.otp-info-box p{margin:0;font-size:14px}.otp-form{margin-bottom:30px}.otp-form label{display:block;font-weight:600;color:#333;margin-bottom:10px;font-size:14px}.otp-input{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:6px;font-size:16px;letter-spacing:4px;text-align:center;font-weight:600;transition:border-color .3s}.otp-input:focus{outline:none;border-color:#0050b8}.otp-input.error{border-color:#dc3545}.otp-error{color:#dc3545;font-size:13px;margin:8px 0 0;text-align:center}.otp-timer-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;flex-wrap:wrap;gap:8px}.otp-timer{font-size:12px;color:#999;margin:0;text-align:center}.otp-resend-btn{background:none;border:none;color:#0050b8;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:all .2s}.otp-resend-btn:hover:not(.disabled){background-color:#0050b81a}.otp-resend-btn.disabled{color:#999;cursor:not-allowed}.otp-resend-btn .spin{animation:spin 1s linear infinite}.form-buttons{display:flex;gap:12px;justify-content:flex-end}.results-card{background:#f9f9f9;border:2px solid #dcf1e0;border-radius:8px;margin-bottom:30px;max-width:900px}.results-card-inline{background:transparent;border:none;border-radius:0;margin-bottom:0}.results-header{background:#dcf1e0;padding:16px 20px;border-bottom:2px solid #00a86b;display:flex;justify-content:space-between;align-items:center;border-radius:0;margin-bottom:0}.results-header h3{margin:0;font-size:16px;color:#00a86b;font-weight:600}.status-badge{background:#ffe7e7;color:#dc3545;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #dc3545}.status-badge.status-active{background:#dcf1e0;color:#00a86b;border:1px solid #00a86b}.results-content{display:grid;grid-template-columns:1fr 250px;gap:20px;padding:20px}.results-left{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-item{background:#fff;padding:12px;border-radius:6px;border:1px solid #e0e0e0}.result-item label{display:block;font-size:12px;color:#999;font-weight:600;margin-bottom:4px}.result-item p{margin:0;font-size:14px;font-weight:600;color:#333}.result-section{grid-column:1 / -1;background:#fff;padding:16px;border-radius:6px;border:1px solid #e0e0e0}.result-section h4{margin:0 0 12px;font-size:14px;color:#0050b8;font-weight:600}.drone-item{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #e0e0e0}.drone-item:last-child{border-bottom:none}.drone-info label{display:block;font-size:11px;color:#999;font-weight:600;margin-bottom:2px}.drone-info p{margin:0;font-size:13px;color:#333}.status-text{color:#00a86b;font-weight:600;background:#dcf1e0;padding:4px 8px;border-radius:4px;display:inline-block}.status-text.inactive{color:#dc3545;background:#ffe7e7}.status-text.pending{color:#ff9800;background:#fff3e0}.results-right{display:flex;flex-direction:column;gap:16px}.result-photo{width:100%;aspect-ratio:3/4;background:#f0f0f0;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-photo img{width:100%;height:100%;object-fit:contain;background:#f8fafc}.result-qr{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-code-container{background:#f9f9f9;border-radius:4px;padding:12px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.qr-code-container canvas{border-radius:2px}.qr-placeholder{background:#f9f9f9;border-radius:4px;padding:16px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;height:120px}.result-qr p{margin:8px 0;font-size:12px;color:#999}.btn-qr-download{background:linear-gradient(135deg,#0050b8,#1c68cc);color:#fff;border:none;padding:8px 12px;font-size:12px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;margin-top:4px}.btn-qr-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0050b84d}@media(max-width:768px){.lookup-modal{padding:24px}.modal-title{font-size:20px}.results-content,.results-left{grid-template-columns:1fr}.result-section{grid-column:1}.results-right{max-width:250px}.modal-buttons{flex-direction:column}.btn{width:100%;justify-content:center}}.license-card-container{display:grid;grid-template-columns:1fr;gap:30px;margin:30px 0}.license-card-front{background:#f9fafb;border:3px solid #333;border-radius:8px;padding:10px;position:relative;box-shadow:0 10px 30px #0000004d;color:#000;font-family:Segoe UI,Times New Roman,serif;display:flex;flex-direction:column;font-size:14px}.license-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #333}.header-text-content{flex:1;text-align:center}.header-text-content p{margin:2px 0;font-weight:700;color:#000}.header-text-content .country{font-size:15px}.header-text-content .tagline{font-size:13px;color:#333}.header-text-content .title{font-size:15px;font-weight:900}.qr-box{display:flex;flex-direction:column;align-items:center;gap:1px;border:2px solid #333;padding:2px}.qr-box .license-qr{width:55px!important;height:55px!important;border:1px solid #999!important}.qr-label{font-size:8px;margin:0;font-weight:700;line-height:1}.license-body{display:grid;grid-template-columns:85px 1fr;gap:8px;flex:1;margin-bottom:6px}.left-section{display:flex;flex-direction:column;align-items:center}.photo-box{display:flex;flex-direction:column;align-items:center;gap:3px}.license-photo{width:75px;height:95px;border:2px solid #333;overflow:hidden;background:#f0f0f0}.license-photo img{width:100%;height:100%;object-fit:contain;background:#f8fafc}.photo-label{font-size:9px;margin:0;font-weight:700;text-align:center}.rank-label{font-size:9px;margin:5px 0 0;font-weight:700;text-align:center}.middle-section{display:flex;flex-direction:column;gap:0px;font-size:13px}.info-row{display:flex;gap:8px;align-items:flex-start}.info-row .label{font-weight:700;min-width:70px;color:#000}.info-row .value{flex:1;border-bottom:none;color:#000}.signature-section{margin-top:8px;padding-top:8px;border-top:none}.date-text{font-size:9px;margin:0 0 6px;text-align:center;font-style:italic}.sig-area{text-align:center;font-size:9px}.sig-title{margin:0 0 20px;font-weight:700;line-height:1.3}.sig-name{margin:0;font-weight:700}.expiry-box{font-size:13px;font-weight:700;padding:4px;border-top:2px solid #333;text-align:left}.license-card-back{background:#f9fafb;border:3px solid #333;border-radius:8px;padding:10px;position:relative;box-shadow:0 10px 30px #0000004d;color:#000;font-family:Segoe UI,Times New Roman,serif;display:flex;flex-direction:column;font-size:13px}.back-title{text-align:center;font-size:13px;font-weight:900;margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid #333;color:#000}.drone-categories{margin-bottom:8px;padding:0 8px}.category-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:5px;font-size:13px;line-height:1.4}.category-item .bullet{font-weight:700;min-width:10px;color:#000}.category-item label{margin:0;cursor:pointer;color:#000;flex:1}.back-content{display:flex;flex-direction:column;gap:8px;font-size:13px}.back-section{border:1px solid #333;padding:8px;border-radius:4px;margin-top:4px}.back-section h5{margin:0 0 6px;font-size:13px;font-weight:700;color:#000;border-bottom:1px solid #333;padding-bottom:4px}.back-section p{margin:3px 0;color:#000;font-size:13px}.back-drone-item{background:#f9f9f9;padding:5px;margin:3px 0;border-radius:3px}.back-drone-item p{margin:2px 0;font-size:13px}.device-lookup-card{width:100%;background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;padding:20px;margin:18px 0}.device-lookup-card h3{margin:0 0 10px;font-size:20px;color:#1f2937}.device-lookup-card p{margin:6px 0;color:#374151}.device-image-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.device-image-item{background:#fff;border:1px solid #d1d9e6;border-radius:10px;padding:10px}.device-image-label{font-size:13px;font-weight:700;color:#1f2937;margin-bottom:8px}.device-image{width:100%;height:220px;object-fit:contain;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.device-image-empty{width:100%;height:140px;border-radius:8px;border:1px dashed #9aa4b2;background:#f9fafb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:12px}@media(max-width:900px){.license-card-container{grid-template-columns:1fr;gap:20px}.license-card-front,.license-card-back{min-height:auto}.license-body{grid-template-columns:1fr}.qr-box{align-self:flex-end}.device-lookup-card{padding:14px}.device-image-grid{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#222;background-image:url(/images/pattern.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Roboto,sans-serif;padding:20px;position:relative}.login-page:before{content:"";position:absolute;inset:0;background:#141414d9;z-index:1}.login-container{width:100%;max-width:480px;position:relative;z-index:2}.login-card{background:#e1e1e1;border:1px solid #555555;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000080;color:#fff}.login-header{text-align:center;margin-bottom:30px}.login-logo{height:80px;width:auto;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.login-title{font-size:2rem;font-weight:700;color:#0050b8;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px}.login-subtitle{font-size:.95rem;color:#434343;margin:0}.link-primary{color:#0050b8;text-decoration:none;font-weight:600;transition:color .3s}.link-primary:hover{color:#e6b804;text-decoration:underline}.login-form{display:flex;flex-direction:column;gap:20px}.error-banner{padding:12px 16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.95rem;font-weight:600;color:#fff}.form-input{width:100%;padding:14px 16px;background-color:#fff;border:1px solid #555555;border-radius:8px;font-size:1rem;color:#fff;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#0050b8}.form-input::placeholder{color:#888}.password-input-wrapper .form-input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:-5px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#b0b0b0}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0050b8;background-color:#fff;border:1px solid #555}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;text-transform:uppercase}.btn-primary{background-color:#0050b8;color:#fff}.btn-primary:hover{background-color:#e6b804;transform:translateY(-2px)}.btn-login{width:100%;padding:16px 32px;font-size:1.05rem;margin-top:10px}.btn:disabled{opacity:1;cursor:not-allowed;transform:none;background-color:#0050b8!important;color:#fff!important;box-shadow:none!important}@media(max-width:576px){.login-card{padding:30px 20px;background:#e1e1e1;border:none}.login-title{font-size:1.75rem}.login-subtitle{font-size:.85rem}.form-footer{flex-direction:column;align-items:flex-start;gap:12px}.link-primary{align-self:flex-end}}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.recaptcha-shell{width:100%;min-height:98px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:14px;overflow:hidden}.recaptcha-scale{flex:0 0 auto;width:max-content;transform:scale(1.3);transform-origin:top left}@media(max-width:576px){.recaptcha-shell{min-height:84px;gap:10px}.recaptcha-scale{transform:scale(1.06)}}:root{--primary-blue: #0050b8;--bg-body: #222222;--bg-card: #e1e1e1;--bg-card-hover: #454545;--text-white: #ffffff;--text-gray: #b0b0b0;--text-black: #ffffff;--border-color: #555555}.register-page{min-height:100vh;background-color:var(--bg-body)!important;padding:40px 20px;font-family:Roboto,sans-serif;width:100%;overflow-x:hidden;box-sizing:border-box}.register-container{width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.register-card{background:var(--bg-card)!important;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000080;border:1px solid var(--border-color);overflow-x:hidden;width:100%;box-sizing:border-box}.step-indicator{display:flex;gap:8px;margin-bottom:40px}.step-bar{flex:1;height:4px;background-color:var(--border-color);border-radius:2px;transition:background-color .3s ease}.step-bar.active{background-color:var(--primary-blue);box-shadow:0 0 10px #0050b8}.step-title{font-size:1.75rem;font-weight:700;color:var(--primary-yellow)!important;margin:0 0 32px;text-align:center}.info-box{background-color:#ffca050d;border-left:4px solid var(--primary-yellow);border-radius:8px;padding:24px;margin-bottom:32px;border:1px solid #0050b8}.info-title{font-size:1.1rem;font-weight:600;color:var(--text-white)!important;margin:0 0 8px;display:flex;align-items:center;gap:10px}.info-icon{color:var(--primary-yellow)}.info-subtitle{color:var(--text-gray)!important;margin:0 0 16px;font-size:.95rem}.info-list{margin:16px 0;padding-left:20px;color:var(--text-white)!important;line-height:1.8}.info-list li{margin-bottom:8px;color:var(--text-white)!important}.info-note{display:flex;align-items:center;gap:8px;color:var(--text-gray)!important;font-size:.9rem;margin:12px 0 0}.info-highlight{display:flex;align-items:center;gap:8px;color:#10b981!important;font-weight:600;margin:12px 0 0}.info-box-small{background-color:#fff;border-radius:8px;padding:20px;margin:24px 0;border:1px solid var(--border-color)}.info-box-small h4{margin:0 0 12px;font-size:1rem;color:var(--text-white)!important}.info-box-small ul{margin:0;padding-left:20px;color:var(--primary-yellow)!important;line-height:1.6;font-size:.9rem}.info-box-small li{margin-bottom:6px;color:var(--primary-yellow)!important}.terms-section{margin-bottom:32px}.terms-section h3{font-size:1.1rem;font-weight:600;color:var(--text-white)!important;margin:0 0 12px}.terms-intro{color:var(--text-gray)!important;margin:0 0 12px}.terms-list{list-style:disc;padding-left:20px;margin:0 0 16px;color:var(--text-white)!important;line-height:1.6}.terms-list li{margin-bottom:6px;color:var(--text-white)!important}.form-section{margin-bottom:32px;width:100%;overflow:hidden}.form-section h3{font-size:.95rem;font-weight:600;color:var(--text-white)!important;margin:0 0 14px;word-wrap:break-word;overflow-wrap:break-word}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;width:100%;overflow-x:hidden}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;width:100%;min-width:0}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-white)!important}.form-input,.form-select{width:100%;max-width:100%;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;font-size:.85rem;transition:all .3s ease;box-sizing:border-box;background-color:#fff!important;color:#0f172a!important;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-yellow);background-color:#e1e1e1!important}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:1.05em;padding-right:36px;min-height:42px;cursor:pointer}.form-select::-ms-expand{display:none}.device-model-controls{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;min-width:0;overflow:hidden}.device-model-suggestions{width:100%;max-height:200px;overflow-y:auto;border:1px solid #d1d5db;border-radius:8px;background:#fff;box-shadow:0 6px 16px #0f172a14}.device-model-suggestions::-webkit-scrollbar{width:7px}.device-model-suggestions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.device-model-suggestions::-webkit-scrollbar-thumb:hover{background:#94a3b8}.device-model-option{width:100%;padding:10px 12px;border:none;border-bottom:1px solid #e5e7eb;background:transparent;color:#0f172a;text-align:left;cursor:pointer;font-size:.86rem;transition:background-color .16s ease}.device-model-option:last-child{border-bottom:none}.device-model-option:hover{background:#f3f4f6}.device-model-option:focus-visible{outline:none;background:#f3f4f6;box-shadow:inset 0 0 0 1px #9ca3af}.device-model-no-result{margin:0;padding:10px 12px;font-size:.82rem;color:#475569!important;line-height:1.4;background:#f9fafb}.company-suggestions{width:100%;max-height:220px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid #d1d5db;border-radius:8px;background:#fff;box-shadow:0 8px 20px #0f172a1f;margin-top:8px}.company-suggestion-option{width:100%;padding:10px 12px;border:none;border-bottom:1px solid #e5e7eb;background:transparent;text-align:left;display:flex;flex-direction:column;gap:2px;cursor:pointer}.company-suggestion-option:last-child{border-bottom:none}.company-suggestion-option strong{color:#0f172a;font-size:.86rem;font-weight:700}.company-suggestion-option span{color:#475569;font-size:.8rem}.company-suggestion-option:hover{background:#f8fafc}.device-image-grid{display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important;gap:12px!important;width:100%;max-width:100%}.form-input::placeholder{color:#666}.form-select option{background-color:#fff;color:#0f172a;padding:8px;font-size:.8rem;white-space:pre-wrap;word-break:break-word;max-width:100%}@supports (-moz-appearance: none){.form-select{text-indent:.01px;text-overflow:""}}.field-note{color:#f59e0b!important;font-size:.85rem;margin:8px 0 0;display:flex;align-items:flex-start;gap:4px}.camera-box{margin:24px 0}.cccd-attention-note{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(180deg,#fff7ed,#fff4e6);border-left:5px solid #f97316;padding:12px 14px;border-radius:8px;color:#92400e;font-weight:600;margin-bottom:12px}.cccd-attention-note svg{flex-shrink:0;color:#f97316}.cccd-attention-note strong{color:#7c2d12}.cccd-frame-box{border:2px dashed #d0d0d0;border-radius:12px;padding:10px;background:#38bdf814}.camera-placeholder{width:100%;height:400px;background-color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:2px solid var(--border-color)}.avatar-box{max-width:210px}.avatar-placeholder{width:180px;height:240px;aspect-ratio:3 / 4;border-radius:10px;margin-bottom:8px}.avatar-upload-group .camera-box{margin:8px 0 10px}.avatar-upload-trigger{display:block;width:180px;cursor:pointer;padding:0;border:0;background:transparent;font:inherit;text-align:inherit}.avatar-upload-trigger:after{content:""!important}.avatar-upload-trigger .avatar-placeholder,.avatar-preview-image{width:180px;height:240px;aspect-ratio:3 / 4;border-radius:10px}.avatar-upload-trigger .avatar-placeholder{margin:0;border:2px solid #c7c7c7;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:#fff}.avatar-preview-image{object-fit:cover;border:2px solid #c7c7c7;display:block}.avatar-file-input{display:none}.camera-icon{color:var(--border-color)}.camera-instruction{text-align:center;color:var(--text-gray)!important;font-size:.9rem;margin:12px 0 0}.qr-scan-line{position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#22c55e26,#22c55e,#22c55e26);box-shadow:0 0 10px #22c55ecc;animation:qrScanSweep 1.6s ease-in-out infinite;pointer-events:none}@keyframes qrScanSweep{0%{top:18%;opacity:.25}50%{top:78%;opacity:1}to{top:18%;opacity:.25}}.qr-progress-container{width:100%;height:6px;background:#444;border-radius:3px;margin:10px 0 16px;overflow:hidden;position:relative}.qr-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 8px #10b98180;transition:width .15s linear;border-radius:3px}.qr-progress-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:2px}.qr-progress-percent-text{font-size:.8rem;font-weight:700;color:#10b981;min-width:40px}.qr-fail-popup-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;animation:qrFadeIn .3s ease-out}.qr-fail-popup-content{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:32px;text-align:center;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);animation:qrZoomIn .3s cubic-bezier(.34,1.56,.64,1)}.dark .qr-fail-popup-content{background:#18181b;border-color:#27272a}.qr-fail-icon-wrapper{width:64px;height:64px;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.dark .qr-fail-icon-wrapper{background:#d9770633}.qr-fail-popup-title{font-size:1.25rem;font-weight:800;color:#09090b;margin-bottom:12px;letter-spacing:-.02em}.dark .qr-fail-popup-title{color:#fff}.qr-fail-popup-message{font-size:.95rem;color:#71717a;line-height:1.6;margin-bottom:32px}.dark .qr-fail-popup-message{color:#a1a1aa}.qr-fail-popup-btn{width:100%;padding:16px;background:#09090b;color:#fff;border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.dark .qr-fail-popup-btn{background:#fff;color:#09090b}.qr-fail-popup-btn:hover{transform:scale(1.02)}.qr-fail-popup-btn:active{transform:scale(.98)}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}@keyframes qrZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.verification-options,.radio-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.radio-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:transparent}.radio-option:hover{border-color:var(--primary-yellow);background-color:#ffca050d}.radio-option input[type=radio]{width:18px;height:18px;accent-color:var(--primary-yellow);cursor:pointer}.radio-option span{flex:1;color:var(--text-white)!important;font-size:.95rem}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:var(--text-white)!important;margin-bottom:12px;flex-wrap:nowrap}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-yellow);cursor:pointer}.checkbox-label span{color:var(--text-white)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tier-b-section{margin-top:20px;padding:16px;background:#f8fbff;border:1px solid #dbeafe;border-radius:10px}.tier-b-section h4{margin:0 0 12px;color:#0f172a;font-size:1rem;font-weight:700}.tier-b-dropdowns{display:flex;flex-direction:column;gap:12px}.tier-b-category{border:1px solid #e0f2fe;border-radius:8px;overflow:hidden;background:#fff}.tier-b-category.locked{opacity:.6;background:#f5f5f5}.tier-b-dropdown-header{width:100%;padding:14px 16px;background:#f0f9ff;border:none;border-bottom:1px solid #e0f2fe;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:#075985;transition:all .3s ease}.tier-b-dropdown-header:hover:not(.disabled){background:#e6f2ff}.tier-b-dropdown-header.expanded{background:#dbeafe;border-bottom-color:#0369a1}.tier-b-dropdown-header.disabled{cursor:not-allowed;color:#999;background:#f5f5f5}.tier-b-dropdown-header.disabled:hover{background:#f5f5f5}.tier-b-dropdown-label{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:700;color:#075985;margin:0;flex:1}.tier-b-selection-count{font-size:.8rem;font-weight:600;color:#0369a1;background:#e6f2ff;padding:2px 8px;border-radius:12px;white-space:nowrap}.tier-b-dropdown-arrow{display:inline-flex;align-items:center;font-size:.8rem;color:#075985;transition:transform .3s ease}.tier-b-dropdown-arrow.open{transform:rotate(180deg)}.tier-b-dropdown-content{padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.tier-b-checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e0f2fe;border-radius:6px;cursor:pointer;transition:all .18s ease;background:#fff}.tier-b-checkbox-item:hover:not(.disabled){background:#f0f9ff;border-color:#0369a1}.tier-b-checkbox-item.checked{background:#e6f2ff;border-color:#0369a1}.tier-b-checkbox-item.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.tier-b-checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#0369a1;cursor:pointer;flex-shrink:0}.tier-b-checkbox-item.disabled input[type=checkbox]{cursor:not-allowed}.tier-b-checkbox-label{font-size:.95rem;color:#0f172a;font-weight:600;flex:1}.tier-b-selected-summary{margin-top:16px;padding:12px 14px;background:#dcfce7;border:1px solid #86efac;border-radius:6px;color:#166534;font-size:.9rem;font-weight:500;display:flex;justify-content:space-between;align-items:center}.tier-b-clear-btn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tier-b-clear-btn:hover{background:#dc2626}.tier-b-clear-btn:active{transform:scale(.98)}.summary-section{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid var(--border-color)}.summary-section h3{font-size:1rem;font-weight:600;color:var(--text-white)!important;margin:0 0 16px}.summary-item{padding:8px 0;border-bottom:1px solid var(--border-color);font-size:.95rem;color:var(--text-white)!important}.summary-item:last-child{border-bottom:none}.summary-item strong{color:var(--primary-yellow)!important;font-weight:600;margin-right:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:Roboto,sans-serif}.btn-primary{background-color:var(--primary-yellow)!important;color:var(--text-black)!important}.btn-primary:hover{background-color:#e6b804!important;transform:translateY(-2px)}.btn-secondary{background-color:transparent!important;color:var(--primary-yellow)!important;border:2px solid var(--primary-yellow)}.btn-secondary:hover{background-color:#ffca051a!important}.btn-full{width:100%;padding:16px 32px}.btn-disabled{opacity:.5;cursor:not-allowed}.btn-disabled:hover{transform:none;background-color:var(--primary-yellow)!important}.btn-back{display:inline-flex;align-items:center;gap:6px;background-color:#0000000a;color:#000!important;border:1px solid #000000!important;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-back:hover{background-color:#0000000a;border-color:#000!important}.btn-back:active{transform:translateY(1px);border-color:#000!important}.btn-back svg{margin-right:4px}.required-checkbox{font-weight:600;padding:12px;background-color:#d4d4d41a;border-radius:8px;border:2px solid rgba(20,9,232,.5);display:inline-flex;align-items:center;gap:12px}.required-checkbox *,.required-checkbox .checkbox-label{color:var(--text-white)!important}.required-checkbox span{color:var(--text-white)!important;display:inline-block;vertical-align:middle;line-height:1.2}.checkbox-label input[type=checkbox]{margin:0;vertical-align:middle}.submit-progress-wrap{margin-top:18px;margin-bottom:10px;padding:12px 14px;border:1px solid #1d4ed8;border-radius:10px;background:#1d4ed81a}.submit-progress-percent{text-align:center;font-size:1rem;font-weight:700;color:#dbeafe;margin-bottom:8px}.submit-progress-track{width:100%;height:8px;border-radius:999px;background:#ffffff38;overflow:hidden}.submit-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#22d3ee);transition:width .28s ease}.form-group label:after{content:" *";color:red;font-weight:700;margin-left:2px}.no-required:after{content:""!important}.form-actions{display:flex;gap:16px;margin-top:32px}.form-actions .btn{flex:1}.form-reset-row{margin-top:16px;display:flex;justify-content:flex-end}.btn-reset-all{min-width:220px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid #ef4444;background:transparent;color:#ef4444;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-reset-all:hover{background:#ef44441a;border-color:#dc2626;color:#dc2626}.btn-reset-all:active{transform:translateY(1px)}.btn-reset-all:disabled{opacity:.5;cursor:not-allowed;background:transparent}.link-primary{color:var(--primary-yellow)!important;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.link-primary:hover{text-decoration:underline;color:#e6b804!important}@media(max-width:768px){.register-card{padding:24px;overflow-x:hidden}.step-title{font-size:1.6rem}.form-row,.checkbox-grid{grid-template-columns:1fr;overflow-x:hidden}.form-section{margin-bottom:24px;width:100%;overflow-x:hidden}.form-section h3{font-size:1rem;margin-bottom:12px;word-wrap:break-word;overflow-wrap:break-word}.form-group{margin-bottom:16px;min-width:0}.form-group label{font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.form-input,.form-select{font-size:.8rem;padding:9px 10px;max-width:100%;width:100%}.form-select{padding-right:26px;background-size:1.1em;background-position:right 6px center}.device-model-option{font-size:.9rem;padding:10px 11px}.device-model-no-result{font-size:.82rem}.device-image-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.form-select option{font-size:.75rem;padding:6px;word-wrap:break-word;white-space:pre-wrap}.form-actions{flex-direction:row}.form-reset-row{justify-content:stretch}.btn-reset-all{width:100%}.camera-placeholder{height:300px}.avatar-box{max-width:100%}.avatar-placeholder{width:150px;height:200px;margin-left:auto;margin-right:auto}.submit-progress-wrap{padding:10px 12px}.submit-progress-percent{font-size:.95rem}.submit-progress-track{height:7px}}@media(max-width:480px){.register-page{padding:20px 10px;width:100%;overflow-x:hidden}.register-card{padding:20px;border-radius:8px;overflow-x:hidden;width:100%;box-sizing:border-box}.step-title{font-size:1.45rem;margin-bottom:24px;word-wrap:break-word}.form-section{margin-bottom:20px;width:100%;overflow-x:hidden;box-sizing:border-box}.form-section h3{font-size:.95rem;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word;width:100%}.form-group{margin-bottom:14px;min-width:0;width:100%;box-sizing:border-box}.form-group label{font-size:.85rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.form-input,.form-select{font-size:.75rem;padding:8px 10px;border-radius:6px;width:100%;max-width:100%;box-sizing:border-box}.form-select{padding-right:24px;background-size:1em;background-position:right 5px center}.device-model-suggestions{max-height:200px}.device-model-option{font-size:.85rem;padding:9px 10px}.device-image-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px!important}.form-select option{font-size:.7rem;padding:6px;word-wrap:break-word;white-space:pre-wrap}.form-row{gap:12px;margin-bottom:12px;width:100%;overflow-x:hidden}.error-text{font-size:.8rem;margin-top:4px;word-wrap:break-word}.btn,.btn-primary,.btn-secondary{font-size:.95rem;padding:10px 16px}}@media(max-width:360px){.register-page{padding:15px 8px;width:100%;overflow-x:hidden}.register-card{padding:16px;border-radius:6px;overflow-x:hidden;width:100%;box-sizing:border-box}.step-title{font-size:1.25rem;margin-bottom:16px;word-wrap:break-word;overflow-wrap:break-word}.form-section{margin-bottom:16px;width:100%;overflow-x:hidden;box-sizing:border-box}.form-section h3{font-size:.9rem;margin-bottom:8px;word-wrap:break-word;overflow-wrap:break-word;width:100%}.form-group{margin-bottom:12px;min-width:0;width:100%;box-sizing:border-box}.form-group label{font-size:.8rem;word-wrap:break-word;overflow-wrap:break-word}.form-input,.form-select{font-size:.7rem;padding:7px 9px;border-radius:4px;width:100%;max-width:100%;box-sizing:border-box}.form-select{padding-right:22px;background-size:.9em;background-position:right 4px center}.device-model-suggestions{max-height:180px}.device-model-option{font-size:.82rem;padding:8px 9px}.device-image-grid{grid-template-columns:1fr!important;gap:10px!important}.form-select option{font-size:.65rem;padding:5px;word-wrap:break-word;white-space:pre-wrap}.error-text{font-size:.75rem;word-wrap:break-word}.btn,.btn-primary,.btn-secondary{font-size:.85rem;padding:8px 12px}}@media(min-width:1024px){.register-card{padding:50px}.form-row{gap:24px}.form-input,.form-select{font-size:1.05rem;padding:14px 18px}}.register-card *{color:var(--text-white)}.register-card label,.register-card p,.register-card span,.register-card li,.register-card h3,.register-card h4{color:var(--text-white)!important}.register-page ::-webkit-scrollbar{width:8px;height:8px}.register-page ::-webkit-scrollbar-track{background:var(--bg-body)}.register-page ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.register-page ::-webkit-scrollbar-thumb:hover{background:var(--primary-yellow)}.input-error{border:1px solid red}.qr-locked{cursor:not-allowed}.error-text{color:red;font-size:13px;margin-top:4px}.info-box-exam{border:1px solid #0066cc;background:#f0f9ff}.info-box-exam-title{color:#06c}.info-box-exam-text{font-weight:700;color:#06c}@media(max-width:768px){.register-page,.register-container,.register-card,.terms-section{overflow-x:hidden!important}.form-actions{flex-direction:row;align-items:stretch}.form-actions .btn-back{flex:0 0 20%;max-width:20%;min-width:0;justify-content:center;white-space:nowrap}.form-actions .btn:not(.btn-back){flex:1 1 80%;min-width:0;justify-content:center;white-space:nowrap}.required-checkbox{display:flex;width:100%;align-items:flex-start;gap:10px;padding:10px}.required-checkbox input[type=checkbox]{margin-top:2px;flex-shrink:0}.required-checkbox span{flex:1 1 auto!important;min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;overflow-wrap:anywhere;word-break:break-word;font-size:.86rem!important;line-height:1.35}.btn-back{width:auto;min-height:42px;justify-content:center;padding:8px 6px;font-size:clamp(.72rem,1.7vw + .45rem,.85rem);font-weight:600;color:#000!important;border-color:#000;background-color:transparent}.btn-back svg{display:none}}.cccd-guide-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.cccd-guide-modal{--cccd-bg: #ffffff;--cccd-text: #111827;--cccd-muted: rgba(17, 24, 39, .6);--cccd-border: rgba(17, 24, 39, .06);--cccd-dashed: rgba(17, 24, 39, .06);width:860px;max-width:96%;border-radius:12px;padding:20px 24px;background:var(--cccd-bg);color:var(--cccd-text);box-shadow:0 16px 40px #02061714;border:1px solid var(--cccd-border)}.cccd-guide-title{text-align:center;font-size:20px;font-weight:900;margin:4px 0 6px;letter-spacing:-.02em;color:var(--cccd-text)}.cccd-guide-subtitle{text-align:center;color:var(--cccd-muted);margin:0 0 16px;font-size:.95rem}.cccd-guide-main-box{border:2px dashed var(--cccd-dashed);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;background:transparent}.cccd-guide-main-image{width:220px;height:140px;object-fit:contain;display:block}.cccd-guide-main-caption{text-align:center;margin-top:8px;color:var(--cccd-text);font-weight:700}.cccd-guide-section-title{text-align:center;margin-top:18px;margin-bottom:12px;color:var(--cccd-text);font-weight:700}.cccd-guide-invalid-row{display:flex;gap:18px;justify-content:center;padding:16px;border:2px dashed var(--cccd-border);border-radius:12px;margin-bottom:12px}.cccd-guide-invalid-item{width:180px;text-align:center}.cccd-guide-invalid-item img{width:140px;height:86px;object-fit:cover;border-radius:10px;background:#f8fafc;padding:6px;display:inline-block}.cccd-guide-invalid-caption{margin-top:8px;color:var(--cccd-muted);font-weight:600}.cccd-guide-bullets{margin-top:12px;color:var(--cccd-muted);padding-left:20px;line-height:1.6}.cccd-guide-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.cccd-guide-cta{min-width:160px}@media(max-width:640px){.cccd-guide-modal-overlay{align-items:flex-end;padding:0}.cccd-guide-modal{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:100%;height:92vh;border-radius:12px 12px 0 0;padding:12px 16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.cccd-guide-handle{width:48px;height:5px;background:var(--cccd-border);border-radius:999px;margin:6px auto;opacity:.95}.cccd-guide-main-image{width:60%;height:auto}.cccd-guide-main-box{padding:8px}.cccd-guide-invalid-row{flex-direction:column;align-items:stretch}.cccd-guide-invalid-item{width:100%;display:flex;gap:12px;align-items:center}.cccd-guide-invalid-item img{width:92px;height:60px}.cccd-guide-invalid-caption{text-align:left}.cccd-guide-actions{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:env(safe-area-inset-bottom,12px)}.cccd-guide-actions .btn{width:100%}.cccd-guide-cta{min-width:unset;border-radius:10px;padding:12px 16px;font-size:16px}}.register-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#0050b8;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px;box-shadow:0 4px 12px #0050b840}.register-back:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0050b866;background-color:#003b8e;color:#fff}.register-back:active{transform:translateY(0);box-shadow:0 2px 8px #0050b84d}.register-back svg{transition:transform .3s ease}.register-back:hover svg{transform:translate(-4px)}.qr-fail-popup-message{white-space:pre-line}.cccd-camera-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.cccd-camera-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:800px;max-height:95vh;overflow-y:auto;display:flex;flex-direction:column}.cccd-camera-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa;color:#333;border-radius:12px 12px 0 0}.cccd-camera-header h3{margin:0;font-size:18px;font-weight:600}.cccd-close-btn{background:#e5e7eb;border:none;color:#4b5563;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.cccd-close-btn:hover{background:#d1d5db}.cccd-guide-section{padding:40px 30px;display:flex;flex-direction:column;gap:30px}.cccd-guide-card{display:flex;justify-content:center}.cccd-frame-preview{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;padding:20px;width:100%;max-width:400px}.cccd-innerframe{aspect-ratio:1.585;border:3px solid #3b82f6;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cccd-id-card{width:100%;height:100%;border:1px dashed #bfdbfe;display:flex;align-items:center;justify-content:center;background:#f0f9ff}.cccd-id-card p{margin:0;font-weight:600;color:#3b82f6}.cccd-instructions{background:#f3f4f6;border-left:4px solid #3b82f6;padding:20px;border-radius:6px}.cccd-instructions h4{margin:0 0 12px;color:#1f2937;font-size:16px}.cccd-instructions ul{margin:0;padding:0 0 0 20px;list-style:none}.cccd-instructions li{padding:6px 0;color:#4b5563;font-size:14px;line-height:1.5}.cccd-button-group{display:flex;gap:12px;flex-wrap:wrap}.cccd-camera-section{padding:20px;display:flex;flex-direction:column;gap:20px}.cccd-camera-wrapper{position:relative;width:100%;min-height:220px;background:#000;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}.cccd-video-feed{width:100%;height:auto;max-height:60vh;object-fit:contain}.cccd-simple-frame{position:absolute;top:0;left:0;box-sizing:border-box;border:2px solid #22c55e;border-radius:8px;pointer-events:none;box-shadow:0 0 0 9999px #000;z-index:2}.cccd-simple-frame:before{content:"";position:absolute;inset:2px;border-radius:6px;background:#22c55e1a}.cccd-frame-status{margin-top:4px;text-align:center;font-size:13px;color:#4b5563}@media(max-width:600px){.cccd-camera-wrapper{min-height:180px}}@media(max-width:380px){.cccd-camera-wrapper{min-height:160px}}.cccd-error-message{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px 16px;border-radius:6px;font-size:14px;text-align:center}.cccd-camera-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cccd-upload-section{padding:40px 30px;display:flex;flex-direction:column;gap:30px}.cccd-upload-area{display:flex;justify-content:center}.cccd-upload-zone{border:2px dashed #3b82f6;border-radius:8px;padding:40px 30px;text-align:center;cursor:pointer;transition:all .2s;background:#f0f9ff;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#3b82f6}.cccd-upload-zone:hover{background:#e0f2fe;border-color:#0284c7;color:#0284c7}.cccd-upload-zone h4{margin:0;font-size:16px;font-weight:600}.cccd-upload-zone p{margin:0;font-size:14px;color:#0ea5e9}.cccd-preview-section{padding:30px 20px;display:flex;flex-direction:column;gap:20px}.cccd-preview-image{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:100%;height:auto;max-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.cccd-preview-image img,.cccd-preview-img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:60vh;object-fit:contain}.qr-frame-guide{position:absolute;top:50%;left:50%;width:min(80%,300px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #10b981;border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px #000000a6}.cccd-btn{padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;white-space:nowrap;min-height:44px}.cccd-btn-primary{background:#3b82f6;color:#fff;flex:1;min-width:150px}.cccd-btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px #3b82f64d}.cccd-btn-secondary{background:#e5e7eb;color:#374151;flex:1;min-width:150px}.cccd-btn-secondary:hover{background:#d1d5db}.cccd-btn-capture{background:#10b981;color:#fff;font-size:16px;padding:14px 32px}.cccd-btn-capture:hover{background:#059669;transform:scale(1.05)}.cccd-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:600px){.cccd-camera-modal{padding:0}.cccd-camera-container{max-width:100%;max-height:100vh;border-radius:20px 20px 0 0}.cccd-guide-section,.cccd-upload-section{padding:30px 20px}.cccd-button-group{flex-direction:column}.cccd-btn{width:100%}.cccd-btn-primary,.cccd-btn-secondary{flex:1;min-width:auto}.cccd-camera-section{padding:16px}.cccd-video-feed{max-height:70vh}.cccd-instructions{padding:16px}.cccd-instructions ul{padding-left:18px}.cccd-instructions li{font-size:13px}.cccd-preview-section{padding:20px 16px}.cccd-preview-image{max-height:50vh}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cccd-camera-container{animation:slideUp .3s ease-out}.avatar-camera-actions{flex-wrap:nowrap;width:100%;align-items:stretch}.avatar-camera-actions .avatar-camera-capture-btn{flex:1 1 auto;width:auto;min-width:0;min-height:62px;font-size:18px;padding:16px 28px}.avatar-camera-actions .avatar-camera-back-btn{flex:0 0 132px;width:132px;min-width:0;padding:12px 18px}@media(max-width:600px){.avatar-camera-actions{flex-direction:row;gap:10px}.avatar-camera-actions .avatar-camera-capture-btn{width:auto;min-height:58px;font-size:17px;padding:14px 18px}.avatar-camera-actions .avatar-camera-back-btn{flex-basis:96px;width:96px;padding:10px 12px;font-size:13px}}html.cccd-consent-open,body.cccd-consent-open{overflow:hidden;overscroll-behavior:none}#root.cccd-consent-open{overflow:hidden;height:100vh}@keyframes cccdSlideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes cccdOverlayFadeIn{0%{opacity:0}to{opacity:1}}.cccd-consent-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;padding:20px;z-index:9999;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;animation:cccdOverlayFadeIn .25s ease-out;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.cccd-consent-modal{background-color:#fff;border-radius:10px;padding:28px 32px 20px;max-width:680px;width:90%;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;box-shadow:0 4px 15px #00000026;animation:cccdSlideIn .25s ease-out;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1c1c1c;display:flex;flex-direction:column}.cccd-consent-header{margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:14px}.cccd-consent-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;margin:0}.cccd-consent-icon{color:#444}.cccd-consent-content{margin-bottom:24px;padding-right:6px}.cccd-consent-intro{font-size:14px;line-height:1.6;margin-bottom:16px}.cccd-consent-list{list-style-type:disc;padding-left:20px;margin:0 0 16px}.cccd-consent-item{font-size:14px;margin-bottom:10px;line-height:1.5}.cccd-consent-item strong{font-weight:600}.cccd-consent-privacy,.cccd-consent-guidelines,.cccd-consent-note{font-size:13px;color:#555;margin-bottom:12px;line-height:1.5;font-style:normal}.cccd-consent-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:auto}.cccd-consent-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;min-width:110px}.cccd-consent-btn:focus{outline:2px solid #999}.cccd-consent-btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ccc}.cccd-consent-btn-secondary:hover{background-color:#e8e8e8}.cccd-consent-btn-primary{background-color:#333;color:#fff;border:1px solid #333}.cccd-consent-btn-primary:hover{background-color:#555;border-color:#555}.cccd-consent-acknowledge{font-size:13px;color:#555;font-style:italic;margin-top:12px;line-height:1.5}@media(max-width:600px){.cccd-consent-overlay{align-items:flex-start;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.cccd-consent-modal{padding:20px;width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.cccd-consent-content{padding-right:2px}.cccd-consent-title{font-size:18px;gap:6px}.cccd-consent-intro,.cccd-consent-item,.cccd-consent-privacy,.cccd-consent-note,.cccd-consent-acknowledge{font-size:13px;line-height:1.4}.cccd-consent-actions{flex-direction:column;gap:8px}.cccd-consent-btn{width:100%;min-width:unset;padding:10px;font-size:13px}}@media(max-width:360px){.cccd-consent-overlay{padding:calc(10px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px))}.cccd-consent-modal{padding:16px;border-radius:8px;max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.cccd-consent-title{font-size:16px;gap:4px}.cccd-consent-intro,.cccd-consent-item,.cccd-consent-privacy,.cccd-consent-note,.cccd-consent-acknowledge{font-size:12px;line-height:1.35}.cccd-consent-btn{padding:8px;font-size:12px}}.register-entry-page{min-height:calc(100vh - 120px);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;background:linear-gradient(180deg,#f5f7fb,#eef2f9)}.register-entry-card{width:min(760px,100%);background:#fff;border-radius:18px;box-shadow:0 18px 40px #0b235014;padding:28px}.register-entry-back{border:none;background:transparent;color:#4a5568;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:0;margin-bottom:20px;font-weight:600}.register-entry-title{margin:0;font-size:36px;line-height:1.2;color:#1a202c;text-align:center}.register-entry-subtitle{margin:10px 0 24px;color:#718096;text-align:center;font-size:16px}.register-entry-options{display:grid;gap:14px}.register-entry-option{border:1px solid #0a58ca;border-radius:14px;background:#0b5ed7;color:#fff;min-height:90px;display:grid;grid-template-columns:56px 1fr 24px;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.register-entry-option:hover{transform:translateY(-1px);background:#0a58ca;box-shadow:0 8px 20px #0b5ed747}.register-entry-option-icon{width:48px;height:48px;border-radius:10px;background:#ffffff38;display:inline-flex;align-items:center;justify-content:center}.register-entry-option-label{font-size:30px;font-weight:700}@media(max-width:768px){.register-entry-card{padding:20px}.register-entry-title{font-size:28px}.register-entry-option-label{font-size:24px}}*{box-sizing:border-box}.courses-page{font-family:Roboto,sans-serif;background-color:#fff;color:var(--text-white);padding-bottom:50px}.container{max-width:1300px;margin:0 auto;padding:0 20px}.top-nav{display:flex;justify-content:flex-end;padding:10px 0;font-size:.9rem}.top-nav a{margin-left:20px;text-decoration:none;color:var(--text-gray);font-weight:500;transition:color .3s}.top-nav a:hover{color:var(--primary-yellow)}.hero-banner-wrapper{position:relative;min-height:600px;background-color:#000;overflow:hidden;border-bottom:1px solid var(--border-color);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-slide-item{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out}.hero-slide-item.active{opacity:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1}.hero-content{display:flex;justify-content:space-between;align-items:center;padding:50px 20px 30px;min-height:200px;position:relative;z-index:2}.hero-title{font-size:3rem;font-weight:900;margin:0 0 15px;line-height:1;text-transform:uppercase;color:var(--primary-yellow);text-shadow:0 2px 10px rgba(0,0,0,.8)}.hero-illustration img{max-height:250px;object-fit:contain;opacity:1}.hero-bottom-bar{background-color:#141414f2;padding:15px 0;width:100%;border-top:1px solid #444;position:relative;z-index:2;margin-top:auto}.bar-content{display:flex;align-items:center;gap:40px;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#ddd}.bar-item{display:flex;align-items:center;gap:8px}.icon-medal{width:20px;height:20px;fill:var(--primary-yellow)}.courses-section{padding:30px 0}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.section-title{font-size:1.2rem;font-weight:700;color:var(--primary-yellow);margin:0;text-transform:uppercase}.view-all{color:var(--text-white);font-size:.9rem;text-decoration:none;transition:color .2s}.view-all:hover{color:var(--primary-yellow);text-decoration:underline}.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.course-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:all .3s;cursor:pointer;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0003;border-color:var(--primary-yellow)}.course-image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.course-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.course-card:hover .course-image-wrapper img{transform:scale(1.05)}.course-locked{position:relative}.course-locked:after{content:"";position:absolute;inset:0;background:#0000001a;pointer-events:none;border-radius:8px}.course-lock-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#00000080);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .3s ease;z-index:2}.course-card:hover .course-lock-overlay{opacity:1}.course-lock-overlay span{color:#fff;font-size:.85rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5)}.course-badge{position:absolute;top:8px;right:8px;background-color:var(--primary-yellow);color:var(--text-black);font-size:.7rem;padding:4px 8px;border-radius:4px;font-weight:700;box-shadow:0 2px 6px #0000004d;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1);min-width:24px;height:24px}.badge-type-a{background:#2e7d32;color:#fff;border:1px solid #1b5e20}.course-card:hover .badge-type-a{background:#388e3c}.badge-type-b{background:var(--primary-yellow);color:var(--text-black)}.course-badge span{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.course-content{padding:15px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.course-title{font-size:.9rem;font-weight:700;color:var(--text-white);margin:0 0 8px;line-height:1.4;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.course-rating{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-gray)}.stars{display:flex}.star-icon{width:14px;height:14px;fill:var(--primary-yellow)}@media(max-width:1024px){.courses-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.courses-grid{grid-template-columns:repeat(2,1fr)}.hero-content{flex-direction:column;text-align:center}.hero-illustration{display:none}.bar-content{flex-direction:column;align-items:flex-start;gap:15px}}@media(max-width:480px){.courses-grid{grid-template-columns:1fr}.course-rating{flex-direction:column!important;align-items:flex-start!important}.course-rating .stars{margin-bottom:6px!important}.course-rating .rating-text,.course-rating span{display:block!important;width:100%!important;margin-left:0!important;font-size:13px!important}}.course-title-row{display:block;margin-bottom:8px}.course-title{font-size:.98rem;font-weight:700;color:#0f172a;line-height:1.35;text-transform:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;min-height:4.05em}.uav-style-badge{display:inline-flex;align-items:center;margin-top:10px;padding:4px 8px;border-radius:20px;font-size:.7rem;font-weight:700;white-space:nowrap;text-transform:uppercase;height:fit-content}.badge-a{background-color:#0027ff26;color:#0050b8;border:1px solid #0050b8}.badge-b{background-color:#4caf5026;color:#81c784;border:1px solid #81c784}.user-tier-badge{color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.user-tier-badge.tier-b{background:linear-gradient(135deg,#667eea,#764ba2)}.user-tier-badge.tier-a{background:linear-gradient(135deg,#11998e,#38ef7d)}.courses-empty{grid-column:1 / -1;text-align:center;color:#666;padding:40px 0}.lms-page{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background-color:#fff;min-height:100vh;width:100%;color:var(--text-white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.lms-player-section{background-color:#fff;color:#fff;width:100%;display:flex;flex-direction:column}.player-header{height:60px;background-color:#222;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 20px}.header-left{display:flex;align-items:center;gap:15px}.btn-back-list{background:none;border:none;color:#aaa;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:4px;transition:all .2s}.btn-back-list:hover{color:#fff;background-color:#ffffff1a}.course-header-title{font-size:1.1rem;margin:0;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.player-body{display:flex;flex:1;min-height:700px;background-color:#000}.player-sidebar{width:320px;background-color:#222;border-right:1px solid #333;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.player-sidebar::-webkit-scrollbar{width:6px}.player-sidebar::-webkit-scrollbar-track{background:#222}.player-sidebar::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.chapter-group{border-bottom:1px solid #ffffff}.chapter-header{background-color:#333;color:#eee;padding:12px 15px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.lesson-list{background-color:#222}.lesson-item{padding:12px 15px;border-bottom:1px solid #ffffff;cursor:pointer;color:#bbb;display:flex;gap:10px;align-items:flex-start;transition:all .2s}.lesson-item:hover{background-color:#fff;color:#000}.lesson-item.active{background-color:#333;color:#fff;border-left:3px solid var(--primary-yellow)}.lesson-icon{margin-top:2px;flex-shrink:0}.lesson-info{flex:1}.lesson-title{font-size:.85rem;line-height:1.4;margin-bottom:4px}.lesson-duration{font-size:.75rem;color:#666}.player-screen{flex:1;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.video-wrapper{width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.video-watermark{position:absolute;inset:0;pointer-events:none;z-index:60;overflow:hidden}.video-watermark .wm-text{position:absolute;transform:rotate(-45deg);transform-origin:center center;font-size:var(--wm-font-size, 20px);font-weight:900;color:#1b1b1bcc;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.35);mix-blend-mode:difference;-webkit-text-stroke:.2px rgba(0,0,0,.25);white-space:nowrap;pointer-events:none;letter-spacing:normal;line-height:1.2;transition:font-size .2s ease}.video-watermark .wm-text:nth-child(1){top:15%;left:8%}.video-watermark .wm-text:nth-child(2){top:50%;left:50%;transform:translate(-50%) translateY(-50%) rotate(-45deg)}.video-watermark .wm-text:nth-child(3){bottom:15%;right:8%}@media(max-width:900px){.video-watermark{--wm-font-size: clamp(11px, 2.8vw, 13px) !important}.video-watermark .wm-text{opacity:.62;color:#dcdcdcd9;mix-blend-mode:normal;text-shadow:0 1px 2px rgba(0,0,0,.45);-webkit-text-stroke:0;max-width:86vw;overflow:hidden;text-overflow:ellipsis}.video-watermark .wm-text:nth-child(1){top:10%;left:4%;transform:rotate(-34deg)}.video-watermark .wm-text:nth-child(2){top:50%;left:50%;transform:translate(-50%) translateY(-50%) rotate(-34deg)}.video-watermark .wm-text:nth-child(3){display:none}}@media(max-width:480px){.video-watermark{--wm-font-size: clamp(10px, 2.6vw, 12px) !important}.video-watermark .wm-text{opacity:.56;color:#ebebebd9;mix-blend-mode:normal;text-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-text-stroke:0;letter-spacing:0;font-weight:700;max-width:90vw}.video-watermark .wm-text:nth-child(1){top:8%;left:3%;transform:rotate(-30deg)}.video-watermark .wm-text:nth-child(2){top:52%;left:50%;transform:translate(-50%) translateY(-50%) rotate(-30deg)}.video-watermark .wm-text:nth-child(3){display:none}}.video-wrapper iframe{max-width:1280px;max-height:720px;width:100%;height:auto;border:0;aspect-ratio:16 / 9}.video-wrapper video,.main-video-player{max-width:1280px;max-height:720px;width:100%;height:100%;border:0;object-fit:contain}.video-wrapper video::-webkit-media-controls-fullscreen-button,.main-video-player::-webkit-media-controls-fullscreen-button{display:none!important}video::-webkit-media-controls-fullscreen-button{display:none!important}.video-wrapper video::-webkit-media-controls-overflow-button,.main-video-player::-webkit-media-controls-overflow-button{display:none!important}video::-webkit-media-controls-overflow-button{display:none!important}.video-wrapper video::-webkit-media-controls-download-button,.main-video-player::-webkit-media-controls-download-button{display:none!important}video::-webkit-media-controls-download-button{display:none!important}.video-wrapper video::-webkit-media-controls-picture-in-picture-button,.main-video-player::-webkit-media-controls-picture-in-picture-button{display:none!important}video::-webkit-media-controls-picture-in-picture-button{display:none!important}.video-wrapper video::-webkit-media-controls-playback-speed-button,.main-video-player::-webkit-media-controls-playback-speed-button{display:none!important}video::-webkit-media-controls-playback-speed-button{display:none!important}video::-moz-media-controls-fullscreen-button{display:none!important}.doc-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;padding:0;overflow:hidden}.doc-toolbar{position:absolute;top:10px;right:10px;z-index:10}.btn-download-doc{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#0050b8,#003a82);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #0050b84d}.btn-download-doc:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0050b866;background:linear-gradient(135deg,#003a82,#002554)}.doc-wrapper img{width:100%;height:100%;max-height:800px;object-fit:contain;display:block;border-radius:0;box-shadow:none}.doc-wrapper iframe,.doc-wrapper .pdf-viewer{width:100%;height:100%;border:none;display:block;min-height:700px}.quiz-wrapper{width:100%;height:100%;background:#f7f3f3;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto;position:relative}.quiz-wrapper>.video-watermark{z-index:5}.quiz-wrapper>.quiz-card,.quiz-wrapper>.quiz-playing-card{position:relative;z-index:1}@media(max-width:480px){.quiz-wrapper .video-watermark .wm-text{opacity:.95}}.quiz-card{background:#f8f6f6;padding:40px;border-radius:12px;width:100%;max-width:800px;min-height:500px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 30px #0000004d}.lms-info-section{background-color:#fff;padding-bottom:60px}.intro-header-tabs{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding-top:15px;margin-bottom:30px;box-shadow:0 1px 3px #0000004d}.intro-tab{background:none;border:none;padding:15px 25px;font-size:1rem;color:var(--text-gray);font-weight:500;cursor:pointer;position:relative;transition:color .2s}.intro-tab:hover{color:var(--primary-yellow)}.intro-tab.active{color:var(--primary-yellow);font-weight:700}.intro-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--primary-yellow)}.intro-body-grid{display:grid;grid-template-columns:1fr 320px;gap:30px}.course-main-card{background:var(--bg-card);border-radius:5px;padding:10px;box-shadow:0 1px 3px #0000004d;border:1px solid var(--border-color)}.intro-inner-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ffffff}.intro-inner-section.no-border{border-bottom:none;margin-bottom:0;padding-bottom:0}.intro-heading{font-size:1.1rem;color:var(--text-white);margin-top:0;margin-bottom:15px;font-weight:600}.intro-desc{color:var(--text-gray);line-height:1.6;font-size:.95rem}.intro-chapter-group{margin-bottom:20px}.intro-chapter-title{font-size:.9rem;color:var(--text-white);margin:25px 0 10px;font-weight:600}.intro-lesson-row{display:flex;align-items:center;padding:12px 10px;border-radius:4px;cursor:pointer;transition:all .2s}.intro-lesson-row:hover{background:#fff}.intro-lesson-row.playing{background:#ffca051a;border-left:3px solid var(--primary-yellow)}.il-icon{margin-right:15px;display:flex;align-items:center;width:24px;justify-content:center}.icon-blue{color:#5c7cfa}.icon-purple{color:#9c36b5}.icon-green{color:#52c41a}.il-title{flex:1;font-size:.9rem;color:var(--primary-yellow);font-weight:400}.intro-lesson-row:hover .il-title{text-decoration:underline}.sidebar-card{background:var(--bg-card);border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000004d;margin-bottom:20px;border:1px solid var(--border-color)}.sidebar-card h4{margin:0 0 10px;color:var(--text-white);font-size:1rem;font-weight:600}.related-item{display:flex;gap:12px;margin-bottom:15px;cursor:pointer;padding-bottom:10px;border-bottom:1px solid #ffffff}.related-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.related-item img{width:80px;height:50px;object-fit:cover;border-radius:4px;background-color:#fff}.r-title{font-size:.85rem;font-weight:500;color:var(--text-white);line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-info-row{display:flex;gap:20px;justify-content:center;color:#bbb;font-size:.9rem}.quiz-playing-card{background:var(--bg-card);width:100%;max-width:900px;height:auto;min-height:520px;border-radius:8px;overflow:hidden;color:var(--text-white);display:flex;flex-direction:column;box-shadow:0 5px 15px #00000080}.qp-header{background:#fff;padding:15px 20px;border-bottom:1px solid var(--border-color)}.qp-header h3{margin:0;font-size:1rem;color:var(--text-gray)}.qp-body{padding:40px;flex:1;overflow-y:auto}.qp-question-text{font-size:1.3rem;margin-top:0;margin-bottom:30px;line-height:1.6;font-weight:600}.qp-options-list{display:flex;flex-direction:column;gap:15px}.qp-option-item{padding:15px 20px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:15px;transition:all .2s;font-size:1.1rem;background:#fff}.qp-option-item:hover{background:#333;border-color:var(--text-gray)}.qp-option-item.selected{background:#ffca0526;border-color:var(--primary-yellow);color:var(--primary-yellow);font-weight:500}.radio-icon{flex-shrink:0;color:var(--text-gray);transition:color .2s}.qp-option-item.selected .radio-icon{color:var(--primary-yellow)}.qp-footer{padding:20px 40px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;background:var(--bg-card)}.btn-nav-quiz{padding:10px 25px;border-radius:6px;border:1px solid var(--border-color);background:#fff;color:var(--text-white);cursor:pointer;transition:all .2s;font-size:1rem}.btn-nav-quiz:hover{background:#333}.btn-nav-quiz:disabled{opacity:.5;cursor:not-allowed}.btn-nav-quiz.next{background:var(--primary-yellow);color:var(--text-black);border:none;font-weight:600}.btn-nav-quiz.next:hover{background:#e6b804}.btn-submit-quiz{background:var(--primary-yellow);color:var(--text-black);border:none;padding:10px 30px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;font-size:1rem}.btn-submit-quiz:hover{background:#e6b804}.btn-start-learning{background:var(--primary-yellow);color:#fff;border:none;padding:12px 30px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:1.1rem;font-weight:600}.btn-start-learning:hover{background:#e6b804}.quiz-wrapper,.quiz-card,.quiz-playing-card,.qp-header,.qp-body,.qp-footer{box-sizing:border-box}.qp-option-item span:last-child{word-break:break-word}@media(max-width:1200px){.quiz-playing-card{min-height:480px}}@media(max-width:768px){.container{padding:0 12px}.quiz-playing-card{min-height:0;border-radius:10px;margin:8px}.qp-header{padding:12px!important}.qp-header>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.qp-header>div:first-child>div:last-child{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important}.qp-body{padding:16px!important}.qp-question-text{font-size:clamp(18px,4.8vw,22px)!important;margin-bottom:16px!important;line-height:1.45!important}.qp-option-item{padding:12px!important;gap:10px!important;font-size:15px!important}.qp-option-item span:first-child{width:24px!important;height:24px!important;font-size:12px!important}.qp-footer{padding:12px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.qp-footer>button,.qp-footer>div,.qp-footer>div>button,.qp-footer>div>span{width:100%!important}.qp-footer>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.qp-footer>div>button,.qp-footer>div>span,.qp-footer>button{text-align:center;justify-content:center}.btn-start-learning{width:100%;max-width:100%}}@media(max-width:480px){.quiz-card{padding:24px 14px!important}.quiz-title,.quiz-success-title{font-size:clamp(22px,6.5vw,28px)!important;line-height:1.25}.quiz-card [style*="font-size: '56px'"],.quiz-card [style*='font-size: "56px"'],.quiz-card [style*="font-size:56px"],.quiz-card [style*="font-size: 56px"]{font-size:38px!important}}.comments-placeholder{text-align:center;padding:60px 20px;color:#888}.comments-placeholder svg{margin-bottom:15px;opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes timerWarning{0%,to{box-shadow:0 0 #da1e28b3}50%{box-shadow:0 0 0 8px #da1e2800}}.timer-warning{animation:timerWarning 1s infinite}.comment-actions{position:absolute;top:10px;right:12px;display:flex;gap:12px;opacity:0;pointer-events:none;transition:opacity .2s ease}.comment-item:hover .comment-actions{opacity:1;pointer-events:auto}.comment-delete{font-size:.85rem;font-weight:600;cursor:pointer}.comment-edit{color:#0050b8}.comment-delete{color:#e53935}.access-denied-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.access-denied-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:50px 40px;max-width:500px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.1)}.access-denied-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a24);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.access-denied-title{color:#fff;font-size:1.8rem;margin-bottom:16px;font-weight:600}.access-denied-message{color:#b0b0b0;font-size:1rem;line-height:1.6;margin-bottom:24px}.access-denied-info{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:30px}.info-row{display:flex;justify-content:space-between;margin-bottom:12px}.tier{font-weight:600}.tier-danger{color:#ff6b6b}.tier-ok{color:#4ecdc4}.tier-required{color:#ffd93d}.access-denied-actions{display:flex;gap:12px;justify-content:center}.btn-back{padding:12px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;font-size:.95rem;transition:all .3s}.btn-back:hover{background:#ffffff1a}.btn-upgrade{padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s}.btn-upgrade:hover{transform:translateY(-2px)}.course-not-found{padding:40px;text-align:center;color:#fff}.chapter-title{color:#fff}.lesson-empty{padding:10px;color:#666;font-size:.9rem}.quiz-title{color:#0050b8}.quiz-desc{color:#000;margin-bottom:20px}.quiz-success-icon{margin-bottom:15px;color:#0050b8}.quiz-success-title{color:#0050b8}.quiz-success-text{font-size:1.2rem;margin:15px 0;color:#fff}.quiz-score{color:#0050b8}.quiz-retry-icon{margin-right:5px;vertical-align:middle}.no-lesson{color:#fff;padding:20px;text-align:center}.no-lesson-image{max-width:100%}.comment-form{margin-bottom:30px;padding:20px;background-color:#f9fafb;border-radius:8px;border:1px solid #333}.comment-form-title{color:#000;margin-bottom:15px}.comment-rating-block{margin-bottom:15px}.comment-rating-label{color:#000;font-weight:700;display:block;margin-bottom:8px}.comment-rating-stars{display:flex;gap:5px}.star-button{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.comment-textarea{width:100%;min-height:120px;padding:10px;background-color:#fff;color:#000;border:1px solid #444;border-radius:6px;font-family:inherit;margin-bottom:10px;resize:vertical}.comment-submit-btn{background-color:#0050b8;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:.95rem}.comment-login-warning{padding:15px;background-color:#1a1a1a;border-radius:8px;color:#aaa;margin-bottom:20px}.login-link{color:#ffca05;cursor:pointer;font-weight:700}.comments-loading{text-align:center;color:#000;padding:20px}.comments-list{display:flex;flex-direction:column;gap:15px}.comment-item{padding:15px;background-color:#f9fafb;border-radius:8px;border:1px solid #dcdcdc;position:relative}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.comment-avatar{width:40px;height:40px;border-radius:50%;background-color:#ffca05;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;flex-shrink:0}.comment-user-info{flex:1}.comment-user-name{color:#000;font-weight:700;margin-bottom:2px}.comment-date{color:#999;font-size:.85rem}.comment-rating-view{display:flex;gap:3px;margin-top:5px}.comment-content{color:#221e1e;line-height:1.5;margin-top:10px}.no-comments{text-align:center;color:#aaa;padding:30px}.no-comments-icon{margin-bottom:15px}.related-list{display:flex;flex-direction:column;gap:10px}.related-item{cursor:pointer;padding:10px;background-color:#fff;border-radius:8px;border:1px solid #fff;transition:all .3s}.related-item-inner{display:flex;gap:10px}.related-thumb{width:60px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.related-info{flex:1}.related-title{color:#3d3d3d;font-weight:700;font-size:.9rem;margin-bottom:5px;line-height:1.3}.related-level{color:#aaa;font-size:.8rem;font-weight:700}.no-related-course{color:#aaa;font-size:.9rem}.comments-section{padding:0}.comment-form-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #00000014}.comment-form-wrapper h3{font-size:18px;font-weight:600;color:#222;margin-bottom:16px;display:flex;align-items:center;gap:8px}.comment-textarea{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;color:#333;resize:vertical;transition:all .2s ease}.comment-textarea:focus{outline:none;border-color:#0050b8;box-shadow:0 0 0 3px #0050b81a}.comment-textarea::placeholder{color:#999}.comment-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;flex-wrap:wrap;gap:12px}.rating-input{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;font-weight:500}.rating-star{cursor:pointer;transition:transform .2s ease}.rating-star:hover{transform:scale(1.2)}.btn-post-comment{background:linear-gradient(135deg,#0050b8,#003a85);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0050b833}.btn-post-comment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0050b84d}.btn-post-comment:active{transform:translateY(0)}.comments-list-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;box-shadow:0 1px 3px #00000014}.comments-list-wrapper h3{font-size:18px;font-weight:600;color:#222;margin-bottom:20px}.no-comments{color:#999;text-align:center;padding:40px 20px;font-size:14px}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:8px;padding:16px;transition:all .2s ease;border-left:4px solid transparent}.comment-item:hover{background:#fafbfc;border-left-color:#0050b8;box-shadow:0 2px 8px #0000000f}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:12px}.comment-author-info{display:flex;align-items:center;gap:12px;flex:1}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #0050b8}.comment-author-details{display:flex;flex-direction:column;gap:4px}.comment-author-name{color:#0050b8;font-size:14px;font-weight:600}.comment-author{display:flex;flex-direction:column;gap:6px}.comment-author strong{color:#0050b8;font-size:14px;font-weight:600}.comment-rating{display:flex;gap:2px;margin-top:8px}.comment-date{color:#999;font-size:12px;white-space:nowrap}.comment-content{color:#333;font-size:14px;line-height:1.6;margin-bottom:12px;word-break:break-word}.comment-footer{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid #eee}.comment-actions{display:flex;gap:8px;margin-left:auto}.btn-edit,.btn-delete{padding:8px 14px;font-size:13px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn-edit{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0050b8;border:1px solid #90caf9}.btn-edit:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateY(-2px);box-shadow:0 2px 8px #0050b833}.btn-delete{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f;border:1px solid #ef9a9a}.btn-delete:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);transform:translateY(-2px);box-shadow:0 2px 8px #d32f2f33}.comment-edit-form{background:linear-gradient(135deg,#f5f5f5,#eee);padding:16px;border-radius:6px;margin-top:12px;border:1px solid #e0e0e0}.comment-edit-form .comment-textarea{margin-bottom:12px;background:#fff}.comment-edit-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;color:#666;font-weight:500}.edit-rating-star{cursor:pointer;transition:transform .2s ease}.edit-rating-star:hover{transform:scale(1.2)}.comment-edit-actions{display:flex;gap:10px;justify-content:flex-end}.btn-save,.btn-cancel{padding:10px 18px;font-size:13px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-save{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:1px solid #388e3c;box-shadow:0 2px 4px #4caf5033}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.btn-save:active{transform:translateY(0)}.btn-cancel{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#333;border:1px solid #9e9e9e;box-shadow:0 2px 4px #0000001a}.btn-cancel:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-cancel:active{transform:translateY(0)}.btn-preview-doc,.btn-download-doc{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;cursor:pointer;border:none}.btn-preview-doc{background-color:#10b981;color:#fff}.btn-preview-doc:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-download-doc{background-color:#0050b8;color:#fff}.btn-download-doc:hover{background-color:#003a82;transform:translateY(-2px);box-shadow:0 4px 12px #0050b84d}.doc-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);border-radius:12px}.doc-wrapper h3{margin:0 0 8px;color:#1a202c;font-size:24px;font-weight:600}.doc-wrapper p{color:#666;margin-bottom:24px;font-size:16px}@media(max-width:768px){.btn-preview-doc,.btn-download-doc{padding:10px 24px;font-size:14px}.doc-wrapper{min-height:300px;padding:30px 16px}}.document-preview-wrapper{display:flex;flex-direction:column;width:100%;height:600px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.preview-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.document-preview-iframe{flex:1;width:100%;border:none;background:#fff}.custom-fullscreen-btn{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));z-index:70;background:#0009;border:none;color:#fff;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:900px){.video-wrapper .custom-fullscreen-btn{bottom:max(56px,calc(env(safe-area-inset-bottom) + 44px));right:max(10px,env(safe-area-inset-right))}}.custom-fullscreen-btn:hover{background:#0050b8d9;transform:scale(1.1)}.custom-fullscreen-overlay{position:fixed;inset:0;z-index:99999;background:#000;display:flex;flex-direction:column;animation:fadeInFullscreen .25s ease}@keyframes fadeInFullscreen{0%{opacity:0}to{opacity:1}}.custom-fullscreen-topbar{height:48px;background:linear-gradient(180deg,#000c,#0006);display:flex;align-items:center;justify-content:center;padding:0 20px;position:absolute;top:0;left:0;right:0;z-index:100000;opacity:0;transition:opacity .3s ease}.custom-fullscreen-overlay:hover .custom-fullscreen-topbar{opacity:1}.custom-fullscreen-title{color:#fff;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.custom-fullscreen-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;height:100%}.custom-fullscreen-player{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border:0}.custom-fullscreen-player::-webkit-media-controls-fullscreen-button{display:none!important}.custom-fullscreen-player::-webkit-media-controls-overflow-button{display:none!important}.custom-fullscreen-player::-webkit-media-controls-download-button{display:none!important}.custom-fullscreen-player::-webkit-media-controls-picture-in-picture-button{display:none!important}.custom-fullscreen-player::-webkit-media-controls-playback-speed-button{display:none!important}.custom-fullscreen-minimize-btn{position:fixed;bottom:max(86px,calc(env(safe-area-inset-bottom) + 72px));right:max(16px,calc(env(safe-area-inset-right) + 8px));z-index:100000;background:#0009;border:none;color:#fff;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}.custom-fullscreen-minimize-btn:hover{background:#0050b8d9;transform:scale(1.1)}@media(max-width:768px){.custom-fullscreen-topbar,.custom-fullscreen-title{display:none}.custom-fullscreen-minimize-btn{bottom:max(74px,calc(env(safe-area-inset-bottom) + 62px));right:max(12px,calc(env(safe-area-inset-right) + 6px));padding:8px}.custom-fullscreen-btn{bottom:max(56px,calc(env(safe-area-inset-bottom) + 46px));right:max(8px,env(safe-area-inset-right));padding:8px}}@media(max-width:1200px){.player-body{min-height:clamp(540px,64vh,680px)}.player-sidebar{width:280px}.course-header-title{max-width:48vw}.document-preview-wrapper{height:min(68vh,640px)!important}}@media(max-width:900px){.intro-body-grid{grid-template-columns:1fr}.player-header{height:auto;min-height:56px;padding:8px 12px}.header-left{width:100%;min-width:0;gap:8px}.btn-back-list{flex-shrink:0;padding:4px 8px;font-size:.78rem;max-width:38vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-header-title{min-width:0;flex:1;max-width:none;font-size:.98rem}.player-body{flex-direction:column-reverse;min-height:0}.player-screen{width:100%;min-height:0;overflow:hidden}.video-wrapper{width:100%;height:auto;aspect-ratio:16 / 9;max-height:min(72vh,500px)}.video-wrapper iframe,.video-wrapper video,.main-video-player{width:100%;height:100%}.player-sidebar{width:100%;height:auto;max-height:44vh;border-right:none;border-top:1px solid #333}.document-preview-wrapper{height:min(64vh,560px)!important;border-radius:10px!important}.doc-wrapper{padding:10px}.doc-wrapper img{max-width:95%;max-height:95%;object-fit:contain}.doc-wrapper iframe,.doc-wrapper .pdf-viewer{width:100%;height:100%;min-height:400px}.preview-header{padding:10px 12px!important;gap:10px;flex-wrap:wrap}.preview-header h3{font-size:.95rem;line-height:1.4}.quiz-wrapper{padding:12px}.quiz-card,.quiz-playing-card{width:100%;max-width:100%;margin:0}}@media(max-width:480px){.container{padding:0 10px}.player-header{padding:8px 10px}.btn-back-list{max-width:36vw;font-size:.72rem}.course-header-title{font-size:.9rem}.player-screen{min-height:0}.video-wrapper{max-height:min(56vh,360px)}.player-sidebar{max-height:40vh}.chapter-header,.lesson-item{padding-left:12px;padding-right:12px}.lesson-title{font-size:.82rem;line-height:1.35}.document-preview-wrapper{height:min(60vh,480px)!important}.document-preview-iframe{min-height:280px}.quiz-wrapper{padding:8px}.quiz-card{padding:20px 12px!important;min-height:auto}}.lms-sidebar{width:240px;min-width:240px;height:100vh;background:var(--lms-menu-bg, #0b1527);display:flex;flex-direction:column;color:var(--lms-menu-text, #8b99ad);font-family:Segoe UI,Roboto,sans-serif;z-index:10;flex-shrink:0;transition:width .2s ease,min-width .2s ease}.lms-sidebar.is-collapsed{width:74px;min-width:74px}.lms-sidebar__logo{height:53px;display:flex;align-items:center;justify-content:center;padding:0 16px;background:var(--lms-menu-bg-alt, #060d1a);border-bottom:1px solid rgba(255,255,255,.06)}.lms-sidebar__logo-img{width:auto;height:auto;max-height:38px;max-width:min(180px,100%);object-fit:contain;transition:opacity .2s ease}.lms-sidebar.is-collapsed .lms-sidebar__logo{justify-content:center;padding:0 6px}.lms-sidebar.is-collapsed .lms-sidebar__logo-img{display:none}.lms-sidebar__nav{flex:1;overflow-y:auto;padding:10px 0}.lms-sidebar__menu{list-style:none;margin:0;padding:0}.lms-sidebar__menu-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:none;border:none;color:var(--lms-menu-text, #8b99ad);font-size:13px;font-weight:500;cursor:pointer;transition:color .2s,background .2s;font-family:inherit}.lms-sidebar.is-collapsed .lms-sidebar__menu-btn{justify-content:center;padding:11px 8px}.lms-sidebar__menu-btn:hover{color:var(--lms-accent, #1e90ff);background:#8080801a}.lms-sidebar__menu-btn.active{color:var(--lms-accent, #1e90ff)}.lms-sidebar__menu-left{display:flex;align-items:center;gap:10px}.lms-sidebar__icon{color:var(--lms-menu-muted, #5a6b83)}.lms-sidebar__icon.icon-active{color:var(--lms-accent, #4ca1ff)}.lms-sidebar__submenu-container{display:none;background:var(--lms-menu-bg-alt, #060e1a)}.lms-sidebar__submenu-container.open{display:block}.lms-sidebar__submenu-link{display:flex;align-items:center;gap:12px;padding:12px 16px 12px 42px;font-size:13px;color:var(--lms-menu-text, #a0aec0);text-decoration:none;transition:all .2s}.lms-sidebar.is-collapsed .lms-sidebar__submenu-link{justify-content:center;gap:0;padding:9px 0}.lms-sidebar__subicon{color:inherit;opacity:.7}.lms-sidebar__submenu-link:hover{color:var(--lms-accent, #1e90ff);background:#8080801a}.lms-sidebar__submenu-link:hover .lms-sidebar__subicon{opacity:1}.lms-sidebar__submenu-link.active{color:#fff;background:var(--lms-accent, #1e90ff)}.lms-sidebar__submenu-link.active .lms-sidebar__subicon{opacity:1}.lms-sidebar__footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);min-height:54px;font-size:11px;color:var(--lms-menu-muted, #3d4e65);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.lms-sidebar.is-collapsed .lms-sidebar__footer{padding:10px 6px}@media(max-width:768px){.lms-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;min-width:280px;height:100dvh;transform:translate(-100%);transition:transform .28s cubic-bezier(.32,.72,0,1);z-index:40;box-shadow:none}.lms-sidebar.is-mobile-open{transform:translate(0);box-shadow:8px 0 36px #0f172a59}.lms-sidebar.is-collapsed{width:280px;min-width:280px}.lms-sidebar.is-collapsed .lms-sidebar__logo{justify-content:center;padding:0 16px}.lms-sidebar.is-collapsed .lms-sidebar__logo-img{display:block}.lms-sidebar__logo{height:72px}.lms-sidebar__logo-img{max-height:46px;max-width:200px}.lms-sidebar.is-collapsed .lms-sidebar__menu-btn{justify-content:space-between;padding:12px 16px}.lms-sidebar.is-collapsed .lms-sidebar__submenu-link{justify-content:flex-start;gap:12px;padding:12px 16px 12px 42px}.lms-sidebar__menu-btn{padding:14px 18px}.lms-sidebar__submenu-link{padding:13px 18px 13px 44px;font-size:14px}.lms-sidebar__footer{padding:12px 16px;font-size:10px}}.lms-header{flex-shrink:0;border-bottom:1px solid var(--lms-tab-border, #e8ecf0)}.lms-header__top{height:52px;background:linear-gradient(90deg,var(--lms-topbar-start, #2d8cf0) 0%,var(--lms-topbar-end, #1e7ae6) 100%);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:var(--lms-topbar-text, #ffffff)}.lms-header__top-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.lms-header__home-btn{border:1px solid var(--lms-topbar-border, rgba(255,255,255,.35));background:#ffffff1f;color:inherit;border-radius:8px;height:32px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s}.lms-header__home-btn:hover{background:#fff3;border-color:#ffffff80}.lms-header__sidebar-toggle{border:1px solid var(--lms-topbar-border, rgba(255,255,255,.35));background:#ffffff1f;color:inherit;border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s}.lms-header__sidebar-toggle:hover{background:#fff3;border-color:#ffffff80}.lms-header__mobile-menu{display:none;background:none;border:none;color:inherit;cursor:pointer;padding:4px}.lms-header__mobile-menu.is-active{background:#ffffff29;border-radius:6px}.lms-header__welcome-icon{width:20px;height:20px;background:#ffffff29;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.lms-header__welcome{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.lms-header__top-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.lms-header__icon-btn{background:none;border:none;color:inherit;cursor:pointer;width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .2s,background .2s}.lms-header__icon-btn:hover{opacity:1;background:#ffffff1f}.lms-header__avatar-menu{position:relative}.lms-header__avatar{background:none;color:inherit;padding:0;width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,transform .2s}.lms-header__avatar:hover{border-color:#ffffffbf}.lms-header__avatar:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.lms-header__avatar img{width:100%;height:100%;object-fit:cover}.lms-header__avatar-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:196px;background:#fff;color:#1f2937;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 10px 24px #0f172a33;padding:6px;z-index:20}.lms-header__avatar-item{width:100%;display:flex;align-items:center;gap:8px;border:none;background:transparent;color:inherit;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .2s,color .2s}.lms-header__avatar-item:hover{background:#f3f4f6}.lms-header__avatar-item.is-logout{color:#dc2626}.lms-header__avatar-item.is-logout:hover{background:#fef2f2}.lms-header__avatar-item:disabled{opacity:.6;cursor:not-allowed}.lms-header__breadcrumb{min-height:30px;border-top:1px solid rgba(255,255,255,.15);background:linear-gradient(90deg,var(--lms-topbar-start, #2d8cf0) 0%,var(--lms-topbar-end, #1e7ae6) 100%);color:var(--lms-topbar-text, #ffffff);display:flex;align-items:center;gap:5px;padding:0 20px;font-size:12px}.lms-header__crumb{opacity:.86}.lms-header__crumb.is-current{opacity:1;font-weight:700}.lms-header__crumb-sep{opacity:.7}.lms-header__tabs-bar{height:44px;background:var(--lms-tab-bg, #ffffff);border-bottom:1px solid var(--lms-tab-border, #e8ecf0);display:flex;align-items:center;padding:0 12px;position:relative;color:var(--lms-tab-text, #6b7280)}.lms-header__tabs-scroll{display:flex;align-items:stretch;gap:6px;overflow-x:auto;flex:1;height:100%;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.lms-header__tabs-scroll.align-left{justify-content:flex-start}.lms-header__tabs-scroll.align-center{justify-content:center}.lms-header__tabs-scroll.align-right{justify-content:flex-end}.lms-header__tabs-scroll::-webkit-scrollbar{display:none}.lms-header__tab{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;padding:0 14px;height:100%;font-size:13px;font-weight:500;color:inherit;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s,background .2s;font-family:inherit}.lms-header__tab-close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;border-radius:4px;color:inherit;opacity:.5;cursor:pointer;transition:background .2s,opacity .2s}.lms-header__tab-close:hover{background:#0000000f;opacity:1}.lms-header__tab:hover{color:var(--lms-layout-text, #1e293b);border-bottom-color:#cbd5e1;background:var(--lms-tab-hover-bg, #f8fafc)}.lms-header__tab:hover .lms-header__tab-close{opacity:.8}.lms-header__tab.active{color:var(--lms-accent, #1677ff);border-bottom-color:var(--lms-accent, #1677ff);font-weight:600}.lms-header__tabs-bar.is-card{height:46px}.lms-header__tabs-bar.is-card .lms-header__tab{height:34px;margin:auto 0;border:1px solid transparent;border-radius:8px;border-bottom-width:1px}.lms-header__tabs-bar.is-card .lms-header__tab.active{border-color:var(--lms-accent, #1677ff)}.lms-header__ai-btn{display:flex;align-items:center;gap:6px;padding:0 18px;height:100%;border-left:1px solid var(--lms-tab-border, #e8ecf0);cursor:pointer;color:var(--lms-tab-text, #4b5563);font-weight:700;font-size:14px;transition:background .2s;flex-shrink:0}.lms-header__ai-btn:hover{background:var(--lms-tab-hover-bg, #f8fafc)}@media(max-width:768px){.lms-header__mobile-menu{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;padding:0}.lms-header__sidebar-toggle{display:none}.lms-header__top{height:46px;padding:0 10px;gap:8px}.lms-header__top-left,.lms-header__top-right{gap:8px}.lms-header__breadcrumb{min-height:26px;padding:0 10px;font-size:10px;gap:3px}.lms-header__home-btn span{display:none}.lms-header__home-btn{width:32px;height:32px;padding:0;justify-content:center;border-radius:8px}.lms-header__welcome{font-size:11px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.lms-header__welcome-icon{display:none}.lms-header__icon-btn{width:32px;height:32px;border-radius:8px}.lms-header__avatar{width:28px;height:28px;border-width:1.5px}.lms-header__avatar-dropdown{min-width:174px;top:calc(100% + 6px)}.lms-header__avatar-item{font-size:12px;padding:8px 9px}.lms-header__tabs-bar{height:38px;padding:0 8px}.lms-header__tab{padding:0 10px;font-size:12px}.lms-header__ai-btn{padding:0 8px;font-size:12px;gap:4px}.lms-header__ai-btn span{display:none}}@media(max-width:480px){.lms-header__top{height:42px;padding:0 8px}.lms-header__welcome{font-size:10px}.lms-header__breadcrumb{display:none}.lms-header__tabs-bar{height:36px;padding:0 6px}.lms-header__tab{padding:0 8px;font-size:11px}}.lms-settings{position:fixed;inset:0;z-index:12000;pointer-events:none}.lms-settings__backdrop{position:absolute;inset:0;border:0;background:#0f172a57;opacity:0;transition:opacity .25s ease}.lms-settings__panel{position:absolute;top:0;right:0;width:min(360px,94vw);height:100%;background:#f8fafc;border-left:1px solid #e2e8f0;box-shadow:-16px 0 35px #0f172a33;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column}.lms-settings.open{pointer-events:auto}.lms-settings.open .lms-settings__backdrop{opacity:1}.lms-settings.open .lms-settings__panel{transform:translate(0)}.lms-settings__header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 16px;border-bottom:1px solid #e2e8f0;background:#fff}.lms-settings__header h2{margin:0;font-size:18px;font-weight:700;color:#0f172a}.lms-settings__close{width:30px;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#334155;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lms-settings__section{padding:14px 16px;border-bottom:1px solid #eef2f7}.lms-settings__section h3{margin:0 0 10px;font-size:16px;font-weight:700;color:#1e293b}.lms-settings__theme-toggle{display:flex;gap:10px}.lms-settings__theme-btn{border:1px solid #dbe2eb;border-radius:10px;background:#fff;color:#475569;height:36px;min-width:96px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer}.lms-settings__theme-btn.is-active{border-color:var(--lms-accent, #1677ff);color:var(--lms-accent, #1677ff);box-shadow:0 0 0 2px #1677ff1f}.lms-settings__nav-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lms-settings__nav-card{border:1px solid #dbe2eb;border-radius:10px;background:#fff;color:#475569;cursor:pointer;padding:8px 6px;font-size:11px;font-weight:600;display:grid;gap:6px;justify-items:center}.lms-settings__nav-card.is-active{border-color:var(--lms-accent, #1677ff);box-shadow:0 0 0 2px #1677ff1f;color:var(--lms-accent, #1677ff)}.lms-settings__nav-preview{width:56px;height:26px;border-radius:6px;border:1px solid #dbe2eb;background:#f8fafc;position:relative;overflow:hidden}.lms-settings__nav-preview i{position:absolute;background:#cbd5e1}.lms-settings__nav-preview.nav-left i:nth-child(1),.lms-settings__nav-preview.nav-side i:nth-child(1),.lms-settings__nav-preview.nav-mixed i:nth-child(1){left:0;top:0;bottom:0;width:11px;background:#334155}.lms-settings__nav-preview.nav-left i:nth-child(2),.lms-settings__nav-preview.nav-side i:nth-child(2),.lms-settings__nav-preview.nav-mixed i:nth-child(2),.lms-settings__nav-preview.nav-top i:nth-child(1){left:11px;right:0;top:0;height:6px;background:#475569}.lms-settings__nav-preview.nav-left i:nth-child(3),.lms-settings__nav-preview.nav-side i:nth-child(3),.lms-settings__nav-preview.nav-mixed i:nth-child(3),.lms-settings__nav-preview.nav-top i:nth-child(2){inset:6px 0 0 11px;background:#e2e8f0}.lms-settings__nav-preview.nav-top i:nth-child(3){display:none}.lms-settings__nav-preview.nav-mixed i:nth-child(1){width:7px}.lms-settings__colors{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.lms-settings__swatch{border:1px solid rgba(15,23,42,.15);border-radius:6px;height:22px;width:22px;cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0}.lms-settings__swatch.is-active{box-shadow:0 0 0 2px #1677ff4d;border-color:#fff}.lms-settings__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}.lms-settings__row-label{font-size:14px;color:#334155;font-weight:500}.lms-settings__select{min-width:148px;height:32px;border-radius:8px;border:1px solid #dbe2eb;background:#fff;color:#334155;font-size:13px;padding:0 10px}.lms-switch{width:66px;height:30px;border-radius:999px;border:1px solid #d1d5db;background:#e5e7eb;color:#6b7280;position:relative;cursor:pointer;transition:background .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center}.lms-switch__label{font-size:11px;font-weight:700;letter-spacing:.2px;text-transform:uppercase;transform:translate(8px)}.lms-switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:transform .2s}.lms-switch.is-on{background:var(--lms-accent, #1677ff);border-color:var(--lms-accent, #1677ff);color:#fff}.lms-switch.is-on .lms-switch__label{transform:translate(-8px)}.lms-switch.is-on .lms-switch__thumb{transform:translate(36px)}.lms-layout.is-dark .lms-settings__panel{background:#0f172a;border-left-color:#334155;color:#e2e8f0;box-shadow:-16px 0 35px #02061799}.lms-layout.is-dark .lms-settings__header{background:#111827;border-bottom-color:#334155}.lms-layout.is-dark .lms-settings__header h2,.lms-layout.is-dark .lms-settings__section h3{color:#f8fafc}.lms-layout.is-dark .lms-settings__section{border-bottom-color:#1f2937}.lms-layout.is-dark .lms-settings__theme-btn,.lms-layout.is-dark .lms-settings__nav-card,.lms-layout.is-dark .lms-settings__select,.lms-layout.is-dark .lms-settings__close{background:#111827;border-color:#334155;color:#cbd5e1}.lms-layout.is-dark .lms-settings__row-label{color:#cbd5e1}.lms-layout.is-dark .lms-settings__nav-preview{background:#1f2937;border-color:#334155}.lms-layout.is-dark .lms-settings__nav-preview i{background:#64748b}.lms-layout.is-dark .lms-settings__swatch{border-color:#94a3b859}.lms-layout.is-dark .lms-switch{background:#334155;border-color:#475569;color:#cbd5e1}.lms-layout.is-dark .lms-switch__thumb{background:#f8fafc}@media(max-width:768px){.lms-settings__panel{width:min(340px,100vw)}.lms-settings__colors{grid-template-columns:repeat(8,minmax(0,1fr))}.lms-settings__header{height:48px;padding:0 12px}.lms-settings__header h2{font-size:16px}.lms-settings__close{width:34px;height:34px}.lms-settings__section{padding:12px 14px}.lms-settings__section h3{font-size:14px;margin-bottom:8px}.lms-settings__row-label{font-size:13px}.lms-settings__theme-btn{height:38px;font-size:12px;min-width:80px}.lms-settings__nav-modes{grid-template-columns:repeat(2,1fr);gap:8px}.lms-settings__nav-card{padding:10px 8px;font-size:11px}.lms-settings__swatch{width:26px;height:26px;border-radius:8px}.lms-switch{width:60px;height:28px}.lms-switch__thumb{width:20px;height:20px}.lms-switch.is-on .lms-switch__thumb{transform:translate(32px)}}@media(max-width:420px){.lms-settings__panel{width:100vw;border-left:none}.lms-settings__colors{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}}.lms-layout{display:flex;position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;overflow:hidden;overflow-x:hidden;background:var(--lms-page-bg, #e8edf4);color:var(--lms-layout-text, #1f2937);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.lms-layout.allow-window-scroll{position:relative;min-height:100vh;height:auto;overflow:visible}.lms-layout.allow-window-scroll .lms-layout__content,.lms-layout.allow-window-scroll .lms-layout__main{overflow:visible}.lms-layout.allow-window-scroll .exam-dashboard__main{overflow:visible;padding-right:0}.lms-layout.allow-window-scroll .exam-dashboard{min-height:calc(100vh - 80px);height:auto;max-height:none;overflow:visible}.lms-layout.allow-window-scroll .exam-sidebar__container{position:static;height:auto;max-height:none;overflow:visible}.lms-layout.is-dark{color-scheme:dark}.lms-layout.is-dark .lms-layout__main :is(.exam-dashboard,.exam-results-dashboard,.theory-practice,.error-collection-page,.practice-view,.classroom-page,.lms-dashboard){background:var(--lms-content-bg, #0f172a)!important;color:var(--lms-content-text, #e5e7eb)!important}.lms-layout.is-dark .lms-layout__main :is(.exam-question-card,.exam-sidebar__container,.exam-results__header,.exam-summary-card,.exam-results__table-wrapper,.review-drawer,.review-drawer__header,.tp-banner,.tp-chapter,.tp-lesson-card,.ec-premium-banner,.ec-banner-analysis,.top-error-tag,.action-item,.practice-header,.practice-layout,.practice-main,.practice-q-card,.practice-sidebar,.option-item,.classroom-topbar,.classroom-summary-card,.classroom-main-panel,.classroom-knowledge-panel,.classroom-tabs,.course-card){background:var(--lms-content-surface, #111827)!important;border-color:var(--lms-content-border, #334155)!important}.lms-layout.is-dark .lms-layout__main :is(.sidebar-progress-container,.exam-icon-box,.q-pts-badge,.option-marker,.classroom-summary-progress-track,.course-card__progress-bar,.exam-results__table th,.classroom-summary-tags span,.practice-layout .badge-progress-blue,.practice-layout .badge-wrong-pink){background:var(--lms-content-surface-alt, #1f2937)!important;border-color:var(--lms-content-border, #334155)!important}.lms-layout.is-dark .lms-layout__main :is(.exam-question__text,.exam-sidebar__title,.header-title-box h2,.exam-summary-card__value,.tp-banner__info h1,.tp-chapter__title-group h3,.tag-text,.q-txt,.course-card__title,.classroom-topbar h2,.classroom-summary-card h3,.classroom-knowledge-header h3){color:var(--lms-content-text, #e5e7eb)!important}.lms-layout.is-dark .lms-layout__main :is(.exam-question__info,.tp-subtitle,.tp-stat-label,.tp-chapter__title-group p,.q-path,.option-content,.course-card__desc,.course-card__progress-label,.classroom-summary-card p,.classroom-summary-meta,.classroom-summary-foot,.exam-results__table td,.exam-results__table th,.header-hint-text,.sidebar-label){color:var(--lms-content-muted, #94a3b8)!important}.lms-layout.is-dark .lms-layout__main .exam-results__table td,.lms-layout.is-dark .lms-layout__main .exam-results__table th,.lms-layout.is-dark .lms-layout__main .review-drawer__header,.lms-layout.is-dark .lms-layout__main .practice-header,.lms-layout.is-dark .lms-layout__main .practice-main,.lms-layout.is-dark .lms-layout__main .classroom-tabs{border-color:var(--lms-content-border, #334155)!important}.lms-layout.is-dark .lms-layout__main{color:var(--lms-content-text, #e5e7eb)}.lms-layout.is-dark .lms-layout__main a{color:#93c5fd}.lms-layout.is-dark .lms-layout__main :is(.review-drawer__content,.review-info-table,.review-q-card,.ec-stat-card-p,.ec-filters-row,.ec-bulk-actions,.ec-q-card,.q-explanation-box-premium,.opt-item,.practice-footer,.correct-answer-box,.classroom-ppt-stage,.classroom-slide-stage,.classroom-video-stage,.classroom-video-meta,.classroom-thumbs,.classroom-video-thumbs-row,.classroom-ppt-thumbs-row,.classroom-ppt-scroll,.classroom-thumb,.classroom-thumb-box,.classroom-ppt-canvas,.ppt-main-preview,.ppt-list-row,.classroom-video-frame,.library-icon-wrapper,.practice-loading,.practice-empty,.exam-loading-state,.exam-empty-state,.results-loading,.detail-loading,.exam-results__empty-state,.ec-loading,.ec-empty,.sidebar-placeholder){background:var(--lms-content-surface, #111827)!important;border-color:var(--lms-content-border, #334155)!important}.lms-layout.is-dark .lms-layout__main :is(.ec-select,.ec-search-box,.ec-search-box input,.btn-practice-selected,.btn-footer-close,.btn-nav-prev,.btn-back-coll,.status-hint-sidebar,.classroom-video-actions button,.classroom-nav-arrow,.classroom-nav-arrow.disabled,.classroom-nav-arrow:disabled,.nav-grid-btn,.review-opt,.review-q-summary,.review-info-table .label,.practice-layout .badge-type-blue,.theory-practice .tp-badge,.question-library-page .tp-badge,.error-collection-page .tp-badge,.classroom-knowledge-header span,.course-card__status.status--locked){background:var(--lms-content-surface-alt, #1f2937)!important;border-color:var(--lms-content-border, #334155)!important;color:var(--lms-content-muted, #94a3b8)!important}.lms-layout.is-dark .lms-layout__main :is(.q-text,.review-drawer__header h3,.review-q-text,.review-info-table .value,.detail-section-title,.exp-header,.section-label,.analysis-label,.ec-stat-card-p .stat-value,.tp-stat-value,.tp-lesson__title,.tp-lesson__questions span,.classroom-summary-lesson h4,.classroom-video-meta h4,.ppt-list-row p,.classroom-video-index,.course-card__status.status--learning,.course-card__status.status--completed,.btn-practice-selected:not(:disabled),.action-item.delete:hover,.q-status-tag.correct,.q-status-tag.wrong,.q-status-tag.skip){color:var(--lms-content-text, #e5e7eb)!important}.lms-layout.is-dark .lms-layout__main :is(.q-footer-info,.analysis-row,.exp-content,.section-text,.tips-list li,.tp-banner__notice p,.tp-lesson__status,.tp-lesson__questions,.tp-chapter__stat,.tp-stat-icon,.tp-stat-text,.analysis-text,.selected-count,.checkbox-wrap,.legend-item,.q-type,.review-opt,.review-q-summary,.q-path,.box-value,.status-hint-sidebar,.classroom-back-btn svg,.classroom-video-index,.classroom-video-meta p,.classroom-summary-chapter,.classroom-summary-tags span,.classroom-summary-foot strong,.course-card__progress-value,.course-card__status,.course-card__chapter-badge){color:var(--lms-content-muted, #94a3b8)!important}.lms-layout.is-dark .lms-layout__main :is(.exam-results__table td,.exam-results__table th,.review-info-table,.review-info-table td,.review-q-explanation,.review-drawer__footer,.practice-layout,.practice-footer,.classroom-topbar,.classroom-summary-card,.classroom-main-panel,.classroom-knowledge-panel,.classroom-ppt-stage,.classroom-slide-stage,.classroom-video-stage,.classroom-video-meta,.classroom-thumb,.classroom-thumb-box,.classroom-video-frame,.classroom-ppt-canvas,.ppt-main-preview,.ppt-list-row,.tp-banner,.tp-chapter,.tp-lesson-card,.tp-lesson__footer,.tp-banner__notice,.ec-banner-analysis,.ec-filters-row,.ec-bulk-actions,.ec-q-card,.ec-select,.ec-search-box,.ec-search-box input,.course-card,.option-item,.nav-grid-btn,.btn-practice-selected,.btn-footer-close,.btn-nav-prev,.btn-back-coll,.status-hint-sidebar,.classroom-video-actions button){border-color:var(--lms-content-border, #334155)!important}.lms-layout.is-dark .lms-layout__main :is(.exam-question__option:hover,.nav-grid-btn:hover,.classroom-video-actions button:hover,.classroom-thumb:hover,.tp-chapter__header:hover,.option-item:hover,.action-item:hover,.btn-nav-prev:hover:not(:disabled),.btn-footer-close:hover,.btn-back-coll:hover){background:#1f2937!important}.lms-layout.is-dark .lms-layout__main .classroom-page{background:linear-gradient(180deg,#0f172a,#111827)!important;border-color:var(--lms-content-border, #334155)!important}.lms-layout.is-dark .lms-layout__main .classroom-summary-lesson{background:#0f223d!important;border-color:#1d4f91!important}.lms-layout.is-dark .lms-layout__main .classroom-summary-lesson:before{background:#60a5fa!important}.lms-layout.is-dark .lms-layout__main .classroom-summary-progress-track span,.lms-layout.is-dark .lms-layout__main .course-card__progress-fill{filter:brightness(1.08)}.lms-layout.is-dark .lms-layout__main :is(.classroom-ppt-thumbs::-webkit-scrollbar-track,.classroom-knowledge-document::-webkit-scrollbar-track,.nav-grid::-webkit-scrollbar-track){background:#1f2937}.lms-layout.is-dark .lms-layout__main :is(.classroom-ppt-thumbs::-webkit-scrollbar-thumb,.classroom-knowledge-document::-webkit-scrollbar-thumb,.nav-grid::-webkit-scrollbar-thumb){background:#475569}.lms-layout.mode-grayscale{filter:grayscale(1)}.lms-layout.mode-color-weak{filter:saturate(.72) contrast(1.06)}.lms-layout__content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;overflow-x:hidden;min-height:0;min-width:0}.lms-layout__content:before{content:"";position:absolute;inset:-10%;z-index:8;pointer-events:none;opacity:.16;background-image:var(--lms-watermark-images-desktop, none);background-repeat:no-repeat;background-size:clamp(160px,20vw,260px) auto,clamp(160px,20vw,260px) auto,clamp(160px,20vw,260px) auto,clamp(160px,20vw,260px) auto,clamp(160px,20vw,260px) auto;background-position:6% 12%,28% 30%,50% 50%,72% 70%,94% 88%;transform:rotate(-12deg) scale(1.12);transform-origin:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.lms-layout.is-dark .lms-layout__content:before{opacity:.2;filter:brightness(.95) drop-shadow(0 2px 2px rgba(0,0,0,.08))}.lms-layout__sidebar-backdrop{position:fixed;inset:0;border:none;background:#0f172a6b;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:30}.lms-layout__sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.lms-layout__main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 24px;background:var(--lms-page-bg, #e8edf4);color:inherit}.lms-layout__main.no-padding{padding:0!important;background:var(--lms-page-panel, #ffffff)}.lms-layout__footer{min-height:38px;padding:10px 16px;border-top:1px solid var(--lms-tab-border, #dbe3ee);background:var(--lms-tab-bg, #ffffff);color:var(--lms-tab-text, #64748b);font-size:12px;text-align:center}.lms-layout__main::-webkit-scrollbar{width:6px}.lms-layout__main::-webkit-scrollbar-track{background:transparent}.lms-layout__main::-webkit-scrollbar-thumb{background:#c4cdd9;border-radius:3px}@media(max-width:768px){.lms-layout__content:before{opacity:.12;transform:rotate(-12deg) scale(1.06);background-image:var(--lms-watermark-images-mobile, none);background-size:clamp(100px,24vw,160px) auto,clamp(100px,24vw,160px) auto,clamp(100px,24vw,160px) auto,clamp(100px,24vw,160px) auto;background-position:12% 18%,34% 39%,56% 60%,78% 81%}.lms-layout__sidebar-backdrop{display:block}.lms-layout__main{padding:8px 6px}.lms-layout__footer{min-height:30px;padding:6px 8px;font-size:10px}}@media(max-width:480px){.lms-layout__main{padding:4px 2px}.lms-layout__footer{min-height:26px;padding:4px 6px;font-size:9px}}@media(min-width:769px){.lms-layout__sidebar-backdrop{display:none}}.lms-dashboard{max-width:100%}.lms-dashboard__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media(max-width:1200px){.lms-dashboard__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.lms-dashboard__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.lms-dashboard__grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:420px){.lms-dashboard__grid{grid-template-columns:1fr;gap:10px}}.course-card{background:#fff;border-radius:12px;padding:16px 14px 14px;display:flex;flex-direction:column;transition:box-shadow .25s,transform .2s;position:relative;border:1px solid #e8edf2;min-height:260px}.course-card:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-2px)}.course-card--learning{border-left:4px solid #2d8cf0}.course-card--not-started,.course-card--completed{border-left:4px solid transparent}.course-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.course-card__chapter-badge{background:#7b61ff;color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.3px}.course-card__status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px}.course-card__status.status--learning{background:#eff6ff;color:#2d8cf0}.course-card__status.status--not-started{background:#f3f4f6;color:#9ca3af}.course-card__status.status--completed{background:#ecfdf3;color:#16a34a}.course-card__icon{display:flex;justify-content:center;align-items:center;width:100%;min-height:88px;margin:6px 0 14px}.course-card__icon svg{width:58px!important;height:58px!important}.course-card__title{font-size:13px;font-weight:700;color:#1e293b;line-height:1.4;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.course-card__title-link{display:block;text-decoration:none;color:inherit}.course-card__title-link:hover .course-card__title{color:#1d4ed8}.course-card__desc{font-size:13px;color:#7f8c9b;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.course-card__spacer{flex:1}.course-card__footer{margin-top:12px}.course-card__progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.course-card__progress-label{font-size:11px;color:#94a3b8;font-weight:500}.course-card__progress-value{font-size:12px;color:#2d8cf0;font-weight:700}.course-card__progress-bar{height:4px;background:#e9eef4;border-radius:4px;overflow:hidden;margin-bottom:10px}.course-card__progress-fill{height:100%;background:#2d8cf0;border-radius:4px;transition:width .5s ease}.course-card__btn{display:block;text-align:center;background:#20c997;color:#fff!important;font-size:13px;font-weight:700;padding:8px 0;border-radius:8px;text-decoration:none;transition:background .2s,transform .15s}.course-card__btn:hover{background:#1bae84;transform:translateY(-1px);text-shadow:none;color:#fff!important}.course-card__btn--disabled{background:#cbd5e1;color:#475569!important;cursor:not-allowed}.course-card__btn--disabled:hover{background:#cbd5e1;transform:none}@media(max-width:768px){.course-card{padding:12px 10px 10px;border-radius:12px;min-height:220px}.course-card:hover{transform:none;box-shadow:0 2px 12px #0000000f}.course-card:active{transform:scale(.98)}.course-card__header{margin-bottom:8px}.course-card__chapter-badge{font-size:9px;padding:3px 8px}.course-card__status{font-size:10px;padding:3px 7px;border-radius:5px}.course-card__icon{margin-bottom:6px}.course-card__icon svg{width:28px;height:28px}.course-card__title{font-size:12px;margin-bottom:4px}.course-card__desc{font-size:11px;line-height:1.4}.course-card__footer{margin-top:8px}.course-card__progress-label{font-size:10px}.course-card__progress-value{font-size:11px}.course-card__progress-bar{height:3px;margin-bottom:8px}.course-card__btn{font-size:12px;padding:8px 0;border-radius:8px}}@media(max-width:420px){.course-card{padding:12px;min-height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0}.course-card__header{width:100%;margin-bottom:8px}.course-card__icon{margin-bottom:0;margin-right:10px}.course-card__icon svg{width:32px;height:32px}.course-card__title{font-size:13px;flex:1}.course-card__desc{width:100%;font-size:12px;margin-top:4px}.course-card__spacer{display:none}.course-card__footer{width:100%;margin-top:8px}.course-card__btn{padding:10px 0;font-size:13px;border-radius:10px}}.classroom-page{background:linear-gradient(180deg,#f4f7fb,#eef2f7);border:1px solid #dde5ef;border-radius:14px;padding:12px;min-height:100%;height:100%;position:relative;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.classroom-page--loading{align-items:center;justify-content:center}.classroom-global-loading{width:min(460px,100%);min-height:260px;border-radius:16px;border:1px solid #dbe4ef;background:#f8fafcdb;box-shadow:0 16px 36px #0f172a14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 22px;text-align:center}.classroom-global-loading h3{margin:4px 0 0;color:#0f172a;font-size:24px;font-weight:800}.classroom-global-loading p{margin:0;color:#64748b;font-size:14px;line-height:1.6;max-width:340px}.classroom-global-loading-spinner{width:54px;height:54px;border-radius:999px;border:4px solid #dbeafe;border-top-color:#3b82f6;animation:classroom-loading-spin .85s linear infinite}@keyframes classroom-loading-spin{to{transform:rotate(360deg)}}.classroom-local-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff6;z-index:10;gap:12px;pointer-events:none}.classroom-local-loading--ppt{background:#0f172a26}.classroom-local-loading p{margin:0;color:#1e293b;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8)}.classroom-local-loading--ppt p{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.classroom-local-loading .classroom-global-loading-spinner{width:42px;height:42px;border-width:4px;box-shadow:0 0 15px #3b82f633}.classroom-page-skeleton{position:absolute;inset:0;z-index:100;background:#f1f5f9;display:grid;grid-template-columns:300px minmax(0,1fr) 540px;gap:12px;padding:64px 12px 12px}.classroom-skeleton-sidebar,.classroom-skeleton-main,.classroom-skeleton-extra{background:#e2e8f0;border-radius:12px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s infinite linear}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.classroom-topbar{height:52px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;padding:0 14px}.classroom-topbar h2{margin:0;color:#334155;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classroom-back-btn{width:28px;height:28px;border-radius:50%;border:1px solid #d1d9e6;background:#fff;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.classroom-back-btn svg{width:16px;height:16px;stroke:#64748b;stroke-width:2;fill:none}.classroom-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;padding:6px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px #10b98140;display:inline-flex;align-items:center;justify-content:center}.classroom-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(340px,460px);gap:12px;margin-top:12px;flex:1;min-height:0;overflow:hidden;transition:grid-template-columns .46s cubic-bezier(.22,1,.36,1)}.classroom-grid.is-presentation-focused{grid-template-columns:58px minmax(0,1fr) 58px}.classroom-summary-card,.classroom-main-panel,.classroom-knowledge-panel{border-radius:12px;border:1px solid #dce4ee;background:#f8fafc;min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease,opacity .3s ease}.classroom-knowledge-panel{background:#eef2f6;overflow:hidden}.classroom-summary-card{padding:16px}.classroom-sidebar-content{display:flex;flex:1;min-height:0;flex-direction:column}.classroom-focus-rail{display:none}.classroom-grid.is-presentation-focused>.classroom-summary-card,.classroom-grid.is-presentation-focused>.classroom-knowledge-panel{padding:0;background:linear-gradient(180deg,#f8fafc,#eef4fb)}.classroom-grid.is-presentation-focused>.classroom-summary-card .classroom-sidebar-content,.classroom-grid.is-presentation-focused>.classroom-knowledge-panel .classroom-sidebar-content{display:none}.classroom-grid.is-presentation-focused .classroom-focus-rail{width:100%;height:100%;border:0;background:transparent;color:#64748b;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 8px;transition:color .2s ease,background .2s ease}.classroom-grid.is-presentation-focused .classroom-focus-rail:hover{color:#2563eb;background:#eaf2ff}.classroom-focus-rail svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.classroom-focus-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:700;letter-spacing:.04em}.classroom-grid.is-presentation-focused>.classroom-main-panel{border-color:#b9cff7;box-shadow:0 10px 28px #2563eb1f}.classroom-summary-card h3,.classroom-knowledge-header h3{margin:0;font-size:28px;font-weight:700;color:#1e293b}.classroom-summary-card p{margin:10px 0 16px;color:#64748b;font-size:13px}.classroom-summary-list{display:grid;gap:12px;flex:1;min-height:0;overflow-y:auto;padding-right:4px;align-content:start;grid-auto-rows:max-content}.classroom-summary-lesson{background:#eef4ff;border:1px solid #9ec1ff;border-radius:12px;padding:14px 14px 12px;position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.classroom-summary-lesson:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f8dff29}.classroom-summary-lesson:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#4f8dff}.classroom-summary-lesson.is-active{box-shadow:0 0 0 2px #4f8dff2e}.classroom-summary-chapter{display:inline-block;color:#4f7de4;font-size:13px;font-weight:800;text-transform:uppercase;margin-bottom:8px}.classroom-summary-lesson h4{margin:0 0 10px;color:#1f3ea0;font-size:18px;line-height:1.4;font-weight:700}.classroom-summary-tags{display:flex;gap:10px;margin-bottom:12px}.classroom-summary-tags span{background:#dbe8ff;color:#5f7cd9;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.classroom-summary-progress{display:flex;align-items:center;gap:8px;margin-bottom:8px}.classroom-summary-progress-track{flex:1;height:4px;background:#d7dfec;border-radius:999px;overflow:hidden}.classroom-summary-progress-track span{display:block;height:100%;border-radius:inherit;background:#38c47b}.classroom-summary-progress strong{color:#2aa363;font-size:14px;line-height:1;font-weight:700;min-width:34px;text-align:right}.classroom-summary-meta{display:flex;align-items:center;gap:6px;color:#8a97ad;font-size:11px}.classroom-summary-foot{margin-top:6px;display:flex;justify-content:space-between;align-items:center;color:#8a97ad;font-size:11px}.classroom-summary-foot strong{color:#2aa363;font-size:12px}.classroom-main-panel{min-width:0;min-height:0;--classroom-detail-bottom-height: 96px}.classroom-ppt-view,.classroom-video-view,.classroom-knowledge-view{flex:1;min-height:0;height:auto;display:flex;flex-direction:column;overflow:hidden}.classroom-page:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#0b1220}.classroom-page:fullscreen::backdrop{background:#0b1220}.classroom-page:fullscreen>.classroom-topbar,.classroom-page:fullscreen .classroom-summary-card,.classroom-page:fullscreen .classroom-knowledge-panel{display:none!important}.classroom-page:fullscreen .classroom-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;width:100vw;height:100vh;min-height:0;margin:0;gap:0;overflow:hidden}.classroom-page:fullscreen .classroom-main-panel{position:relative;width:100vw;height:100vh;min-height:0;border:0;border-radius:0;background:#0b1220;box-shadow:none;overflow:hidden}.classroom-page:fullscreen .classroom-tabs{display:none}.classroom-page:fullscreen .classroom-ppt-view{width:100vw;height:100vh!important;min-height:0;flex:1 1 auto;overflow:hidden;background:#0b1220}.classroom-page:fullscreen .classroom-ppt-stage,.classroom-page:fullscreen .classroom-ppt-stage--pptx{width:100vw;height:100vh!important;min-height:0;flex:1 1 auto;padding:0!important;border:0;background:#0b1220}.classroom-page:fullscreen .classroom-ppt-canvas,.classroom-page:fullscreen .classroom-pptx-main-host{width:100%;height:100%!important;min-height:0!important;max-height:none!important;padding:0;border:0;border-radius:0;background:#0b1220}.classroom-page:fullscreen .classroom-ppt-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.classroom-ppt-view{position:relative}.classroom-tab-btn--knowledge{display:none}.classroom-tabs{border-bottom:1px solid #e2e8f0;background:#f1f5f9;display:flex;gap:8px;padding:0 12px;overflow-x:auto}.classroom-focus-toggle{margin-left:auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 12px!important;border:1px solid #cbd5e1!important;border-radius:9px;background:#fff!important;color:#334155!important;font-size:12px!important;font-weight:700!important;line-height:1!important;box-shadow:0 2px 6px #0f172a0f;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.classroom-focus-toggle:hover{border-color:#60a5fa!important;color:#2563eb!important;transform:translateY(-1px)}.classroom-focus-toggle.is-active{border-color:#3b82f6!important;background:#eff6ff!important;color:#1d4ed8!important}.classroom-focus-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.classroom-tabs button{border:none;background:transparent;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;padding:16px 6px 10px;border-bottom:2px solid transparent;white-space:nowrap}.classroom-tabs button.active{color:#0f172a;border-color:#3b82f6}.classroom-ppt-stage{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px;box-sizing:border-box;display:flex;flex:1 1 auto;min-height:0;position:relative;transition:padding .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1)}.classroom-ppt-stage.is-slide-zoomed{align-items:flex-start;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:none;-webkit-overflow-scrolling:touch}.classroom-ppt-stage.is-slide-zoomed .classroom-ppt-canvas,.classroom-ppt-stage.is-slide-zoomed .classroom-pptx-main-host,.classroom-ppt-stage.is-slide-zoomed .classroom-ppt-image{touch-action:none}.classroom-grid.is-presentation-focused .classroom-ppt-stage:not(.is-slide-zoomed){touch-action:none}.classroom-grid.is-presentation-focused .classroom-presentation-nav-dock{touch-action:pan-x}.classroom-ppt-stage.is-slide-zoomed .classroom-slide-edge-nav,.classroom-ppt-stage.is-slide-zoomed .classroom-slide-position{opacity:0!important;pointer-events:none!important}.classroom-ppt-canvas{box-sizing:border-box;height:100%;width:100%;border-radius:6px;border:1px solid #d8e0ec;background:transparent;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden;position:relative;transition:padding .42s cubic-bezier(.22,1,.36,1),border-radius .32s ease,height .42s cubic-bezier(.22,1,.36,1)}.classroom-ppt-canvas .classroom-empty-content{min-height:0}.classroom-ppt-stage--pptx{padding:10px}.classroom-pptx-main-host{position:relative;width:100%;height:100%;min-height:clamp(360px,52vh,640px);border-radius:8px;border:1px solid #d8e0ec;background:#f0f1f3;overflow:hidden;transition:height .42s cubic-bezier(.22,1,.36,1),min-height .42s cubic-bezier(.22,1,.36,1),border-radius .32s ease}.classroom-pptx-main-host .pptx-preview-wrapper{width:100%!important;height:100%!important;margin:0!important;background:#fafafa!important}.classroom-pptx-main-host .pptx-preview-wrapper-next,.classroom-pptx-main-host .pptx-preview-wrapper-pagination{display:none!important}.classroom-pptx-main-host .pptx-preview-slide-wrapper{box-shadow:0 8px 24px #0f172a14;border:1px solid #dbe4f4;border-radius:6px}.classroom-pptx-overlay{position:absolute;inset:0;z-index:4;background:#f1f5f9d9;color:#334155;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.classroom-pptx-overlay-error{color:#b91c1c}.classroom-pptx-thumbs-row{min-height:116px;padding:10px}.classroom-pptx-thumbs-host{overflow-x:auto;overflow-y:hidden;min-height:96px;max-height:110px}.classroom-pptx-thumbs-host .pptx-preview-wrapper{width:max-content!important;margin:0!important;background:transparent!important;display:flex;gap:8px;padding-bottom:4px}.classroom-pptx-thumbs-host .pptx-preview-slide-wrapper{margin:0!important;border:1px solid #d2dceb;border-radius:8px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #0f172a14;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.classroom-pptx-thumbs-host .pptx-preview-slide-wrapper:after{content:attr(data-slide-number);position:absolute;left:0;right:0;bottom:0;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#64748b;background:#f1f5f9f2;border-top:1px solid #d2dceb;pointer-events:none}.classroom-pptx-thumbs-host .pptx-preview-slide-wrapper:hover{transform:translateY(-1px);border-color:#93c5fd}.classroom-pptx-thumbs-host .pptx-preview-slide-wrapper.is-active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.classroom-pptx-thumbs-host .pptx-preview-slide-wrapper.is-active:after{color:#fff;background:linear-gradient(180deg,#4f9cff,#3b82f6);border-top-color:transparent}.classroom-pptx-thumbs-host::-webkit-scrollbar{height:8px}.classroom-pptx-thumbs-host::-webkit-scrollbar-track{background:#dce5ef;border-radius:999px}.classroom-pptx-thumbs-host::-webkit-scrollbar-thumb{background:#9fb3cb;border-radius:999px}.classroom-pptx-meta{padding:0 16px 10px;color:#64748b;font-size:13px;font-weight:600}.ppt-main-preview{position:relative;height:100%;border-radius:10px;border:1px solid #dbe3ef;background:linear-gradient(140deg,#f1f5ff,#dee7ff 60%,#d2dcfb);overflow:hidden}.classroom-ppt-image{width:100%;height:100%;max-width:100%;max-height:100%;display:block;object-fit:contain;object-position:center;image-rendering:auto}.classroom-slide-edge-nav,.classroom-slide-position{display:none}.classroom-grid.is-presentation-focused .classroom-ppt-stage,.classroom-grid.is-presentation-focused .classroom-ppt-canvas{padding:8px}.classroom-grid.is-presentation-focused .classroom-ppt-image{animation:classroom-presentation-zoom-in .46s cubic-bezier(.22,1,.36,1)}.classroom-grid.is-presentation-focused .classroom-pptx-meta{display:none}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav{position:absolute;top:50%;z-index:24;width:50px;height:50px;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:#0f172ab3;color:#fff;box-shadow:0 10px 26px #0f172a38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.74;transform:translateY(-50%) scale(.94);transition:opacity .2s ease,transform .26s cubic-bezier(.22,1,.36,1),background .2s ease}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav--prev{left:22px}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav--next{right:22px}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.classroom-grid.is-presentation-focused .classroom-ppt-stage:hover .classroom-slide-edge-nav,.classroom-grid.is-presentation-focused .classroom-slide-edge-nav:focus-visible{opacity:1;transform:translateY(-50%) scale(1)}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav:hover{background:#2563ebeb}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav:disabled{opacity:.2;cursor:not-allowed;transform:translateY(-50%) scale(.88)}.classroom-grid.is-presentation-focused .classroom-slide-position{position:absolute;left:50%;bottom:18px;z-index:23;min-width:58px;padding:6px 10px;border-radius:999px;background:#0f172ab3;color:#fff;box-shadow:0 6px 18px #0f172a2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;justify-content:center;font-size:12px;font-weight:800;line-height:1;transform:translate(-50%);transition:opacity .2s ease,bottom .3s ease}@keyframes classroom-presentation-zoom-in{0%{opacity:.72;transform:scale(.975)}to{opacity:1;transform:scale(1)}}.ppt-left-block{display:none}.ppt-chip{display:inline-block;background:#4f6ff0;color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:4px 10px}.ppt-small-title{margin:8px 0 6px;color:#94a3b8;font-size:10px;letter-spacing:2px;font-weight:700}.ppt-left-block h4{margin:0;color:#1e293b;font-size:52px;line-height:1.05}.ppt-left-block h5{margin:6px 0 0;color:#3b4de0;font-size:52px;line-height:1.05}.ppt-divider{margin:14px 0;height:4px;width:62px;border-radius:99px;background:#4f6ff0}.ppt-list-card{display:grid;gap:10px}.ppt-list-row{border:1px solid #e4ebf4;background:#fff;border-radius:10px;min-height:56px;padding:10px 12px;display:flex;align-items:center;gap:10px}.ppt-list-row span{color:#94a3b8;font-size:11px;font-weight:700;min-width:20px}.ppt-list-row p{margin:0;color:#334155;font-size:13px;font-weight:600}.ppt-list-row.active{border-left:4px solid #4f6ff0}.ppt-right-block{display:none}.ppt-right-head{display:flex;justify-content:flex-end;gap:10px;align-items:baseline}.ppt-right-head strong{font-size:30px;color:#334155}.ppt-right-head span{font-size:32px;color:#334155;font-weight:700}.ppt-aircraft{border-radius:14px;background:linear-gradient(135deg,#dbe6ff,#c2d3ff 48%,#a8bfff);position:relative;min-height:180px}.ppt-aircraft:after{content:"";position:absolute;right:26px;top:36%;width:180px;height:60px;border-radius:999px;background:linear-gradient(90deg,#4b5563,#9ca3af)}.ppt-bars{display:grid;gap:8px}.ppt-bars div{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:center}.ppt-bars i{height:6px;border-radius:99px;background:#e2e8f0}.ppt-bars b{height:6px;border-radius:99px;background:linear-gradient(90deg,#4f6ff0,#22d3ee);display:block}.classroom-ppt-thumbs-row{background:#f8fafc;padding:12px 12px 8px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;min-height:var(--classroom-detail-bottom-height);box-sizing:border-box;margin-top:auto;flex-shrink:0}.classroom-grid.is-presentation-focused .classroom-presentation-nav-dock{position:absolute;left:18px;right:18px;bottom:10px;z-index:28;width:auto;margin:0;border:1px solid rgba(203,213,225,.82);border-radius:14px;background:#f8fafcf0;box-shadow:0 16px 38px #0f172a33;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translateY(calc(100% - 20px)) scale(.985);transform-origin:center bottom;pointer-events:auto;transition:opacity .24s ease,transform .38s cubic-bezier(.22,1,.36,1)}.classroom-grid.is-presentation-focused .classroom-presentation-nav-dock:hover,.classroom-grid.is-presentation-focused .classroom-presentation-nav-dock:focus-within{opacity:1;transform:translateY(0) scale(1)}.classroom-ppt-thumbs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;scrollbar-gutter:stable;padding-bottom:4px}.classroom-ppt-thumbs .classroom-thumb{flex:0 0 116px}.classroom-ppt-thumbs::-webkit-scrollbar{height:8px}.classroom-ppt-thumbs::-webkit-scrollbar-track{background:#dce5ef;border-radius:999px}.classroom-ppt-thumbs::-webkit-scrollbar-thumb{background:#9fb3cb;border-radius:999px}.classroom-ppt-scroll{background:#f8fafc;padding:0 58px 12px}.classroom-ppt-scroll span{display:block;height:8px;border-radius:999px;background:#dce5ef;position:relative}.classroom-ppt-scroll span:after{content:"";position:absolute;left:26%;top:0;width:26%;height:100%;border-radius:inherit;background:#b5c3d6}.classroom-slide-stage{min-height:490px;background:#fff;display:grid;grid-template-columns:1fr;padding:16px;border-bottom:1px solid #e2e8f0}.classroom-slide-visual{border-radius:4px;background:linear-gradient(135deg,#2563eb,#1d4ed8 60%,#22d3ee);position:relative;overflow:hidden;min-height:458px}.classroom-slide-visual--1{background:linear-gradient(135deg,#2563eb,#1d4ed8 60%,#22d3ee)}.classroom-slide-visual--2{background:linear-gradient(135deg,#0f766e,#0e7490 56%,#38bdf8)}.classroom-slide-visual--3{background:linear-gradient(135deg,#1d4ed8,#1e3a8a 55%,#60a5fa)}.classroom-slide-visual--4{background:linear-gradient(135deg,#4338ca,#1e40af 58%,#0ea5e9)}.classroom-slide-visual--5{background:linear-gradient(135deg,#0f766e,#2563eb 60%,#34d399)}.classroom-slide-visual--6{background:linear-gradient(135deg,#075985,#1d4ed8 58%,#06b6d4)}.classroom-slide-visual .shape-a{position:absolute;width:160px;height:160px;border-radius:50%;background:#ffffff21;left:-40px;top:-40px}.classroom-slide-visual .shape-b{position:absolute;width:110px;height:110px;right:-20px;bottom:-20px;background:#42d8c0}.classroom-slide-visual .shape-c{position:absolute;width:130px;height:130px;border:5px solid rgba(255,255,255,.8);border-radius:4px;left:62px;top:120px;transform:rotate(10deg)}.classroom-thumbs{padding:12px 12px 14px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;background:#f8fafc}.classroom-thumb{border:1px solid #d8e1ec;cursor:pointer;border-radius:10px;background:#eef2f7;padding:4px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.classroom-thumb-box{height:68px;background:transparent;border:1px solid #dbe3ec;border-radius:6px;position:relative;overflow:hidden}.classroom-thumb-image{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:transparent;image-rendering:auto}.classroom-thumb:hover{border-color:#93c5fd}.classroom-thumb.active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;transform:translateY(-1px)}.classroom-thumb.active .classroom-thumb-box{border-color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f6}.classroom-thumb.active .classroom-video-index{color:#fff;background:linear-gradient(180deg,#4f9cff,#3b82f6);border-radius:0 0 6px 6px}.classroom-video-stage{background:#fff;padding:16px;box-sizing:border-box;display:flex;flex:1 1 auto;min-height:0}.classroom-video-frame{background:#05070d;border-radius:8px;border:1px solid #d9e1ec;overflow:hidden;height:100%;width:100%;padding:8px;box-sizing:border-box;position:relative}.classroom-video-player{width:100%;height:100%;aspect-ratio:auto;background:#000;display:block;object-fit:contain;border-radius:4px}.classroom-video-player::-webkit-media-controls-fullscreen-button,.classroom-video-player::-webkit-media-controls-overflow-button,.classroom-video-player::-webkit-media-controls-picture-in-picture-button,.classroom-video-player::-webkit-media-controls-download-button{display:none!important}.classroom-video-watermark,.classroom-page-watermark{position:absolute;inset:0;pointer-events:none;z-index:10006;overflow:hidden;display:flex;align-items:center;justify-content:center}.classroom-page-watermark .wm-container{display:flex;flex-direction:column;gap:120px;transform:rotate(-35deg);width:250vw;height:250vh;justify-content:center;align-items:center}.classroom-page-watermark .wm-stripe{display:flex;align-items:center;gap:80px;white-space:nowrap}.wm-text{flex:0 0 auto;font-size:var(--wm-font-size, 18px);font-weight:700;color:#00000026;white-space:nowrap;pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none;letter-spacing:1.5px}.classroom-video-exit-fullscreen{position:absolute;top:12px;right:12px;z-index:9;border:1px solid rgba(255,255,255,.55);background:#0000008c;color:#fff;border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.classroom-video-exit-fullscreen:hover{background:#000000bf}.classroom-video-frame:fullscreen{border:0;border-radius:0;padding:0;background:#000}.classroom-video-frame:fullscreen .classroom-video-player{border-radius:0}.classroom-video-frame .pptx-preview-wrapper,.classroom-video-frame .pptx-preview-slide-wrapper,.classroom-video-frame .pptx-preview-wrapper-next,.classroom-video-frame .pptx-preview-wrapper-pagination{display:none!important}.classroom-video-empty{position:relative;z-index:6;width:100%;height:100%;min-height:320px;border-radius:4px;border:0;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;background:#f8fafc}.classroom-empty-content{width:min(92%,420px);margin:0 auto;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:12px}.classroom-empty-content__image{width:min(100%,280px);height:auto;object-fit:contain}.classroom-empty-content__text{margin:0;color:#64748b;font-size:14px;font-weight:600;line-height:1.5}.classroom-video-thumbs-row{background:#f8fafc;padding:8px 12px 10px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px}.classroom-video-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.classroom-video-index{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:600;text-align:center;line-height:1.1;padding:5px 0 4px}.classroom-nav-arrow{width:36px;height:36px;border-radius:50%;border:2px solid #60a5fa;background:#f8fbff;color:#2563eb;font-size:26px;line-height:1;cursor:pointer}.classroom-nav-arrow.disabled,.classroom-nav-arrow:disabled{border-color:#cbd5e1;color:#94a3b8;background:#f1f5f9;cursor:not-allowed}.classroom-video-meta{border-top:1px solid #e2e8f0;padding:12px 16px 16px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--classroom-detail-bottom-height);box-sizing:border-box;margin-top:auto;flex-shrink:0}.classroom-video-meta h4{margin:0;color:#334155;font-size:18px;font-weight:700}.classroom-video-meta p{margin:6px 0 0;color:#94a3b8;font-size:13px}.classroom-video-actions{display:flex;gap:16px}.classroom-video-actions button{border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.classroom-video-actions button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.classroom-video-actions button svg{flex-shrink:0;width:18px;height:18px}.classroom-knowledge-header{border-bottom:1px solid #e2e8f0;padding:16px}.classroom-knowledge-header span{margin-top:8px;display:inline-block;background:#dbeafe;color:#3b82f6;border-radius:999px;font-size:12px;padding:4px 10px;font-weight:700}.classroom-knowledge-document{margin:0;border-radius:0;border:0;flex:1;min-height:0;max-height:none;background:transparent;position:relative;overflow-y:auto;overflow-x:hidden;padding:0;overscroll-behavior:auto}.classroom-knowledge-document--pdf-only{background:#fff;overflow-y:auto;overflow-x:hidden}.classroom-knowledge-document--pdf-only .classroom-knowledge-gallery,.classroom-knowledge-document--pdf-only .classroom-knowledge-image-item{height:auto}.classroom-knowledge-document--pdf-only .classroom-knowledge-file-card--pdf{margin:0;height:auto;border:0;border-radius:0;background:#fff}.classroom-knowledge-document--pdf-only .classroom-knowledge-pdf-frame{height:100%;min-height:0;border:0;background:#fff}.classroom-knowledge-document::-webkit-scrollbar{width:10px}.classroom-knowledge-document::-webkit-scrollbar-track{background:#e7edf6;border-radius:999px}.classroom-knowledge-document::-webkit-scrollbar-thumb{background:#98abc7;border-radius:999px;border:2px solid #e7edf6}.classroom-knowledge-gallery{display:grid;gap:0;width:100%}.classroom-knowledge-image-item{border:0;border-radius:0;overflow:hidden;background:transparent;width:100%;box-shadow:none}.classroom-knowledge-image{width:100%;max-width:100%;height:auto;display:block;margin:0 auto;object-fit:contain;object-position:center;background:transparent;image-rendering:auto}.classroom-knowledge-file-card{margin:12px;border:1px solid #d7dee8;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;gap:0}.classroom-knowledge-file-card--pdf{background:#eef2f6;padding:0}.classroom-knowledge-file-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid #e2e8f0}.classroom-knowledge-file-head--pdf{justify-content:flex-start}.classroom-knowledge-file-name{color:#0f172a;font-size:15px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.classroom-knowledge-file-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border:1px solid #cbd5e1;border-radius:8px;padding:7px 12px;background:#334155;color:#fff;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.classroom-knowledge-file-link--pdf{border-color:#b91c1c;background:#b91c1c}.classroom-knowledge-pdf-frame{width:100%;border:0;min-height:980px;background:#fff;display:block}.classroom-knowledge-file-card--pdf-canvas{position:relative;overflow:hidden}.classroom-knowledge-pdf-canvas-list{width:100%;background:#fff;line-height:0}.classroom-knowledge-pdf-canvas-page{width:100%;display:block;margin:0;background:#fff;image-rendering:auto}.classroom-knowledge-pdf-overlay{position:absolute;inset:0;z-index:2;background:#ffffffeb;color:#334155;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;text-align:center;padding:16px}.classroom-knowledge-pdf-overlay--error{flex-direction:column;gap:10px;color:#b91c1c}.classroom-knowledge-pdf-progress{position:absolute;right:10px;bottom:10px;z-index:1;display:inline-flex;align-items:center;justify-content:center;background:#0f172acc;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1}@media(max-width:1520px){.classroom-grid{grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(300px,380px)}.classroom-slide-stage{min-height:430px;grid-template-columns:1fr}}@media(max-width:1400px){.classroom-page{overflow-y:auto;overflow-x:hidden}.classroom-grid{grid-template-columns:1fr;flex:none;overflow:visible}.classroom-grid.is-presentation-focused{grid-template-columns:1fr}.classroom-grid.is-presentation-focused>.classroom-summary-card,.classroom-grid.is-presentation-focused>.classroom-knowledge-panel{display:none!important}.classroom-grid.is-presentation-focused .classroom-ppt-canvas,.classroom-grid.is-presentation-focused .classroom-pptx-main-host{height:min(72svh,760px);max-height:none}.classroom-grid>.classroom-main-panel{order:1}.classroom-grid>.classroom-knowledge-panel{order:2}.classroom-grid>.classroom-summary-card{order:3}.classroom-tab-btn--knowledge{display:inline-flex;align-items:center;justify-content:center}.classroom-knowledge-panel{display:none}.classroom-main-panel{--classroom-detail-bottom-height: 58px}.classroom-summary-card,.classroom-main-panel,.classroom-knowledge-panel{width:100%;height:auto}.classroom-ppt-view,.classroom-video-view,.classroom-knowledge-view{flex:0 0 auto;min-height:0;overflow:visible}.classroom-ppt-stage,.classroom-ppt-stage--pptx,.classroom-video-stage{padding:6px}.classroom-ppt-canvas{width:100%;aspect-ratio:auto;height:clamp(220px,46vh,420px);min-height:0;padding:6px;overflow:hidden}.classroom-ppt-image{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}.classroom-ppt-thumbs-row,.classroom-pptx-thumbs-row{min-height:52px;padding:6px;gap:6px}.classroom-ppt-thumbs .classroom-thumb{flex:0 0 74px}.classroom-thumb-box{height:42px}.classroom-slide-stage{grid-template-columns:1fr;gap:12px;min-height:auto}.classroom-slide-visual{min-height:260px}.classroom-thumbs{grid-template-columns:repeat(3,1fr)}.classroom-video-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.ppt-main-preview-card,.ppt-main-preview-card-secondary{height:190px}.classroom-ppt-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.classroom-video-meta{flex-direction:column;align-items:flex-start;padding:10px 12px 14px;gap:8px}.classroom-video-meta h4{font-size:20px}.classroom-video-meta p{font-size:14px}.classroom-video-stage{padding:8px}.classroom-video-frame{aspect-ratio:16 / 9;height:auto;max-height:min(62vh,460px);padding:2px}.classroom-video-actions{width:100%;gap:10px}.classroom-video-actions button{flex:1;justify-content:center;padding:9px 14px}.classroom-knowledge-document{max-height:72vh}.classroom-knowledge-pdf-frame{min-height:700px}.classroom-tab-btn--knowledge{display:inline-flex!important;align-items:center;justify-content:center}.classroom-knowledge-panel{display:none!important}}@media(max-width:768px){.classroom-page{padding:0;border:0;border-radius:0;background:#f0f4f9;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.classroom-topbar{min-height:44px;height:auto;padding:8px 12px;border-radius:0;background:#fff;border:none;border-bottom:1px solid #e5edf6;box-shadow:0 1px 4px #0f172a0d;gap:10px}.classroom-topbar h2{font-size:14px;font-weight:700;line-height:1.35;color:#1e293b;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.classroom-back-btn{width:32px;height:32px;border-radius:10px;border:1px solid #e2e8f0;background:#f1f5f9;transition:background .15s ease}.classroom-back-btn:active{background:#e2e8f0}.classroom-badge{display:none}.classroom-grid{grid-template-columns:1fr;gap:0;margin-top:0}.classroom-grid>.classroom-main-panel{order:1}.classroom-grid>.classroom-knowledge-panel{order:2;display:none!important}.classroom-grid>.classroom-summary-card{order:3}.classroom-summary-card,.classroom-main-panel,.classroom-knowledge-panel{border-radius:0;border:none;border-bottom:1px solid #e8eef5;box-shadow:none;background:#fff}.classroom-tabs{position:sticky;top:0;z-index:6;padding:8px 10px;gap:6px;background:#fff;border-bottom:1px solid #edf2f7;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.classroom-tabs::-webkit-scrollbar{display:none}.classroom-tabs button{flex:0 0 auto;border:1.5px solid #e2e8f0!important;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;text-align:center;background:#f8fafc;color:#64748b;line-height:1.2;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.classroom-tabs button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6!important;color:#fff;box-shadow:0 2px 8px #3b82f64d;font-weight:700}.classroom-tabs button:active{transform:scale(.95)}.classroom-tabs .classroom-focus-toggle{position:sticky;right:8px;flex:0 0 auto;min-height:32px;padding:7px 10px!important;border-radius:999px;box-shadow:0 2px 10px #0f172a1a}.classroom-grid.is-presentation-focused .classroom-ppt-canvas,.classroom-grid.is-presentation-focused .classroom-pptx-main-host{height:min(68svh,620px);min-height:300px;aspect-ratio:auto}.classroom-grid.is-presentation-focused .classroom-presentation-nav-dock{left:8px;right:8px;bottom:8px;border-radius:12px}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav{width:42px;height:42px}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav--prev{left:14px}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav--next{right:14px}.classroom-grid.is-presentation-focused .classroom-slide-position{bottom:14px;padding:5px 9px;font-size:11px}.classroom-tab-btn--knowledge{display:inline-flex;align-items:center;justify-content:center}.classroom-ppt-view,.classroom-video-view,.classroom-knowledge-view{flex:0 0 auto;min-height:0;overflow:visible}.classroom-ppt-stage{flex:0 0 auto;padding:8px;background:#fafbfd}.classroom-ppt-canvas{width:100%;aspect-ratio:4 / 3;height:auto;min-height:240px;max-height:60vh;padding:0;overflow:hidden;border-radius:10px;border-color:#e2e8f0;background:#fff}.classroom-ppt-image{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:6px}.classroom-ppt-thumbs-row{grid-template-columns:1fr;min-height:auto;padding:6px 10px 10px;gap:0;background:#fafbfd;border-top:1px solid #edf2f7}.classroom-ppt-thumbs{gap:6px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.classroom-ppt-thumbs::-webkit-scrollbar{display:none}.classroom-ppt-thumbs .classroom-thumb{flex:0 0 72px}.classroom-thumb{border-radius:8px;padding:2px;border-color:#e2e8f0;background:#f8fafc}.classroom-thumb.active{border-color:#3b82f6;box-shadow:0 0 0 1.5px #3b82f6;background:#eff6ff}.classroom-thumb-box{height:40px;border-radius:6px;border-color:#edf2f7}.classroom-video-index{margin-top:2px;padding:2px 0;font-size:10px;font-weight:700}.classroom-nav-arrow{display:none}.classroom-pptx-main-host{width:100%;aspect-ratio:4 / 3;height:auto;min-height:240px;max-height:60vh;border-radius:10px;overflow:hidden}.classroom-pptx-main-host *{scrollbar-width:none;-ms-overflow-style:none}.classroom-pptx-main-host *::-webkit-scrollbar{display:none}.classroom-pptx-thumbs-row{min-height:auto;padding:6px 10px;grid-template-columns:1fr}.classroom-video-stage{padding:0;background:#000}.classroom-video-frame{aspect-ratio:16 / 9;height:auto;max-height:min(50vh,320px);max-width:100%;padding:0;border-radius:0;border:none}.classroom-video-player{border-radius:0}.classroom-page-watermark .wm-container{gap:50px}.classroom-page-watermark .wm-stripe{gap:30px}.classroom-page-watermark .wm-text{font-size:11px!important;letter-spacing:1px}.classroom-video-thumbs-row{grid-template-columns:1fr;padding:6px 10px}.classroom-video-meta{width:100%;min-height:auto;flex-direction:column;align-items:flex-start;padding:10px 12px 12px;gap:8px;background:#fff;position:relative;z-index:5}.classroom-video-meta h4{font-size:15px;line-height:1.3}.classroom-video-meta p{font-size:11px;line-height:1.45;color:#94a3b8;margin-top:2px}.classroom-video-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:relative;z-index:5}.classroom-video-actions button{width:100%;padding:10px 12px;font-size:12px;gap:6px;border-radius:10px;justify-content:center;background:#f8fafc;border-color:#e2e8f0}.classroom-video-actions button:active{background:#eef2f7;transform:scale(.97)}.classroom-video-actions button span{overflow:hidden;text-overflow:ellipsis}.classroom-video-actions button svg{width:16px;height:16px}.classroom-video-empty{min-height:180px;border-radius:0}.classroom-summary-card{padding:12px;border-bottom:none;background:#f8fafc}.classroom-summary-card h3{font-size:16px;font-weight:700;line-height:1.3;color:#1e293b;margin-bottom:8px}.classroom-knowledge-header h3{font-size:16px;line-height:1.3}.classroom-summary-card p{display:none}.classroom-summary-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;max-height:clamp(200px,40vh,320px);-webkit-overflow-scrolling:touch}.classroom-summary-list::-webkit-scrollbar{width:3px}.classroom-summary-list::-webkit-scrollbar-track{background:transparent}.classroom-summary-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.classroom-summary-lesson{padding:10px 10px 9px;border-radius:12px;border:1px solid #c7d8f5;background:linear-gradient(135deg,#f0f5ff,#e8f0fe);box-shadow:0 1px 3px #3b82f60f;transition:all .15s ease}.classroom-summary-lesson:active{transform:scale(.98)}.classroom-summary-lesson.is-active{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 0 0 1.5px #3b82f633,0 2px 8px #3b82f61a}.classroom-summary-lesson:before{top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0}.classroom-summary-chapter{font-size:10px;margin-bottom:4px;letter-spacing:.5px;color:#6b8ad0}.classroom-summary-lesson h4{margin:0 0 6px;font-size:13px;line-height:1.4;font-weight:700;color:#1e3a7a;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.classroom-summary-tags{gap:5px;margin-bottom:6px;flex-wrap:wrap}.classroom-summary-tags span{font-size:10px;padding:3px 8px;border-radius:6px;background:#dbe6ff;color:#4f72c8;font-weight:600}.classroom-summary-progress{gap:8px;margin-bottom:4px}.classroom-summary-progress-track{height:5px;border-radius:999px;background:#e2eaf4}.classroom-summary-progress-track span{background:linear-gradient(90deg,#34d399,#10b981);border-radius:999px}.classroom-summary-progress strong{font-size:13px;color:#10b981;font-weight:800}.classroom-summary-meta{font-size:10px;color:#94a3b8}.classroom-knowledge-header{padding:10px 12px}.classroom-knowledge-header span{margin-top:4px;font-size:10px;padding:3px 8px}.classroom-knowledge-document{max-height:65vh;-webkit-overflow-scrolling:touch}.classroom-knowledge-file-card{margin:8px;border-radius:10px}.classroom-knowledge-file-head{flex-direction:column;align-items:flex-start;padding:10px 12px;gap:8px}.classroom-knowledge-pdf-frame{min-height:400px}.classroom-knowledge-file-name{font-size:13px}.classroom-knowledge-file-link{font-size:11px;padding:5px 10px}.classroom-knowledge-document::-webkit-scrollbar{width:3px}.classroom-knowledge-document::-webkit-scrollbar-thumb{background:#cbd5e1;border:none}.classroom-video-exit-fullscreen{top:8px;right:8px;padding:7px 10px;font-size:11px;gap:6px}.classroom-pdf-zoom-modal{padding:8px}.classroom-pdf-zoom-stage{padding:12px}.classroom-pdf-zoom-paper{padding:0}}@media(max-width:480px){.classroom-page{padding:0}.classroom-topbar{padding:6px 10px;min-height:40px;gap:8px}.classroom-topbar h2{font-size:13px}.classroom-back-btn{width:30px;height:30px}.classroom-tabs{padding:6px 8px;gap:5px}.classroom-tabs button{padding:7px 12px;font-size:11px}.classroom-focus-toggle span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.classroom-tabs .classroom-focus-toggle{width:34px;min-width:34px;padding:7px!important}.classroom-grid.is-presentation-focused .classroom-ppt-canvas,.classroom-grid.is-presentation-focused .classroom-pptx-main-host{height:min(62svh,520px);min-height:240px}.classroom-summary-card{padding:10px}.classroom-summary-card h3{font-size:15px}.classroom-summary-list{max-height:clamp(180px,36vh,280px)}.classroom-summary-lesson{padding:8px 8px 7px;border-radius:10px}.classroom-summary-lesson h4{font-size:12px;margin-bottom:4px}.classroom-summary-chapter{font-size:9px;margin-bottom:3px}.classroom-summary-tags span{font-size:9px;padding:2px 6px}.classroom-summary-progress strong{font-size:12px}.classroom-summary-meta{font-size:9px}.classroom-ppt-canvas{height:clamp(180px,38vh,300px);padding:3px}.classroom-ppt-thumbs .classroom-thumb{flex:0 0 64px}.classroom-thumb-box{height:36px}.classroom-video-index{font-size:9px}.classroom-video-frame{max-height:min(45vh,260px)}.classroom-video-meta{padding:8px 10px 10px;gap:6px}.classroom-video-meta h4{font-size:14px}.classroom-video-meta p{font-size:10px}.classroom-video-actions{grid-template-columns:1fr 1fr;gap:6px}.classroom-video-actions button{min-height:36px;padding:8px;font-size:11px;border-radius:8px}.classroom-pptx-main-host{min-height:190px}.classroom-knowledge-document{max-height:58vh}.classroom-knowledge-pdf-frame{min-height:280px}.classroom-knowledge-header{padding:8px 10px}.classroom-knowledge-header h3{font-size:14px}.classroom-video-exit-fullscreen span{display:none}.classroom-video-exit-fullscreen{width:34px;height:34px;border-radius:999px;justify-content:center;padding:0}}.classroom-ppt-canvas{touch-action:pan-y}.classroom-pdf-zoom-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;overflow:hidden;animation:pdfZoomFadeIn .2s ease}@keyframes pdfZoomFadeIn{0%{opacity:0}to{opacity:1}}.classroom-pdf-continuous-modal{padding:0;background:#202124;-webkit-backdrop-filter:none;backdrop-filter:none}.classroom-pdf-continuous-frame{width:100%;height:100%;border:0;background:#202124}.classroom-mobile-fullscreen-exit{display:none}.classroom-slide-zoom-hint{position:fixed;top:16px;left:16px;z-index:10003;max-width:min(420px,calc(100vw - 96px));padding:8px 12px;border-radius:999px;background:#0f172ac7;color:#fff;box-shadow:0 8px 22px #0000003d;font-size:12px;font-weight:700;line-height:1.25;pointer-events:none;animation:classroomSlideZoomHintTimeout 5s ease forwards}@keyframes classroomSlideZoomHintTimeout{0%,88%{opacity:1;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-6px)}}.classroom-continuous-document-hint{position:absolute;top:16px;left:16px;z-index:10002;padding:8px 14px;border-radius:999px;background:#0f172ac7;color:#fff;box-shadow:0 8px 22px #00000042;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:700;line-height:1;pointer-events:none;transform:translateY(0);animation:classroomContinuousHintTimeout 5s ease forwards}@keyframes classroomContinuousHintTimeout{0%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px);visibility:hidden}}.classroom-continuous-image-stage{align-items:flex-start;padding-top:64px;padding-bottom:64px}.classroom-continuous-image-document{display:flex;flex:0 0 auto;flex-direction:column;gap:8px;margin:0 auto}.classroom-continuous-image-page{width:100%;background:#fff;box-shadow:0 8px 24px #00000047}.classroom-continuous-image-page .classroom-pdf-zoom-image{width:100%;height:auto;border-radius:2px;box-shadow:none;cursor:default}@media(max-width:768px){.classroom-continuous-document-hint{top:12px;left:12px;max-width:calc(100vw - 120px);padding:7px 10px;font-size:11px;white-space:nowrap}.classroom-continuous-image-stage{padding:52px 8px 48px}.classroom-continuous-image-document{gap:5px}}@media(max-width:900px),(hover:none),(pointer:coarse){.classroom-mobile-fullscreen-exit{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:10005;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#0f172adb;color:#fff;box-shadow:0 8px 24px #0000004d;display:flex;align-items:center;justify-content:center;padding:0 0 3px;font-size:30px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.classroom-mobile-fullscreen-exit:active{background:#1e293bfa;transform:scale(.94)}}.classroom-pdf-zoom-stage{width:100%;height:100%;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:24px;box-sizing:border-box;overscroll-behavior:contain;overflow-anchor:none}.classroom-pdf-zoom-paper{background:transparent;padding:0;border-radius:0;box-shadow:none;overflow-anchor:none}.classroom-pdf-zoom-image{width:100%;height:auto;max-width:none;max-height:none;object-fit:contain;border-radius:8px;box-shadow:0 12px 36px #0006;background:#fff;cursor:zoom-out;will-change:transform;animation:pdfZoomScaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes pdfZoomScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.classroom-knowledge-pdf-canvas-page{cursor:zoom-in;transition:transform .2s}.classroom-knowledge-pdf-canvas-page:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000001a;z-index:2;position:relative}.classroom-pdf-zoom-modal--loading{cursor:wait}.classroom-pdf-zoom-loading-box{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;font-size:14px}.classroom-knowledge-pdf-page-wrapper{background:#f1f5f9;display:flex;align-items:center;justify-content:center}.classroom-knowledge-image--zoomable{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease;border-radius:6px}.classroom-knowledge-image--zoomable:hover{transform:scale(1.015);box-shadow:0 4px 16px #0000001f;z-index:2;position:relative}.classroom-grid.is-presentation-focused .classroom-ppt-view{overflow:hidden}@media(hover:none),(pointer:coarse){.classroom-grid.is-presentation-focused .classroom-presentation-nav-dock{opacity:0!important;pointer-events:none!important;transform:translateY(calc(100% + 24px)) scale(.985)!important}.classroom-grid.is-presentation-focused .classroom-presentation-nav-dock.is-mobile-visible{opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.classroom-grid.is-presentation-focused .classroom-slide-edge-nav{opacity:.9}}@media(max-width:900px),(hover:none),(pointer:coarse){.classroom-page.is-presentation-focused{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#0b1220;overflow:hidden}.classroom-page.is-presentation-focused>.classroom-topbar,.classroom-page.is-presentation-focused .classroom-tabs,.classroom-page.is-presentation-focused .classroom-summary-card,.classroom-page.is-presentation-focused .classroom-knowledge-panel{display:none!important}.classroom-page.is-presentation-focused .classroom-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;width:100vw;height:100vh;height:100dvh;min-height:0;margin:0;gap:0;overflow:hidden}.classroom-page.is-presentation-focused .classroom-main-panel,.classroom-page.is-presentation-focused .classroom-ppt-view,.classroom-page.is-presentation-focused .classroom-ppt-stage,.classroom-page.is-presentation-focused .classroom-ppt-stage--pptx{width:100vw;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0;padding:0!important;border:0;border-radius:0;background:#0b1220;box-shadow:none;overflow:hidden}.classroom-page.is-presentation-focused .classroom-ppt-canvas,.classroom-page.is-presentation-focused .classroom-pptx-main-host{width:100%;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;border:0;border-radius:0;background:#0b1220}.classroom-page.is-presentation-focused .classroom-ppt-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}}@media(prefers-reduced-motion:reduce){.classroom-grid,.classroom-summary-card,.classroom-main-panel,.classroom-knowledge-panel,.classroom-ppt-stage,.classroom-ppt-canvas,.classroom-pptx-main-host,.classroom-presentation-nav-dock,.classroom-slide-edge-nav{transition-duration:.01ms!important;animation-duration:.01ms!important}}.lms-service-entry-page{min-height:calc(100vh - 220px);background:linear-gradient(180deg,#f8fafc,#eef2f7)}.lms-service-entry{padding:24px}.lms-service-entry__header{max-width:1180px;margin:0 auto 18px}.lms-service-entry__header h1{margin:0;font-size:30px;font-weight:800;color:#0f172a}.lms-service-entry__header p{margin:8px 0 0;color:#475569;font-size:15px}.lms-service-entry__loading{min-height:260px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#64748b}.lms-service-entry__section{max-width:1180px;margin:0 auto}.lms-service-entry__section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid #d7dee8}.lms-service-entry__section-title{margin:0;font-size:1.12rem;font-weight:700;color:#1d4ed8;text-transform:uppercase;letter-spacing:.3px}.lms-service-courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lms-service-course-card{border:1px solid #d8e0ea;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;padding:0;background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.lms-service-course-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px #0f172a24;border-color:#93c5fd}.lms-service-course-card__image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.lms-service-course-card__image{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,#0f172ab8,#1e40af99),linear-gradient(90deg,#334155,#1d4ed8)}.lms-service-course-card__image span{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.96}.lms-service-course-card__badge{position:absolute;top:8px;right:8px;font-size:.65rem;font-weight:700;border-radius:4px;padding:4px 8px;box-shadow:0 2px 8px #0000003d}.lms-service-course-card__badge.badge-mapped{background:#22c55e;color:#fff}.lms-service-course-card__badge.badge-expired{background:#ef4444;color:#fff}.lms-service-course-card__content{padding:14px;display:flex;flex:1;flex-direction:column}.lms-service-course-card__title{margin:0 0 7px;font-size:1rem;font-weight:700;color:#0f172a;line-height:1.36;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lms-service-course-card__desc{margin:0;font-size:.84rem;color:#475569;line-height:1.45;min-height:2.4em}.lms-service-course-card__meta{margin-top:10px;display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:#64748b}.lms-service-course-card__cta{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:700;color:#1d4ed8}.lms-service-course-card.is-mapped{border-color:#bfdbfe}.lms-service-course-card.is-unmapped{border-color:#fed7aa}.lms-service-course-card.is-unmapped:hover{border-color:#fdba74}.lms-service-course-card__badge.badge-unmapped{background:#f59e0b;color:#fff}.lms-service-course-card.is-expired{border-color:#fca5a5;background:snow}.lms-service-course-card.is-expired .lms-service-course-card__image{background:linear-gradient(135deg,#475569,#64748b);filter:grayscale(1)}.lms-service-course-card.is-expired .lms-service-course-card__cta{color:#ef4444}.lms-service-entry__unmapped{border:1px dashed #cbd5e1;border-radius:10px;padding:16px;background:#fff}.lms-service-entry__unmapped h3{margin:0;font-size:16px;color:#0f172a}.lms-service-entry__unmapped p{margin:6px 0 0;font-size:13px;color:#64748b}.lms-service-entry__unmapped-list{margin-top:14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:12px}.lms-service-entry__unmapped-list h4{margin:0 0 8px;font-size:13px;color:#92400e;font-weight:700}.lms-service-entry__unmapped-tags{display:flex;flex-wrap:wrap;gap:8px}.lms-service-entry__unmapped-tag{border:1px solid #fdba74;background:#fff7ed;color:#9a3412;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}.lms-service-entry__unmapped-tag:hover{background:#ffedd5}.lms-service-entry__empty{max-width:900px;margin:12px auto 0;border:1px dashed #cbd5e1;background:#fff;border-radius:14px;padding:18px;display:grid;gap:10px;color:#334155}.lms-service-entry__empty h3{margin:0;font-size:17px}.lms-service-entry__empty p{margin:0;font-size:13px;color:#64748b}.lms-service-entry__action{width:fit-content;border:none;border-radius:8px;background:#2563eb;color:#fff;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer}@media(max-width:1100px){.lms-service-courses-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.lms-service-courses-grid{grid-template-columns:repeat(2,1fr)}.lms-service-entry__section-header{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:560px){.lms-service-entry{padding:14px}.lms-service-entry__header h1{font-size:24px}.lms-service-courses-grid{grid-template-columns:1fr;gap:14px}}.exam-rules-box,.exam-resize-box,.exam-locked-box{background:#fff;width:100%;max-width:600px;border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px #00000040;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.rules-content{margin-bottom:32px}.rules-content ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}.rules-content li{padding-left:28px;position:relative;font-size:15px;color:#475569;line-height:1.6}.rules-content li:before{content:"•";position:absolute;left:8px;color:#3b82f6;font-weight:900}.rules-notice{margin-top:24px;padding:16px;background:#f0f9ff;border-radius:12px;color:#0369a1;font-size:14px;font-weight:500;text-align:center}.exam-dashboard{display:flex;gap:30px;padding:30px;background:#f8fafc;min-height:0;height:100%;max-height:100%;position:relative;overflow:hidden;box-sizing:border-box}.exam-dashboard__main{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:6px}.exam-dashboard__main::-webkit-scrollbar{width:8px}.exam-dashboard__main::-webkit-scrollbar-track{background:#e2e8f0;border-radius:999px}.exam-dashboard__main::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.exam-dashboard__main::-webkit-scrollbar-thumb:hover{background:#64748b}.exam-questions-list{display:flex;flex-direction:column;gap:24px;padding-bottom:16px}.exam-question-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.exam-card--active{border-color:#f97316;box-shadow:0 10px 15px -3px #f973161a}.exam-question__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.exam-question__meta{display:flex;align-items:center;gap:15px}.exam-question__badge{background:#2563eb;color:#fff;padding:6px 16px;border-radius:8px;font-size:12px;font-weight:700;transition:background .3s ease}.exam-card--active .exam-question__badge{background:#f97316}.exam-question__info{font-size:13px;color:#64748b;font-weight:500}.exam-question__score{font-size:13px;color:#22c55e;font-weight:700}.exam-question__score b{font-size:14px}.exam-question__text{font-size:17px;color:#1e293b;font-weight:600;margin-bottom:24px;line-height:1.6}.exam-question__options{display:flex;flex-direction:column;gap:16px}.exam-question__option{display:flex;align-items:center;gap:20px;padding:16px 20px;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#334155;font-weight:500}.exam-question__option:hover{background:#f8fafc;border-color:#f97316}.exam-question__option.selected{border-color:#2563eb;background:#f0f7ff;box-shadow:inset 0 0 0 1px #2563eb}.exam-question__option input[type=radio]{display:none}.option-marker{width:28px;height:28px;border:2px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#94a3b8;transition:all .2s}.exam-question__option.selected .option-marker{background:#2563eb;border-color:#2563eb;color:#fff}.exam-dashboard__sidebar{width:380px;flex-shrink:0;min-height:0;display:flex}.exam-sidebar__container{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;position:relative;top:0;height:100%;max-height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable}.exam-sidebar__container::-webkit-scrollbar{width:7px}.exam-sidebar__container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.exam-sidebar__container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.exam-sidebar__container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.exam-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.exam-sidebar__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#1e293b;margin:0}.exam-sidebar__submit-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb33;transition:all .2s}.exam-sidebar__submit-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.exam-sidebar__submit-btn.submitted{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;cursor:default;box-shadow:none}.exam-sidebar__submit-btn.submitted:hover{transform:none}.exam-sidebar__section{margin-bottom:32px}.sidebar-label{display:block;font-size:13px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:15px}.exam-mobile-nav-footer{margin-top:auto;padding-top:20px;border-top:1px solid #f1f5f9}.mobile-submit-btn{width:100%;justify-content:center;padding:14px}.sidebar-timer-value{font-size:32px;font-weight:800;color:#22c55e;font-family:JetBrains Mono,monospace;margin:0 0 15px;text-align:center}.sidebar-progress-container{height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden;margin-bottom:10px}.sidebar-progress-fill{height:100%;transition:width .3s ease}.time-progress{background:#22c55e}.sidebar-timer-value.warning,.exam-mobile-nav-time.warning{color:#f97316}.sidebar-progress-fill.time-progress.warning{background:#f97316}.sidebar-progress-fill.time-progress.urgent{background:#ef4444}.sidebar-timer-value.urgent{color:#ef4444}.answer-progress{background:#3b82f6}.sidebar-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sidebar-progress-count{font-size:20px;font-weight:800;color:#3b82f6}.sidebar-progress-percent{display:block;text-align:right;font-size:13px;font-weight:700;color:#94a3b8}.exam-sidebar__nav .nav-header{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.exam-mobile-nav-handle,.exam-mobile-nav-backdrop,.exam-mobile-nav-drawer{display:none}.exam-mobile-nav-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.exam-mobile-nav-drawer__head span{font-size:14px;font-weight:800;color:#1e293b}.exam-mobile-nav-summary{margin-bottom:12px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;display:flex;flex-direction:column;gap:10px}.exam-mobile-nav-label{display:block;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.exam-mobile-nav-time{font-size:22px;font-weight:800;line-height:1;font-family:JetBrains Mono,monospace;color:#22c55e;margin-bottom:6px}.exam-mobile-nav-time.urgent{color:#ef4444}.exam-mobile-nav-answer-text{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:6px}.exam-mobile-nav-summary .sidebar-progress-container{margin-bottom:0;height:8px}.exam-mobile-nav-close{border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.nav-legend{display:flex;gap:12px;flex-wrap:wrap}.legend-item{font-size:12px;color:#64748b;font-weight:600;display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:4px}.dot--answered{background:#2563eb}.dot--current{background:#f97316}.dot--unanswered{background:#e2e8f0}.nav-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding-bottom:20px;max-height:min(56vh,560px);overflow-y:auto;overflow-x:hidden;padding-right:5px}.nav-grid::-webkit-scrollbar{width:5px}.nav-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.nav-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.nav-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-grid-btn{aspect-ratio:1;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:700;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;min-width:0}.nav-grid-btn:hover{border-color:#f97316;color:#f97316}.nav-grid-btn.current{background:#fdf2f2;border-color:#f97316;color:#f97316;box-shadow:0 0 0 3px #f973161a}.nav-grid-btn.answered{background:#dbeafe;border-color:#2563eb;color:#2563eb}.exam-loading-state,.exam-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;background:#f8fafc}@media(max-width:1200px){.exam-dashboard{flex-direction:column;gap:18px;padding:16px;height:auto;max-height:none;overflow:visible}.exam-dashboard__main{overflow:visible;padding-right:0}.exam-dashboard__sidebar{width:100%;order:-1}.exam-sidebar__container{position:static;height:min(78vh,860px);max-height:min(78vh,860px);overflow-y:scroll;overflow-x:hidden}}@media(max-width:768px){.exam-dashboard{padding:10px;gap:10px;flex-direction:column;height:auto;max-height:none;overflow:visible}.exam-dashboard__main{overflow:visible;padding-right:0}.exam-dashboard__sidebar{width:100%;order:1}.exam-sidebar__container:not(.has-results){display:none!important}.desktop-only{display:none!important}.exam-sidebar__container.has-results{position:static;height:auto!important;max-height:none!important;overflow:visible;padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.exam-question-card{padding:14px;border-radius:12px}.exam-question__header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}.exam-question__meta{flex-wrap:wrap;gap:6px}.exam-question__text{font-size:15px;margin-bottom:16px;line-height:1.5}.exam-question__option{gap:12px;padding:12px;font-size:14px}.option-marker{width:28px;height:28px;font-size:12px}.sidebar-timer-value{font-size:24px}.exam-sidebar__nav{display:none}.exam-mobile-nav-handle{display:inline-flex;align-items:center;justify-content:center;position:fixed;right:0;top:50%;transform:translateY(-50%);width:34px;height:58px;border:none;border-radius:10px 0 0 10px;background:#2563eb;color:#fff;box-shadow:0 8px 24px #2563eb59;cursor:pointer;z-index:51}.exam-mobile-nav-handle.is-open{right:min(82vw,320px);border-radius:10px}.exam-mobile-nav-backdrop{display:block;position:fixed;inset:0;border:none;background:#02061773;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:49}.exam-mobile-nav-backdrop.is-open{opacity:1;pointer-events:auto}.exam-mobile-nav-drawer{display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;width:min(82vw,320px);transform:translate(100%);transition:transform .24s ease;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-16px 0 30px #0f172a2e;z-index:50;padding:16px 14px;overflow-y:auto}.exam-mobile-nav-drawer.is-open{transform:translate(0)}.exam-mobile-nav-drawer .nav-legend{gap:8px;margin-bottom:10px}.exam-mobile-nav-drawer .legend-item{font-size:11px}.exam-mobile-nav-drawer .dot{width:8px;height:8px}.exam-mobile-nav-drawer .nav-grid{max-height:none;overflow:visible;grid-template-columns:repeat(6,1fr);padding-right:0;padding-bottom:10px}.exam-mobile-nav-drawer .nav-grid-btn{font-size:12px;border-radius:8px}.exam-summary-box{margin-top:18px;padding:14px}}@media(max-width:480px){.exam-dashboard{padding:8px;gap:8px}.exam-question-card{padding:12px;border-radius:10px;border-width:1.5px}.exam-question__header{margin-bottom:12px}.exam-question__badge{font-size:11px;padding:4px 10px}.exam-question__text{font-size:15px;margin-bottom:14px;line-height:1.5}.exam-question__option{gap:10px;padding:12px 10px;font-size:13px;border-radius:10px}.exam-question__options{gap:10px}.option-marker{width:24px;height:24px;font-size:11px}.exam-sidebar__container{padding:12px 10px;border-radius:12px}.exam-locked-overlay{position:fixed;inset:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:9999}.exam-locked-box{background:#fff;padding:28px;border-radius:12px;max-width:520px;text-align:center;box-shadow:0 10px 30px #0206174d}.exam-locked-box h3{margin-top:12px;margin-bottom:8px;font-size:20px}.exam-locked-box p{margin-bottom:12px;color:#475569}.exam-locked-box .btn{margin-top:8px;padding:10px 18px;background:#2563eb;color:#fff;border-radius:8px;border:none;cursor:pointer}.exam-locked-box .btn:hover{background:#1d4ed8}.exam-resize-overlay{position:fixed;inset:0;background:#0206178c;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s ease-out}.exam-resize-box{background:#fff;padding:32px;border-radius:16px;max-width:460px;text-align:center;box-shadow:0 10px 40px #0206174d;border:2px solid #f97316}.exam-resize-box h3{margin-top:12px;margin-bottom:8px;font-size:20px;color:#1e293b;font-weight:800}.exam-resize-box p{margin-bottom:10px;color:#475569;font-size:14px;line-height:1.6}.exam-resize-warning{color:#ef4444;font-weight:700;font-size:13px;margin-top:8px}.exam-question__option.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.exam-sidebar__title{font-size:14px}.exam-sidebar__submit-btn{padding:10px 16px;font-size:13px;border-radius:8px}.exam-mobile-nav-handle{width:30px;height:50px;border-radius:8px 0 0 8px}.exam-mobile-nav-drawer{width:min(88vw,300px);padding:12px 10px}.exam-mobile-nav-handle.is-open{right:min(88vw,300px)}.exam-mobile-nav-drawer .nav-grid{grid-template-columns:repeat(5,1fr);gap:5px}.exam-mobile-nav-footer{margin-top:auto;padding-top:16px;border-top:1px solid #e2e8f0}.mobile-submit-btn{width:100%;justify-content:center;padding:12px 16px;font-size:14px;border-radius:10px}.exam-loading-state,.exam-empty-state{height:auto;min-height:50vh;padding:40px 20px}}.submission-badge{display:flex;align-items:center;gap:6px;background:#dcfce7;color:#166534;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700}.exam-summary-box{margin-top:30px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;padding:20px;text-align:center;animation:fadeIn .3s ease-out}.exam-summary-box h4{font-size:13px;color:#1e40af;margin-bottom:15px;font-weight:800}.summary-score{display:flex;flex-direction:column;margin-bottom:10px}.score-val{font-size:36px;font-weight:800;color:#1e3a8a}.score-label{font-size:11px;color:#60a5fa;font-weight:700}.summary-accuracy{font-size:14px;color:#1e40af;margin-bottom:15px}.btn-view-results-page{width:100%;background:#2563eb;color:#fff;border:none;padding:10px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-view-results-page:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.exam-rules-overlay,.exam-resize-overlay,.exam-locked-overlay{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.exam-rules-box{background:#fff;width:100%;max-width:860px;border-radius:20px;padding:30px 40px;box-shadow:0 25px 50px -12px #00000040;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.exam-resize-box,.exam-locked-box{background:#fff;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px #00000040;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.exam-rules-close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;line-height:1;color:#475569;cursor:pointer;padding:6px;border-radius:8px}.exam-rules-close:hover{background:#f1f5f9;color:#111827}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.rules-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.rules-header h2{font-size:24px;font-weight:800;color:#1e293b;margin:0}.rules-content{margin-bottom:24px;display:flex;gap:30px;align-items:stretch}.rules-text-section{flex:1;display:flex;flex-direction:column;justify-content:space-between}.rules-content ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px;margin:0}.rules-content li{padding-left:24px;position:relative;font-size:14px;color:#475569;line-height:1.5}.rules-content li:before{content:"•";position:absolute;left:4px;color:#3b82f6;font-weight:900}.rules-notice{margin-top:16px;padding:12px 16px;background:#f0f9ff;border-radius:12px;color:#0369a1;font-size:13px;font-weight:500;text-align:center}.btn-start-exam{width:100%;background:#2563eb;color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.btn-start-exam:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.exam-resize-box,.exam-locked-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.exam-resize-box h3,.exam-locked-box h3{font-size:20px;font-weight:800;color:#1e293b}.exam-resize-box p,.exam-locked-box p{color:#64748b;line-height:1.6}.exam-resize-warning{font-weight:700;color:#ef4444!important}.exam-locked-box .btn{margin-top:10px;background:#334155;color:#fff;padding:10px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.exam-camera-preview-box{position:fixed;bottom:24px;left:24px;width:190px;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(239,68,68,.45);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px -5px #0006,0 0 15px #ef444426;z-index:999;display:flex;flex-direction:column;transition:all .3s ease}.exam-camera-preview-box.is-paused{border-color:#f59e0b73;box-shadow:0 10px 30px -5px #0006,0 0 15px #f59e0b26}.camera-header{background:#0f172acc;padding:6px 12px;font-size:11px;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.05em}.rec-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:blink 1.2s infinite}.camera-video{width:100%;height:135px;object-fit:cover;background:#000}.camera-ai-warning{background:#ef4444;color:#fff;padding:8px 10px;font-size:11px;font-weight:700;text-align:center;line-height:1.4;animation:pulse 1s infinite alternate}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes pulse{0%{background:#ef4444}to{background:#b91c1c}}.rules-camera-verify-section{margin-top:0;padding:16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 280px;box-sizing:border-box}.rules-camera-title{font-size:14px;font-weight:700;color:#334155;margin:0;text-align:center}.rules-camera-container{width:100%;height:160px;background:#000;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 4px 6px -1px #0000001a}.rules-camera-video{width:100%;height:100%;object-fit:cover}.rules-camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172acc;color:#fff;padding:12px;text-align:center;font-size:13px}.rules-camera-overlay.success{background:#166534d9}.btn-verify-face{background:#f97316;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #f9731626}.btn-verify-face:hover:not(:disabled){background:#ea580c;transform:translateY(-1px)}.btn-verify-face:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.camera-status-text{font-size:12px;font-weight:600;color:#64748b;text-align:center}.camera-status-text.error{color:#ef4444}.camera-status-text.success{color:#22c55e}@media(max-width:768px){.exam-rules-box{padding:24px;max-height:90vh;overflow-y:auto}.rules-content{flex-direction:column;gap:20px}.rules-camera-verify-section{flex:auto;width:100%}}.exam-rules-overlay{transition:all .3s ease}.glass-panel{background:#fffffff2!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 60px -12px #00000040,0 0 40px #2563eb0d!important}.professional-header{border-bottom:2px solid #f1f5f9!important;margin-bottom:28px!important;padding-bottom:20px!important}.professional-header .icon-wrapper{background:#eff6ff;padding:12px;border-radius:14px;display:flex;align-items:center;justify-content:center}.professional-header h2{font-size:22px!important;margin-bottom:4px!important;color:#0f172a!important}.subtitle{color:#64748b;font-size:14px;margin:0}.professional-list{gap:16px!important}.professional-list li{padding-left:0!important;display:flex;align-items:flex-start;gap:12px;color:#334155!important}.professional-list li:before{content:none!important}.list-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.warning-icon{color:#f59e0b}.warning-text{color:#b45309;font-weight:500}.professional-notice{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-left:4px solid #3b82f6;text-align:left!important;color:#0369a1!important;padding:16px 20px!important}.professional-camera-box{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 12px #00000008}.rules-camera-title{color:#475569!important;text-transform:uppercase;letter-spacing:.5px;font-size:12px!important}.professional-camera{border-radius:12px!important;border:3px solid #f1f5f9}.camera-pulse{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px dashed rgba(255,255,255,.4);margin-bottom:12px;animation:pulse-slow 2s infinite}@keyframes pulse-slow{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}.professional-btn-outline{background:transparent!important;color:#3b82f6!important;border:2px solid #3b82f6!important;width:100%}.professional-btn-outline:hover{background:#eff6ff!important;transform:translateY(0)!important}.camera-status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0fdf4;color:#16a34a;border-radius:20px;font-size:13px;font-weight:600;border:1px solid #bbf7d0}.professional-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;padding:18px!important;border-radius:14px!important;font-size:17px!important;overflow:hidden;position:relative}.professional-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff3,#fff0);transform:skew(-25deg);animation:shimmer 3s infinite}.professional-btn-primary.disabled:after{display:none}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.professional-btn-primary.disabled{background:#cbd5e1!important;color:#94a3b8!important;cursor:not-allowed!important;box-shadow:none!important}.professional-btn-primary:not(.disabled):hover{box-shadow:0 8px 20px #2563eb66!important;transform:translateY(-2px)!important}.exam-results-dashboard{background:#f8fafc;min-height:calc(100vh - 80px);padding:24px}.exam-results__container{max-width:1400px;margin:0 auto}.exam-results__header{margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.header-title-box{display:flex;align-items:center;gap:12px}.header-title-box h2{font-size:20px;font-weight:700;color:#1e293b;margin:0}.exam-results__summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.exam-summary-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s}.exam-summary-card:hover{transform:translateY(-2px)}.exam-summary-card__icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.icon--purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.icon--green{background:linear-gradient(135deg,#22c55e,#16a34a)}.icon--orange{background:linear-gradient(135deg,#f97316,#ea580c)}.icon--red{background:linear-gradient(135deg,#ef4444,#dc2626)}.exam-summary-card__info{display:flex;flex-direction:column}.exam-summary-card__title{font-size:14px;color:#64748b;font-weight:600;margin-bottom:4px}.exam-summary-card__value{font-size:28px;font-weight:800;color:#1e293b}.exam-results__table-wrapper{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:auto}.exam-results__table{width:100%;border-collapse:collapse}.exam-results__table th{background:#fdfdfd;padding:16px 20px;text-align:left;font-size:13px;font-weight:800;color:#475569;border-bottom:1.5px solid #f1f5f9;text-transform:capitalize}.exam-results__table td{padding:18px 20px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.exam-name-cell{display:flex;align-items:center;gap:12px;font-weight:500}.exam-icon-box{width:32px;height:32px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#64748b}.result-badge{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700}.result-badge.pass{background:#dcfce7;color:#166534}.result-badge.fail{background:#fee2e2;color:#991b1b}.accuracy-label{font-weight:700;color:#475569}.answer-summary-bars{display:flex;flex-direction:column;gap:4px}.ans-bar{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid transparent}.ans--correct{background:#f0fdf4;color:#166534;border-color:#dcfce7}.ans--wrong{background:#fff1f2;color:#9f1239;border-color:#ffe4e6}.ans--none{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.time-spent-cell,.submit-date-cell{font-weight:500;color:#475569;white-space:nowrap}.td-flex-container{display:flex;align-items:center;gap:8px;height:100%}.action-cell{width:160px;text-align:center}.btn-view-detail{background:#fff;border:1px solid #e2e8f0;color:#3b82f6;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-view-detail:hover{background:#eff6ff;border-color:#3b82f6}.review-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;justify-content:flex-end}.review-drawer{width:60%;max-width:900px;background:#fff;height:100vh;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.review-drawer__header{padding:24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:16px}.btn-close-drawer{background:none;border:none;cursor:pointer;color:#94a3b8;transition:color .2s}.btn-close-drawer:hover{color:#ef4444}.review-drawer__header h3{margin:0;font-size:20px;font-weight:800;color:#1e293b}.review-drawer__content{flex:1;overflow-y:auto;padding:30px;background:#fdfdfd}.review-info-table{width:100%;border-collapse:collapse;margin-bottom:30px;background:#fff;border:1px solid #e2e8f0}.review-info-table td{padding:16px;border:1px solid #e2e8f0;font-size:14px}.review-info-table .label{background:#f8fafc;font-weight:700;color:#475569;width:180px}.review-info-table .value{color:#1e293b}.detail-section-title{text-align:center;font-size:16px;font-weight:800;color:#475569;margin:40px 0 24px;position:relative}.detail-section-title:after{content:"";display:block;width:60px;height:3px;background:#3b82f6;margin:8px auto;border-radius:2px}.review-questions-list{display:flex;flex-direction:column;gap:24px}.review-q-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:24px;position:relative;transition:all .2s}.review-q-card.correct{border-left:5px solid #22c55e}.review-q-card.wrong{border-left:5px solid #ef4444}.review-q-card.skip{border-left:5px solid #94a3b8}.review-q-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.q-info{display:flex;flex-direction:column;gap:4px}.q-status-tag{font-size:12px;font-weight:800;text-transform:uppercase}.q-status-tag.correct{color:#16a34a}.q-status-tag.wrong{color:#dc2626}.q-status-tag.skip{color:#64748b}.q-type{font-size:13px;color:#94a3b8;font-weight:500}.q-points{font-size:14px;font-weight:700;color:#475569}.review-q-text{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:20px;line-height:1.6}.review-q-options{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.review-opt{padding:10px 16px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:12px;color:#475569;border:1px solid #f1f5f9}.opt-label{font-weight:800}.review-opt.is-correct{background:#f0fdf4;border-color:#22c55e;color:#166534;font-weight:600}.review-opt.is-wrong{background:#fff1f2;border-color:#ef4444;color:#991b1b;font-weight:600}.icon-status{margin-left:auto}.review-q-summary{background:#f8fafc;padding:16px;border-radius:8px;font-size:14px;color:#475569;margin-bottom:20px}.review-q-summary p{margin:4px 0}.review-q-explanation{border-top:1px dashed #e2e8f0;padding-top:20px}.exp-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#1e293b;margin-bottom:12px}.exp-content{font-size:14px;line-height:1.7;color:#475569;white-space:pre-wrap}.review-drawer__footer{padding:20px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.btn-footer-close{background:#fff;border:1px solid #e2e8f0;color:#475569;padding:10px 24px;border-radius:8px;font-weight:700;text-transform:capitalize;cursor:pointer;transition:all .2s}.btn-footer-close:hover{background:#f8fafc;border-color:#94a3b8}.detail-loading,.results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;color:#64748b;gap:16px}.exam-results__empty-state{padding:80px 0;text-align:center;color:#94a3b8}.exam-results__empty-state h3{color:#475569;margin:16px 0 8px}@media(max-width:1024px){.review-drawer{width:90%}}@media(max-width:768px){.exam-results-dashboard{padding:10px;min-height:auto}.exam-results__header{padding:12px 14px;margin-bottom:14px;border-radius:10px}.header-title-box h2{font-size:16px}.exam-results__summary-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.exam-summary-card{padding:14px;border-radius:12px;gap:12px}.exam-summary-card__icon{width:40px;height:40px;border-radius:10px}.exam-summary-card__value{font-size:20px}.exam-summary-card__title{font-size:12px}.exam-results__table-wrapper{border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.exam-results__table{min-width:700px}.exam-results__table th{padding:10px 12px;font-size:11px;white-space:nowrap}.exam-results__table td{padding:12px;font-size:13px}.review-drawer{width:100%;max-width:100%}.review-drawer__header{padding:14px}.review-drawer__header h3{font-size:16px}.review-drawer__content{padding:14px}.review-q-card{padding:14px;border-radius:10px}.review-q-text{font-size:14px;margin-bottom:14px}.review-opt{padding:10px 12px;font-size:13px;gap:8px}.review-info-table tr{display:flex;flex-direction:column}.review-info-table .label{width:100%}.review-info-table td{padding:10px 12px;font-size:13px}.review-drawer__footer{padding:12px 14px}.btn-view-detail{padding:6px 10px;font-size:12px}.action-cell{width:auto}}@media(max-width:480px){.exam-results__summary-grid{grid-template-columns:1fr 1fr;gap:8px}.exam-summary-card{padding:10px;gap:10px}.exam-summary-card__icon{width:34px;height:34px}.exam-summary-card__value{font-size:18px}}.theory-practice{max-width:100%;padding:24px;background:#f4f6f8;min-height:calc(100vh - 92px);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.tp-banner{background:#fff;border-radius:12px;padding:32px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d;margin-bottom:24px}.tp-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6)}.tp-banner__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.tp-banner__left{display:flex;gap:20px;align-items:center}.tp-banner__icon{width:64px;height:64px;background:linear-gradient(135deg,#34d399,#3b82f6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tp-banner__info h1{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.theory-practice .tp-badge{background:#ecfdf5!important;color:#059669!important;font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase;display:inline-block}.tp-subtitle{font-size:14px;color:#64748b}.tp-banner__stats{display:flex;gap:24px}.tp-stat-item{display:flex;align-items:center;gap:12px}.tp-stat-icon{width:40px;height:40px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0d9488}.tp-stat-text{display:flex;flex-direction:column}.tp-stat-value{font-size:18px;font-weight:700;color:#1e293b}.tp-stat-label{font-size:12px;color:#64748b}.tp-banner__notice{background:#f0fdf4;border:1px solid #bbf7d0;padding:16px;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.tp-banner__notice svg{color:#16a34a;flex-shrink:0;margin-top:2px}.tp-banner__notice p{margin:0;font-size:13px;line-height:1.6;color:#475569}.tp-chapter{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.tp-chapter__header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s}.tp-chapter__header:hover{background:#f8fafc}.tp-chapter__header-left{display:flex;gap:16px;align-items:center;flex:1}.tp-chapter__number{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#10b981,#0369a1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.tp-chapter__title-group h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 6px}.tp-chapter__title-group p{margin:0;font-size:13px;color:#64748b}.tp-chapter__header-right{display:flex;align-items:center;gap:24px}.tp-chapter__stats{display:flex;gap:16px}.tp-chapter__stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.tp-chapter__arrow{color:#94a3b8;transition:transform .3s}.tp-chapter--open .tp-chapter__arrow{transform:rotate(180deg)}.tp-chapter__content{padding:0 24px 24px;display:flex;flex-wrap:wrap;gap:20px}.tp-lesson-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;width:320px;box-shadow:0 1px 2px #00000005;transition:box-shadow .2s,transform .2s}.tp-lesson-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.tp-lesson__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tp-lesson__part{background:#f0fdf4;color:#16a34a;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.tp-lesson__questions{font-size:12px;color:#64748b}.tp-lesson__questions span{font-weight:700;color:#1e293b;font-size:14px}.tp-lesson__title{font-size:15px;font-weight:600;color:#1e293b;line-height:1.4;margin-bottom:32px;min-height:42px}.tp-lesson__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:16px}.tp-lesson__status{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.tp-lesson__status-dot{width:8px;height:8px;background:#cbd5e1;border-radius:50%;transition:all .3s ease}.tp-lesson__status-dot--active{background:#3b82f6;box-shadow:0 0 8px #3b82f666}.tp-lesson__btn{color:#3b82f6;font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .2s}.tp-lesson__btn:hover{color:#2563eb}@media(max-width:768px){.theory-practice{padding:10px;min-height:auto}.tp-banner{padding:16px;margin-bottom:14px;border-radius:10px}.tp-banner__top{flex-direction:column;gap:14px;margin-bottom:14px}.tp-banner__left{gap:12px}.tp-banner__icon{width:44px;height:44px;border-radius:12px}.tp-banner__info h1{font-size:17px;margin-bottom:6px}.tp-banner__stats{gap:14px;flex-wrap:wrap}.tp-stat-icon{width:34px;height:34px;border-radius:8px}.tp-stat-value{font-size:15px}.tp-stat-label{font-size:11px}.tp-banner__notice{padding:12px}.tp-banner__notice p{font-size:12px}.tp-chapter{margin-bottom:12px;border-radius:10px}.tp-chapter__header{padding:14px;flex-direction:column;align-items:flex-start;gap:10px}.tp-chapter__header-left{gap:12px}.tp-chapter__number{width:38px;height:38px;border-radius:10px;font-size:15px}.tp-chapter__title-group h3{font-size:14px;margin-bottom:3px}.tp-chapter__title-group p{font-size:12px}.tp-chapter__header-right{width:100%;justify-content:space-between}.tp-chapter__stats{gap:10px}.tp-chapter__stat{font-size:12px}.tp-chapter__content{padding:0 14px 14px;gap:10px}.tp-lesson-card{width:100%;padding:14px;border-radius:10px}.tp-lesson__header{margin-bottom:10px}.tp-lesson__title{font-size:13px;min-height:auto;margin-bottom:14px}.tp-lesson__footer{padding-top:12px}}@media(max-width:480px){.theory-practice{padding:6px}.tp-banner{padding:12px;border-radius:8px}.tp-banner__info h1{font-size:15px}.tp-banner__icon{width:38px;height:38px}.tp-chapter__header{padding:12px;gap:8px}.tp-chapter__number{width:34px;height:34px;font-size:14px}.tp-chapter__content{padding:0 10px 10px;gap:8px}.tp-lesson-card{padding:12px}}.practice-view{display:flex;flex-direction:column;height:100vh;min-height:100dvh;width:100%;background:#f1f5f9;overflow:hidden}.practice-header{height:60px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 40px;flex-shrink:0;z-index:10}.btn-back-coll{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.btn-back-coll:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.badge-type-blue{background:#eff6ff;color:#3b82f6;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.header-hint-text{font-size:12px;color:#94a3b8}.header-right{display:flex;align-items:center;gap:16px}.badge-progress-blue{background:#3b82f6;color:#fff;padding:4px 16px;border-radius:20px;font-size:13px;font-weight:700}.practice-layout{flex:1;display:grid;grid-template-columns:1fr 400px;gap:0;width:100%;background:#fff;overflow:hidden}.practice-main{display:flex;flex-direction:column;background:#f8fafc;padding:40px;overflow-y:auto;border-right:1px solid #e2e8f0}.practice-q-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:30px}.q-body{display:flex;gap:12px;margin-bottom:20px}.q-idx{font-size:20px;font-weight:800;color:#3b82f6;line-height:1.2}.q-txt{font-size:18px;font-weight:600;color:#1e293b;line-height:1.6;margin:0}.q-meta{border-top:1px solid #f1f5f9;padding-top:16px;display:flex;justify-content:space-between;align-items:center}.q-path{font-size:12px;color:#94a3b8;font-weight:500}.q-pts-badge{background:#f1f5f9;color:#475569;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:700}.practice-options-list{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.option-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;align-items:stretch;min-height:60px}.option-item:hover:not(.state-correct):not(.state-wrong){border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px)}.option-item.is-selected:not(.state-correct):not(.state-wrong){border-color:#3b82f6;background:#eff6ff}.option-marker{width:60px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#64748b;border-right:2px solid #e2e8f0;flex-shrink:0;transition:all .2s}.option-content{padding:16px 24px;font-size:16px;font-weight:500;color:#334155;display:flex;align-items:center}.option-item.state-correct .option-marker{background:#10b981;color:#fff;border-right-color:#10b981}.option-item.state-correct .option-content{color:#065f46}.option-item.state-wrong .option-marker{background:#ef4444;color:#fff;border-right-color:#ef4444}.option-item.state-wrong .option-content{color:#991b1b}.practice-footer{margin-top:auto;padding-top:40px;display:flex;justify-content:space-between;align-items:center}.footer-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-box{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px}.status-box.pass{background:#d1fae5;color:#065f46}.status-box.fail{background:#fee2e2;color:#991b1b}.footer-nav{display:flex;align-items:center;gap:16px;justify-content:flex-end}.btn-save-question-bank{background:#fff;border:1px solid #f59e0b;color:#d97706;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-save-question-bank:hover:not(:disabled){background:#fff7ed;border-color:#ea580c;color:#c2410c}.btn-save-question-bank:disabled,.btn-save-question-bank.is-saved{background:#f0fdf4;border-color:#16a34a;color:#15803d;cursor:default}.btn-nav-prev,.btn-nav-next{padding:12px 28px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-nav-prev{background:#fff;border:1px solid #e2e8f0;color:#64748b}.btn-nav-prev:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-nav-prev:disabled{opacity:.5;cursor:not-allowed}.btn-nav-next{background:#10b981;border:none;color:#fff;padding:14px 36px;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #10b98166}.btn-nav-next:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.practice-sidebar{background:#f8fafc!important;border-radius:20px!important;border:1px solid #e2e8f0!important;height:fit-content!important;position:sticky!important;top:0!important;box-shadow:0 4px 12px #00000005!important;align-self:start!important;margin-top:0!important;margin-bottom:0!important;padding:24px!important}.sidebar-section{padding:0!important;margin:0!important}.sidebar-section__title{margin-top:0!important;margin-bottom:20px!important;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.sidebar-section__title h4{font-size:17px;font-weight:700;color:#1e293b;margin:0;white-space:nowrap}.status-hint-sidebar{font-size:12px;color:#94a3b8;font-weight:500}.status-hint-sidebar.success{color:#10b981}.sidebar-analysis-content{display:flex;flex-direction:column;gap:24px}.correct-answer-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:16px}.box-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0369a1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.box-value{font-size:15px;font-weight:600;color:#0c4a6e;line-height:1.5}.analysis-detail-section .section-label,.analysis-tips-section .section-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#334155;margin-bottom:12px}.section-text{font-size:14px;color:#64748b;line-height:1.6}.tips-list{padding-left:18px;margin:0}.tips-list li{font-size:13px;color:#64748b;margin-bottom:8px;line-height:1.5}.sidebar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:20px;text-align:center;color:#cbd5e1}.sidebar-placeholder p{margin-top:16px!important;font-size:14px;color:#94a3b8}.text-orange{color:#f59e0b}.practice-loading,.practice-empty{height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.btn-back-link{background:#3b82f6;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer}@media(max-width:1200px){.practice-layout{grid-template-columns:1fr 340px}.practice-main{padding:28px}.practice-sidebar{padding:24px}.practice-header{padding:0 20px}}@media(max-width:992px){.practice-view{height:auto;overflow:visible}.practice-header{height:auto;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.header-left{width:100%;flex-wrap:wrap;gap:10px}.header-right{width:100%;justify-content:flex-start}.header-hint-text{font-size:11px}.practice-layout{display:flex;flex-direction:column;overflow:visible}.practice-main{padding:16px;border-right:none;overflow:visible}.practice-q-card{padding:18px 16px;margin-bottom:20px;border-radius:12px}.q-idx{font-size:18px}.q-txt{font-size:16px;line-height:1.5}.q-meta{flex-direction:column;align-items:flex-start;gap:8px}.practice-options-list{gap:12px;margin-bottom:24px}.option-marker{width:52px;font-size:14px}.option-content{padding:14px 16px;font-size:15px}.practice-sidebar{height:auto;padding:20px 16px;border-top:1px solid #e2e8f0}.sidebar-section__title{margin-bottom:18px}.sidebar-placeholder{padding-top:30px}.practice-footer{flex-direction:column;align-items:stretch;gap:14px;margin-top:20px;padding-top:0}.footer-status{width:100%}.btn-save-question-bank{width:100%;justify-content:center}.status-box{width:100%;font-size:13px;padding:10px 12px}.footer-nav{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:10px}.btn-nav-prev,.btn-nav-next{flex:1;text-align:center;padding:12px 14px;font-size:14px}.btn-nav-next{box-shadow:none}}@media(max-width:640px){.practice-header{padding:10px 12px}.header-left{gap:8px}.btn-back-coll{padding:6px 10px;font-size:12px;gap:6px}.badge-type-blue{padding:4px 10px;font-size:11px}.badge-progress-blue{padding:4px 12px;font-size:12px}.practice-main{padding:12px}.practice-q-card{padding:16px 12px}.q-body{gap:10px}.q-txt{font-size:15px}.q-path{font-size:11px}.q-pts-badge{font-size:10px}.option-item{min-height:56px}.option-marker{width:46px}.option-content{padding:12px;font-size:14px}.practice-sidebar{padding:16px 12px}.sidebar-section__title h4{font-size:16px}.box-value,.section-text{font-size:13px}.tips-list li{font-size:12px}.btn-nav-prev,.btn-nav-next{font-size:13px}}.error-collection-page{padding:30px;background:#f8fafc;min-height:100vh}.tp-banner-container{margin-bottom:32px}.ec-premium-banner{background:#fff;border-radius:16px;padding:32px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.ec-premium-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#ef4444)}.tp-banner__content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.tp-banner__main{display:flex;gap:24px;align-items:center}.ec-icon-bg{width:64px;height:64px;background:linear-gradient(135deg,#fef3c7,#fee2e2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0}.tp-banner__info h1{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 8px}.tp-banner__meta{display:flex;align-items:center;gap:12px}.error-collection-page .tp-badge{background:#fee2e2;color:#ef4444;font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase}.tp-subtitle{font-size:14px;color:#64748b;font-weight:500}.tp-banner__stats{display:flex;align-items:center;gap:32px}.ec-btn-practice-main{background:#3b82f6;color:#fff;border:none;padding:12px 28px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #3b82f64d}.ec-btn-practice-main:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 15px 25px -5px #3b82f666}.tp-banner__notice{background:#f0fdf4;border:1px solid #dcfce7;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:13px;color:#166534}.ec-banner-analysis{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-bottom:20px}.analysis-item{display:flex;flex-direction:column;gap:12px}.analysis-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#475569}.analysis-tags{display:flex;flex-wrap:wrap;gap:12px}.top-error-tag{background:#fff;border:1px solid #e2e8f0;padding:6px 14px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:0 2px 4px #00000005}.tag-rank{color:#ef4444;font-weight:900}.tag-text{color:#1e293b;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-count{background:#fee2e2;color:#ef4444;font-size:11px;font-weight:800;padding:2px 8px;border-radius:4px}.q-analysis-info-premium{display:flex;flex-direction:column;gap:8px;align-items:flex-end;margin-bottom:12px}.analysis-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 12px;border-radius:6px;width:fit-content}.analysis-row.mistake{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.analysis-row.manual{background:#ebf8ff;color:#2b6cb0;border:1px solid #bee3f8}.analysis-icon{display:flex;align-items:center;justify-content:center;opacity:.8}.analysis-text b{font-weight:800}.action-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;transition:all .2s;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569}.ec-stats-grid-premium{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.ec-stat-card-p{background:#fff;border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px -1px #00000008;border:1px solid #f1f5f9;transition:all .3s ease}.ec-stat-card-p:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000000d}.card-p-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.ec-stat-card-p.purple .card-p-icon{background:#f5f3ff;color:#8b5cf6}.ec-stat-card-p.blue .card-p-icon{background:#eff6ff;color:#3b82f6}.ec-stat-card-p.sky .card-p-icon{background:#f0f9ff;color:#0ea5e9}.ec-stat-card-p.navy .card-p-icon{background:#f8fafc;color:#1e3a8a}.ec-stat-card-p .stat-value{font-size:28px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:4px}.ec-stat-card-p .stat-label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ec-filters-row{display:flex;justify-content:space-between;margin-bottom:24px;background:#fff;padding:16px;border-radius:12px}.filter-group{display:flex;gap:12px}.ec-select{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;outline:none}.ec-search-box{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;width:350px}.ec-search-box input{flex:1;padding:8px 16px;border:none;outline:none;font-size:14px}.btn-search-icon{background:#3b82f6;color:#fff;border:none;padding:8px 12px;cursor:pointer}.ec-bulk-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#f8fafc;padding:12px 20px;border-radius:12px;border:1px solid #e2e8f0}.bulk-left{display:flex;align-items:center;gap:24px}.checkbox-wrap{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#475569}.btn-practice-selected{background:#fff;border:1px solid #e2e8f0;color:#94a3b8;padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;cursor:not-allowed}.btn-practice-selected:not(:disabled){color:#3b82f6;border-color:#3b82f6;cursor:pointer}.bulk-right{display:flex;align-items:center;gap:50px}.selected-count{font-size:13px;color:#64748b}.btn-delete-bulk{background:none;border:none;color:#94a3b8;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:not-allowed}.btn-delete-bulk:not(:disabled){color:#ef4444;cursor:pointer}.ec-questions-list{display:flex;flex-direction:column;gap:16px}.ec-q-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;padding:24px;display:flex;justify-content:space-between;transition:all .2s}.ec-q-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f60d}.ec-q-card__left{display:flex;gap:16px}.q-index{font-weight:800;color:#3b82f6}.q-badges{display:flex;gap:12px;margin-bottom:12px}.badge-type{background:#f0fdf4;color:#166534;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:700}.badge-points{background:#fff7ed;color:#9a3412;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:700}.q-text{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:16px;line-height:1.5}.q-footer-info{display:flex;gap:20px;font-size:12px;color:#94a3b8}.q-footer-info span{display:flex;align-items:center;gap:4px}.ec-q-card__right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:150px}.wrong-times-badge{background:#fee2e2;color:#ef4444;padding:2px 12px;border-radius:6px;font-size:11px;font-weight:800}.q-card-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.action-item{background:none;border:none;color:#64748b;font-size:13px;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.action-item:hover{background:#f1f5f9;color:#1e293b}.action-item.delete:hover{color:#ef4444}.ec-loading,.ec-empty{padding:100px 0;text-align:center;color:#64748b}.ec-empty p{margin-top:16px}.q-options-preview-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.opt-item{background:#f8fafc;border:1px solid #e2e8f0;padding:10px 16px;border-radius:8px;font-size:14px;color:#475569;display:flex;align-items:center;gap:10px;transition:all .2s ease}.opt-item .opt-label{width:24px;height:24px;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;font-weight:800}.opt-item.correct{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.opt-item.correct .opt-label{background:#22c55e;color:#fff}.q-explanation-box-premium{background:#fcfaff;border-left:4px solid #8b5cf6;padding:16px;border-radius:0 12px 12px 0;margin-top:16px}.exp-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#7c3aed;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.exp-content{font-size:14px;color:#4b5563;line-height:1.6}.animate-spin{animation:spin 1s linear infinite}@media(max-width:1200px){.error-collection-page{padding:24px}.tp-banner__content{flex-direction:column;align-items:flex-start;gap:20px}.tp-banner__stats{width:100%;justify-content:space-between;flex-wrap:wrap;gap:16px}.ec-stats-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ec-search-box{width:100%;max-width:360px}}@media(max-width:992px){.error-collection-page{padding:16px}.ec-premium-banner{padding:20px}.tp-banner__main{flex-direction:column;align-items:flex-start;gap:14px}.tp-banner__meta{flex-direction:column;align-items:flex-start;gap:8px}.tp-subtitle{line-height:1.5}.tp-banner__stats{flex-direction:column;align-items:flex-start;width:100%;gap:12px}.ec-btn-practice-main{width:100%;justify-content:center}.ec-stats-grid-premium{grid-template-columns:1fr}.ec-stat-card-p{padding:18px;gap:14px}.ec-filters-row{flex-direction:column;gap:12px;align-items:stretch}.filter-group{flex-wrap:wrap;width:100%}.ec-select{flex:1;min-width:190px}.search-group{width:100%}.ec-search-box{max-width:none}.ec-bulk-actions{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.bulk-left,.bulk-right{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}.ec-q-card{flex-direction:column;gap:16px;padding:16px}.ec-q-card__left{width:100%;gap:12px}.q-badges{flex-wrap:wrap;gap:8px}.q-footer-info{flex-direction:column;gap:8px;align-items:flex-start}.ec-q-card__right{width:100%;min-width:0;align-items:flex-start;gap:12px}.q-analysis-info-premium{align-items:flex-start;width:100%}.analysis-row{width:100%}.q-card-actions{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.q-card-actions .action-item{border:1px solid #e2e8f0;background:#fff;padding:6px 10px;border-radius:8px}}@media(max-width:768px){.error-collection-page{padding:12px}.ec-premium-banner{padding:16px;border-radius:12px}.ec-icon-bg{width:52px;height:52px}.tp-banner__info h1{font-size:20px}.tp-banner__notice{padding:12px 14px;font-size:12px}.top-error-tag{width:100%;justify-content:space-between}.tag-text{max-width:100%}.ec-select{min-width:0;width:100%}.ec-search-box{width:100%}.btn-practice-selected{width:100%;justify-content:center}.bulk-right{align-items:center}.ec-q-card__left{align-items:flex-start;flex-wrap:wrap}.q-index{font-size:15px}.q-text{font-size:14px}.q-footer-info{font-size:11px}.analysis-row{font-size:12px;padding:4px 10px}.q-card-actions .action-item{width:100%;justify-content:center}}@media(max-width:560px){.error-collection-page{padding:10px}.tp-banner-container,.ec-stats-grid-premium,.ec-filters-row,.ec-bulk-actions{margin-bottom:16px}.ec-btn-practice-main{padding:10px 14px;font-size:14px}.ec-stat-card-p{flex-direction:column;align-items:flex-start}.card-p-icon{width:48px;height:48px}.ec-stat-card-p .stat-value{font-size:24px}.ec-filters-row{padding:12px}.ec-select,.ec-search-box input{font-size:13px}.btn-search-icon{padding:8px 10px}.selected-count{font-size:12px}.badge-type,.badge-points,.tag-count{font-size:10px}}.practice-view{background:#f8fafc;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:Inter,-apple-system,system-ui,sans-serif;color:#1e293b}.practice-header{height:72px;background:#fff;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;padding:0 40px;box-shadow:0 1px 3px #00000005;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:20px}.btn-back-coll{background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;color:#475569;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-back-coll:hover{background:#f8fafc;color:#0f172a;transform:translate(-2px);box-shadow:0 4px 6px -1px #0000000d}.badge-type-red{background:#ef4444;color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.header-hint-text{font-size:13px;color:#94a3b8;font-weight:500}.header-right{display:flex;align-items:center;gap:12px}.badge-progress-blue{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;padding:4px 14px;border-radius:10px;font-size:13px;font-weight:800}.badge-wrong-pink{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;padding:4px 14px;border-radius:10px;font-size:13px;font-weight:800}.practice-layout{flex:1;display:grid;grid-template-columns:1fr 400px;gap:0;width:100%;background:#fff}.practice-main{display:flex;flex-direction:column;background:#f8fafc;padding:40px;overflow-y:auto}.practice-q-card{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 4px 20px #00000008;border:1px solid #e2e8f0}.q-body{display:flex;gap:16px;margin-bottom:16px}.q-idx{font-size:20px;font-weight:900;color:#ef4444;line-height:1.2}.q-txt{font-size:16px;font-weight:700;color:#0f172a;line-height:1.5}.q-meta{display:flex;justify-content:space-between;align-items:center;border-top:1.5px solid #f1f5f9;padding-top:16px}.q-path{font-size:13px;color:#94a3b8;font-weight:500}.q-pts-badge{background:#f0fdf4;color:#166534;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:800}.practice-options-list{display:flex;flex-direction:column;gap:16px}.option-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:60px;gap:16px}.option-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 15px -3px #0000000d}.option-marker{background:#f1f5f9;color:#64748b;min-width:44px;height:36px;padding:0 12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border-radius:8px!important;flex-shrink:0;border:none}.option-content{flex:1;font-weight:500;color:#334155;font-size:15px;padding:0;line-height:1.5}.option-item.state-correct{border-color:#10b981;background:#f0fdf4}.option-item.state-correct .option-marker{background:#10b981;color:#fff}.option-item.state-wrong{border-color:#ef4444;background:#fef2f2}.option-item.state-wrong .option-marker{background:#ef4444;color:#fff}.practice-sidebar{background:#f8fafc;border-radius:20px;border:1px solid #e2e8f0;height:fit-content;position:sticky;top:104px;box-shadow:0 4px 12px #00000005}.sidebar-section{padding:32px}.sidebar-section__title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.sidebar-section__title h4{font-size:16px;font-weight:900;color:#0f172a;margin:0;flex:1}.status-hint-sidebar{font-size:11px;background:#fff;padding:4px 10px;border-radius:6px;color:#64748b;border:1px solid #e2e8f0}.status-hint-sidebar.success{background:#f0fdf4;color:#166534;border-color:#dcfce7}.correct-answer-box{background:#f0fdf4;border-radius:12px;padding:20px;margin-bottom:24px;border-left:5px solid #10b981}.box-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:#166534;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.box-value{font-size:15px;font-weight:700;color:#059669}.analysis-detail-section{margin-bottom:30px}.section-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;color:#334155;margin-bottom:16px}.section-text{font-size:14px;line-height:1.8;color:#475569}.tips-list{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:14px}.tips-list li{font-size:13px;color:#64748b;line-height:1.5;position:relative;padding-left:20px}.tips-list li:before{content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;background:#ef4444;border-radius:50%}.practice-footer{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;margin-top:auto;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #00000005}.status-box{background:#fff1f2;padding:10px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#ef4444;border:1px solid #fecdd3}.status-box.pass{background:#f0fdf4;color:#10b981;border-color:#a7f3d0}.status-box.fail{background:#fff1f2;color:#ef4444;border-color:#fecdd3}.footer-nav{display:flex;gap:16px}.btn-nav-prev{background:#f1f5f9;border:none;color:#64748b;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-nav-prev:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.btn-nav-next{background:#10b981;color:#fff;border:none;padding:14px 36px;border-radius:8px;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #10b98166}.btn-nav-next:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 18px #10b98180}.practice-loading,.practice-empty{flex:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fff}@media(max-width:1200px){.practice-layout{grid-template-columns:1fr 340px}.practice-main{padding:28px}.sidebar-section{padding:24px}.practice-header{padding:0 20px}}@media(max-width:992px){.practice-header{height:auto;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.header-left{width:100%;flex-wrap:wrap;gap:10px}.header-right{width:100%;flex-wrap:wrap;justify-content:flex-start}.header-hint-text{font-size:11px}.practice-layout{display:flex;flex-direction:column}.practice-main{padding:16px}.practice-q-card{padding:18px 16px;border-radius:12px}.q-idx{font-size:18px}.q-txt{font-size:16px;line-height:1.5}.q-meta{flex-direction:column;align-items:flex-start;gap:8px}.practice-options-list{gap:12px}.option-item{padding:10px 12px;gap:12px}.option-marker{min-width:40px;height:32px;padding:0 10px;font-size:13px}.option-content{font-size:14px}.practice-sidebar{position:static;top:auto;border-radius:12px}.sidebar-section{padding:20px 16px}.practice-footer{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.footer-nav{width:100%;gap:10px}.btn-nav-prev,.btn-nav-next{flex:1;text-align:center;padding:12px 14px}.status-box{width:100%;font-size:13px;padding:10px 12px}}@media(max-width:640px){.practice-header{padding:10px 12px}.btn-back-coll{padding:6px 10px;font-size:12px}.badge-type-red,.badge-progress-blue,.badge-wrong-pink{font-size:11px;padding:4px 10px}.practice-main{padding:12px}.practice-q-card{padding:14px 12px}.q-body{gap:10px}.q-txt{font-size:15px}.q-path{font-size:11px}.q-pts-badge{font-size:10px}.option-item{min-height:56px}.sidebar-section{padding:16px 12px}.sidebar-section__title{flex-wrap:wrap;gap:8px}.sidebar-section__title h4{font-size:15px}.box-value,.section-text{font-size:13px}.tips-list li{font-size:12px}.footer-nav{flex-direction:column}.btn-nav-prev,.btn-nav-next{width:100%;font-size:13px}}.question-library-page{display:flex;flex-direction:column;gap:18px}.qb-title-strip{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.qb-title-left{display:flex;align-items:center;gap:10px;color:#f59e0b}.qb-title-left h2{margin:0;color:#1e293b;font-size:31px;font-weight:800}.qb-refresh-btn{background:#10b981;border:none;color:#fff;border-radius:9px;height:38px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s ease,transform .2s ease}.qb-refresh-btn:hover{background:#059669;transform:translateY(-1px)}.qb-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qb-stat-card{background:#fff;border:1px solid #e5eaf2;border-radius:12px;min-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px 12px}.qb-stat-value{color:#3b82f6;font-size:42px;font-weight:800;line-height:1.1}.qb-stat-label{margin-top:8px;color:#64748b;font-size:15px;font-weight:500}.qb-filters-row{margin-bottom:0}.qb-filters-row .filter-group{gap:14px;flex-wrap:wrap}.qb-filters-row .ec-select{min-width:170px}.qb-filters-row .ec-search-box{width:min(420px,100%)}.qb-bulk-actions{margin-bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.qb-bulk-actions .bulk-left{gap:14px;flex-wrap:wrap}.qb-bulk-actions .bulk-right{justify-content:flex-end;gap:12px}.qb-bulk-center{font-size:13px;color:#64748b;text-align:center;font-weight:500}.library-q-card{border-left:4px solid #14b8a6!important}.question-library-page .ec-q-card{align-items:flex-start}.question-library-page .ec-q-card__left{flex:1;min-width:0}.question-library-page .ec-q-card__left input[type=checkbox]{margin-top:3px}.question-library-page .q-main{min-width:0}.question-library-page .q-text{margin-bottom:12px}.question-library-page .q-footer-info{gap:16px;flex-wrap:wrap}.qb-q-card__right{min-width:190px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.qb-q-points{color:#f59e0b;font-size:19px;font-weight:700}.qb-card-actions{align-items:flex-end;gap:10px}.qb-card-actions .action-item{padding:5px 8px}.qb-card-actions .action-item:not(.delete){color:#334155}.qb-card-actions .action-item:not(.delete):hover{color:#2563eb;background:#eff6ff}.qb-unfavorite{color:#ef4444!important}.qb-unfavorite:hover{background:#fff1f2!important}.question-library-page .ec-empty{background:#fff;border:1px dashed #d7dee9;border-radius:12px;padding:64px 24px}.question-library-page .ec-empty h3{color:#334155;margin:4px 0 8px}.question-library-page .ec-empty p{margin:0}@media(max-width:1200px){.qb-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qb-bulk-actions{grid-template-columns:1fr}.qb-bulk-center{text-align:left}.qb-bulk-actions .bulk-right{justify-content:flex-start}}@media(max-width:768px){.question-library-page{gap:10px}.qb-title-strip{flex-direction:column;align-items:flex-start;padding:10px 12px;border-radius:10px;gap:10px}.qb-title-left h2{font-size:18px}.qb-refresh-btn{width:100%;justify-content:center;height:36px;font-size:13px}.qb-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.qb-stat-card{min-height:70px;border-radius:10px;padding:8px 10px}.qb-stat-value{font-size:28px}.qb-stat-label{font-size:12px;margin-top:4px}.question-library-page .ec-q-card{flex-direction:column;gap:10px}.qb-q-card__right{width:100%;align-items:flex-start;min-width:auto;flex-direction:row;justify-content:space-between}.qb-card-actions{align-items:flex-start}.qb-filters-row .ec-select{min-width:140px}.question-library-page .ec-empty{padding:40px 16px}}@media(max-width:480px){.qb-title-left h2{font-size:16px}.qb-stats-grid{gap:6px}.qb-stat-card{min-height:60px;padding:6px 8px}.qb-stat-value{font-size:24px}.qb-stat-label{font-size:11px}}.lms-layout.is-dark .question-library-page .qb-title-strip,.lms-layout.is-dark .question-library-page .qb-stat-card,.lms-layout.is-dark .question-library-page .ec-empty{background:var(--lms-content-surface, #111827)!important;border-color:var(--lms-content-border, #334155)!important}.lms-layout.is-dark .question-library-page .qb-title-left h2{color:var(--lms-content-text, #e5e7eb)!important}.lms-layout.is-dark .question-library-page .qb-stat-label,.lms-layout.is-dark .question-library-page .qb-bulk-center{color:var(--lms-content-muted, #94a3b8)!important}.lms-layout.is-dark .question-library-page .qb-card-actions .action-item:not(.delete){color:var(--lms-content-text, #e5e7eb)!important}.lms-layout.is-dark .question-library-page .qb-card-actions .action-item:not(.delete):hover{background:#1f2937!important}:root{--primary-yellow: #0050b8;--bg-dark: #222222;--bg-card: #e1e1e1;--text-white: #ffffff;--text-gray: #b0b0b0;--text-black: #ffffff;--border-color: #555555}.mining-page{font-family:system-ui,-apple-system,sans-serif;color:var(--text-white);line-height:1.6;background-color:#fff;width:100%;overflow-x:hidden}.mining-page .container{max-width:1280px;margin:0 auto;padding:0 20px}.text-primary{color:var(--primary-yellow)!important}.hero-section{padding:80px 0;background:var(--bg-card);display:flex;align-items:center;min-height:85vh}.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media(min-width:992px){.hero-grid{grid-template-columns:1.1fr .9fr;gap:80px}}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.1;color:#0050b8;text-transform:uppercase;letter-spacing:1.5px;margin:0;text-shadow:none}.hero-title .text-primary{color:var(--primary-yellow);display:block;margin-top:5px}.hero-description{font-size:1.125rem;color:var(--text-gray);line-height:1.8;max-width:90%;margin:0;border-left:4px solid var(--primary-yellow);padding-left:20px}.hero-btn,.mining-page button{background-color:var(--primary-yellow)!important;color:#fff;font-weight:700;font-size:1rem;text-transform:uppercase;padding:16px 40px;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.hero-btn:hover{background-color:#e6b804!important;transform:translateY(-4px)}.hero-image img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(0,0,0,.15));animation:float 5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.services-section{padding:80px 0;background-color:#ecebeb!important}.section-title{text-align:center;font-size:2.25rem!important;font-weight:800;color:#fff!important;margin-bottom:80px;border-bottom:none!important}.services-container{display:flex;flex-direction:column;gap:100px}.service-block{display:flex;flex-direction:column;gap:40px;align-items:center}@media(min-width:992px){.service-block{flex-direction:row;gap:80px}.service-block-reverse{flex-direction:row-reverse}}.service-images{flex:1;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px}.service-image-card{width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000080;border:1px solid var(--border-color)}.service-image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.service-image-card:hover img{transform:scale(1.1)}.service-single-image{flex:1;width:100%;max-width:600px}.service-single-image img{width:100%;border-radius:20px;box-shadow:0 20px 25px #00000080;border:1px solid var(--border-color)}.service-content{flex:1;width:100%}.service-title{font-size:1.5rem!important;font-weight:700;color:var(--primary-yellow)!important;margin:-29px}.service-list{list-style:none;padding:0;margin:0}.service-list li{position:relative;padding-left:30px;margin-bottom:14px;color:var(--text-gray);font-size:1.1rem;line-height:1.6}.service-list li:before{content:"•";position:absolute;left:0;top:-6px;font-size:2rem;color:var(--primary-yellow);line-height:1}.bluehawk-section{padding:80px 0;text-align:center;background:var(--bg-card)}.bluehawk-title{font-size:3rem;font-weight:900;margin-bottom:20px;color:var(--primary-yellow)!important}.bluehawk-text{max-width:900px;margin:0 auto;font-size:1.1rem;color:var(--text-gray)}.video-section{position:relative;padding:100px 0;color:#fff;margin-top:40px}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1518659616089-a5499251873e?w=1600&q=80);background-size:cover;background-position:center;z-index:0}.video-bg:after{content:"";position:absolute;inset:0;background:#ecebeb}.video-container{position:relative;z-index:1}.video-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:50px;color:var(--primary-yellow)}.video-embed{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;border:4px solid rgba(255,255,255,.15);box-shadow:0 25px 50px -12px #00000080}.clients-section{padding:80px 0;background:#fff!important}.clients-title{text-align:center;font-size:1.8rem;font-weight:800;color:var(--primary-yellow)!important;margin-bottom:50px;text-transform:uppercase;letter-spacing:1px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:40px;align-items:center;justify-items:center}.client-logo{width:100%;height:110px;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:20px;transition:all .3s;background:var(--bg-card)}.client-logo:hover{border-color:var(--primary-yellow)}.client-logo img{max-height:100%;max-width:100%;filter:grayscale(100%);opacity:.5;transition:all .3s;transform:scale(1.1)}.client-logo img:hover{filter:grayscale(0);opacity:1;transform:scale(1.2)}:root{--primary-color: #000000;--secondary-color: #1a1a1a;--bg-body: #ffffff;--bg-card: #ffffff;--border-color: #e0e0e0;--text-gray: #666666;--text-black: #000000}.policy-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background-color:var(--bg-body);color:var(--primary-color);font-family:Roboto,sans-serif}.policy-header{margin-bottom:40px;animation:fadeInDown .8s ease}.policy-header-content{background-color:#fff;border-radius:8px;padding:40px;color:var(--primary-color);box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0}.policy-icon svg{stroke:var(--primary-color);fill:none}.policy-main-title{font-size:2.5rem;margin-bottom:20px;font-weight:700;color:var(--primary-color);line-height:1.2}.policy-intro{font-size:1.1rem;color:var(--text-gray);max-width:800px;line-height:1.7;margin-bottom:25px}.policy-meta{display:flex;gap:20px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--border-color)}.policy-update{display:flex;align-items:center;gap:10px;font-size:.95rem;opacity:.9;background-color:#f5f5f5;padding:8px 16px;border-radius:6px;color:var(--primary-color);border:1px solid #e8e8e8}.breadcrumb{margin-bottom:25px;font-size:14px;color:var(--text-gray)}.breadcrumb a{color:var(--secondary-color);text-decoration:none;font-weight:500}.breadcrumb a:hover{text-decoration:underline}.policy-content{animation:fadeInUp .8s ease .3s both}.policy-card{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:40px;margin-bottom:40px;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s}.policy-card:hover{box-shadow:0 2px 6px #00000014}.policy-card-content{line-height:1.8;color:var(--primary-color)}.policy-title{font-size:2rem;color:var(--primary-color);margin:30px 0 15px;padding-bottom:10px;border-bottom:2px solid var(--border-color);font-weight:700}.policy-subtitle{font-size:1.5rem;color:var(--secondary-color);margin:25px 0 12px;font-weight:600}.policy-subtitle-2{font-size:1.3rem;color:var(--secondary-color);margin:20px 0 10px;font-weight:600}.policy-paragraph{font-size:1.05rem;margin:12px 0;color:var(--primary-color);line-height:1.7;text-align:justify}.policy-list-item{font-size:1.05rem;margin:8px 0 8px 25px;color:var(--primary-color);line-height:1.6;position:relative;list-style:disc inside}.policy-paragraph strong{font-weight:600;color:var(--primary-color)}.policy-paragraph em{font-style:italic;color:var(--text-gray)}.policy-contact{margin-bottom:50px}.policy-contact-card{background-color:#f8f8f8;border-radius:8px;padding:40px;color:var(--primary-color);box-shadow:0 1px 3px #0000000f;border:1px solid #efefef}.policy-contact-card h3{font-size:1.7rem;margin-bottom:20px;font-weight:700;color:var(--primary-color)}.policy-contact-card p{font-size:1rem;margin-bottom:20px;line-height:1.6;color:var(--text-gray)}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item-policy{display:flex;align-items:center;gap:12px;font-size:1rem;padding:12px 16px;background-color:#fff!important;border-radius:6px;color:var(--primary-color);border:1px solid #e8e8e8;transition:border-color .2s}.contact-item-policy:hover{border-color:#d0d0d0}.contact-item:hover{transform:translate(3px)}.contact-item svg{flex-shrink:0;stroke:var(--primary-color)}.policy-footer{text-align:center;padding:30px 0;border-top:1px solid var(--border-color);margin-top:40px}.policy-footer p{font-size:1rem;color:var(--text-gray);margin-bottom:25px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.policy-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.policy-link{display:flex;align-items:center;gap:10px;padding:10px 20px;background-color:#f0f0f0;color:var(--primary-color)!important;text-decoration:none;border-radius:6px;font-weight:500;font-size:.95rem;border:1px solid #e0e0e0;transition:all .2s}.policy-link:hover{background-color:#e8e8e8;border-color:#d0d0d0}.policy-loading,.policy-error{text-align:center;padding:60px 20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f;border:1px solid #e8e8e8}.spinner{width:50px;height:50px;border:4px solid #e8e8e8;border-top:4px solid #000000;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.retry-btn{padding:10px 24px;background-color:#000;color:#fff;border:1px solid #000000;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.retry-btn:hover{background-color:#1a1a1a;border-color:#1a1a1a}@media(max-width:768px){.policy-container{padding:15px}.policy-header-content{padding:30px 20px}.policy-main-title{font-size:2rem}.policy-card{padding:25px 20px}.policy-title{font-size:1.8rem}.policy-subtitle{font-size:1.4rem}.policy-contact-card{padding:25px 20px}.policy-links{flex-direction:column;align-items:center}.policy-link{width:100%;max-width:300px;justify-content:center}.contact-item{flex-direction:column;text-align:center;gap:10px;padding:12px}.policy-paragraph{text-align:left;font-size:1rem}}@media(max-width:480px){.policy-main-title{font-size:1.6rem}.policy-intro{font-size:1rem}.policy-card-content,.policy-paragraph,.policy-list-item{font-size:.95rem}}:root{--primary-yellow: #0050b8 !important;--secondary-blue: #0050b8 !important;--bg-body: #e5e5e5 !important;--bg-card: #ffffff !important;--bg-card-hover: #f5f5f5;--text-white: #111111 !important;--text-gray: #555555 !important;--text-black: #111111 !important;--border-color: #e5e5e5;--important-bg: #fff3cd;--important-border: #ffecb5;--important-text: #856404}.terms-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background-color:var(--bg-body);color:var(--text-white);font-family:Roboto,sans-serif}.terms-header{margin-bottom:40px;animation:fadeInDown .8s ease}.terms-header-content{background-color:#006eff!important;border-radius:12px;padding:40px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px #006eff33}.terms-icon svg{stroke:#fff;fill:none}.terms-main-title{font-size:2.8rem;margin-bottom:20px;font-weight:700;color:#fff!important;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.terms-intro{font-size:1.2rem;opacity:.95;max-width:800px;line-height:1.7;margin-bottom:25px;color:#fffffff2!important}.terms-meta{display:flex;gap:25px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.terms-update,.terms-version{display:flex;align-items:center;gap:10px;font-size:.95rem;opacity:.9;background-color:#ffffff1a;padding:8px 16px;border-radius:50px;color:#fff}.breadcrumb{margin-bottom:25px;font-size:14px;color:var(--text-gray);padding:10px 0}.breadcrumb a{color:var(--primary-yellow);text-decoration:none;transition:color .3s;font-weight:500}.breadcrumb a:hover{color:#0050b8;text-decoration:underline}.breadcrumb span{color:#888;margin:0 8px}.terms-content{animation:fadeInUp .8s ease .3s both}.terms-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:40px;margin-bottom:40px;box-shadow:0 8px 25px #00000014;transition:transform .3s,box-shadow .3s}.terms-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.terms-card-content{line-height:1.8;color:var(--text-white)}.terms-title{font-size:2.2rem;color:var(--primary-yellow);margin:35px 0 20px;padding-bottom:15px;border-bottom:3px solid var(--primary-yellow);font-weight:700}.terms-subtitle{font-size:1.6rem;color:var(--secondary-blue);margin:30px 0 15px;font-weight:600}.terms-subtitle-2{font-size:1.3rem;color:var(--secondary-blue);margin:25px 0 12px;font-weight:600}.terms-paragraph{font-size:1.1rem;margin:15px 0;color:var(--text-white);line-height:1.7;text-align:justify}.terms-list-item{font-size:1.1rem;margin:10px 0 10px 25px;color:var(--text-white);line-height:1.6;position:relative;list-style:none}.terms-list-item:before{content:"•";color:var(--primary-yellow);font-weight:700;font-size:1.5rem;position:absolute;left:-25px;top:-2px}.terms-numbered-item{font-size:1.1rem;margin:10px 0 10px 25px;color:var(--text-white);line-height:1.6;padding-left:5px}.terms-paragraph strong{color:var(--text-black);font-weight:700}.terms-paragraph em{color:var(--text-gray);font-style:italic}.terms-important{margin:40px 0}.terms-important-card{background-color:#fff;border:2px solid #ffffff;border-radius:12px;padding:30px;color:var(--text-black);box-shadow:0 4px 15px #0000001a}.terms-important-card h3{font-size:1.6rem;margin-bottom:20px;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--text-black)}.important-items{display:flex;flex-direction:column;gap:20px}.important-item{display:flex;align-items:flex-start;gap:18px;padding:20px;background-color:#f8f9fa;border-radius:10px;transition:all .3s ease;border-left:3px solid transparent}.important-item:hover{transform:translate(8px);background-color:#fff;border-left-color:var(--primary-yellow);box-shadow:0 4px 12px #0050b826}.important-icon{font-size:1.3rem;font-weight:700;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-yellow);color:#fff;border-radius:50%;box-shadow:0 3px 10px #0050b840;flex-shrink:0}.important-text{flex:1;line-height:1.7}.important-text strong{color:var(--text-black);font-size:1.05rem;display:block;margin-bottom:5px}.terms-contact{margin-bottom:50px}.terms-contact-card{background-color:#0050b8!important;border-radius:12px;padding:40px;color:#fff;box-shadow:0 10px 30px #0050b833}.terms-contact-card h3{font-size:1.8rem;margin-bottom:20px;font-weight:700;color:#fff}.terms-contact-card p{font-size:1.1rem;opacity:.95;margin-bottom:25px;line-height:1.6;color:#fffffff2}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:15px;font-size:1.1rem;padding:12px 20px;background-color:#ffffff26;border-radius:8px;transition:transform .3s,background-color .3s;color:#fff}.contact-item:hover{transform:translate(10px);background-color:#ffffff40}.contact-item svg{flex-shrink:0;stroke:#fff}.terms-footer{padding:40px 0;border-top:1px solid var(--border-color);margin-top:40px}.acceptance-box{display:flex;align-items:flex-start;gap:20px;padding:25px;background-color:#f8f9fa;border-radius:12px;margin-bottom:30px;border-left:5px solid var(--primary-yellow)}.acceptance-icon{flex-shrink:0;width:50px;height:50px;background-color:var(--primary-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center}.acceptance-icon svg{stroke:#fff;stroke-width:3}.acceptance-text{flex:1}.acceptance-text p{font-size:1.1rem;color:var(--text-black);margin-bottom:10px;line-height:1.6}.acceptance-text small{font-size:.9rem;color:var(--text-gray);font-style:italic}.terms-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.terms-link{display:flex;align-items:center;gap:10px;padding:12px 25px;background-color:var(--primary-yellow);color:#fff!important;text-decoration:none;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #0050b84d}.terms-link:hover{background-color:#003b8e;transform:translateY(-3px);box-shadow:0 8px 25px #0050b866;color:#fff!important}.terms-link:nth-child(2){background-color:#006eff;box-shadow:0 4px 15px #006eff4d}.terms-link:nth-child(2):hover{background-color:#0050b8;box-shadow:0 8px 25px #006eff66}.terms-link:nth-child(3){background-color:#6c757d;box-shadow:0 4px 15px #6c757d4d}.terms-link:nth-child(3):hover{background-color:#545b62;box-shadow:0 8px 25px #6c757d66}.terms-loading{text-align:center;padding:100px 20px;background-color:var(--bg-card);border-radius:12px;box-shadow:0 8px 25px #0000001a}.spinner{width:60px;height:60px;border:4px solid rgba(0,80,184,.1);border-top:4px solid var(--primary-yellow);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 25px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.terms-loading p{font-size:1.2rem;color:var(--text-gray);font-weight:500}.terms-error{text-align:center;padding:80px 20px;background-color:var(--bg-card);border-radius:12px;box-shadow:0 8px 25px #0000001a}.terms-error h2{font-size:2rem;color:#e53e3e;margin-bottom:20px;font-weight:700}.terms-error p{font-size:1.1rem;color:var(--text-gray);margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.retry-btn{padding:12px 30px;background-color:var(--primary-yellow);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0050b84d}.retry-btn:hover{background-color:#003b8e;transform:translateY(-2px);box-shadow:0 8px 25px #0050b866}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.terms-container{padding:15px}.terms-header-content{padding:30px 20px}.terms-main-title{font-size:2rem}.terms-card{padding:25px 20px}.terms-title{font-size:1.8rem}.terms-subtitle{font-size:1.4rem}.terms-contact-card{padding:25px 20px}.terms-links{flex-direction:column;align-items:center}.terms-link{width:100%;max-width:300px;justify-content:center}.acceptance-box{flex-direction:column;text-align:center;padding:20px}.acceptance-icon{margin:0 auto}.important-item{flex-direction:column;text-align:center;padding:15px}.important-icon{margin:0 auto}.contact-item{flex-direction:column;text-align:center;gap:10px;padding:15px}}@media(max-width:480px){.terms-main-title{font-size:1.6rem}.terms-intro{font-size:1rem}.terms-card-content{font-size:.95rem}.terms-paragraph,.terms-list-item,.terms-numbered-item{font-size:1rem}.terms-meta{flex-direction:column;gap:10px}}.terms-contact-card,.terms-header-content,.contact-item{background-image:none!important;background:none!important}.terms-contact-card{background-color:#0050b8!important}.terms-header-content{background-color:#006eff!important}.contact-item{background-color:#ffffff26!important}.profile-page{background:#f5f7fa;min-height:100vh;padding:20px;color:#000}.profile-container{display:grid;grid-template-columns:200px 1fr;gap:30px;max-width:1400px;margin:0 auto;align-items:stretch}.profile-sidebar{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;height:auto}.user-card{padding:20px;text-align:center;border-bottom:1px solid #f0f0f0;height:auto}.user-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0050b8,#06c);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;margin:0 auto 15px}.user-name{font-size:1rem;font-weight:700;color:#000;max-width:14ch;white-space:normal;word-break:break-word;line-height:1.4;text-align:center;margin:0 auto 5px}.user-id{font-size:.8rem;color:#999;margin:0 0 15px;font-weight:500}.user-buttons{display:flex;flex-direction:row;gap:6px;flex-wrap:nowrap}.btn-home,.btn-profile{padding:5px 8px;border:1px solid #0050b8;background:#fff;color:#0050b8;border-radius:4px;cursor:pointer;font-size:.7rem;font-weight:600;transition:all .3s;white-space:nowrap;flex:1;text-align:center}.btn-home:hover{background:#f0f4ff}.btn-profile{background:#0050b8;color:#fff}.btn-profile:hover{background:#003d8a}.sidebar-menu{display:flex;flex-direction:column;gap:0;overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;color:#666;font-size:.9rem;transition:all .3s;text-align:left}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#f5f7fa;color:#0050b8}.menu-item.active{background:#e8f0ff;color:#0050b8;font-weight:600}.menu-item.menu-danger{color:#dc3545;margin-top:8px}.menu-item.menu-danger:hover{background:#fff5f5;color:#c82333}.menu-item.menu-danger.active{background:#ffebee;color:#c82333;font-weight:600}.profile-main{display:flex;flex-direction:column;gap:30px;height:100%}.badge-wall{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000000d}.badge-wall-header{margin-bottom:20px}.badge-wall-header h2{font-size:1.5rem;font-weight:700;margin:0;color:#000}.badge-tabs{display:flex;gap:15px;margin-bottom:25px;border-bottom:2px solid #f0f0f0;padding-bottom:15px;overflow-x:auto}.tab{padding:8px 0;background:none;border:none;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;border-bottom:3px solid transparent;transition:all .3s;white-space:nowrap}.tab:hover{color:#0050b8}.tab.active{color:#0050b8;border-bottom-color:#0050b8}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.badge-card{background:#f8f9fa;border:2px solid #e8f0ff;border-radius:12px;padding:20px;text-align:center;transition:all .3s;cursor:pointer}.badge-card:hover{border-color:#0050b8;box-shadow:0 4px 12px #0050b81a;transform:translateY(-2px)}.badge-icon{font-size:48px;margin-bottom:10px}.badge-name{font-size:.95rem;font-weight:600;color:#000;margin:0 0 5px}.badge-level{font-size:.85rem;color:#0050b8;font-weight:600;margin:0 0 8px}.badge-members{font-size:.8rem;color:#666;margin:0 0 12px}.btn-view-details{background:#0050b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s}.btn-view-details:hover{background:#003d8a;box-shadow:0 2px 8px #0050b833}.info-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000000d}.info-section h3{font-size:1.2rem;font-weight:700;margin:0 0 20px;color:#000}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;gap:15px;padding:15px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;transition:all .3s}.info-item:hover{background:#f0f4ff;border-color:#0050b8}.info-item svg{color:#0050b8;flex-shrink:0}.info-item div{flex:1}.info-item label{display:block;font-size:.8rem;color:#0050b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:5px}.info-item p{font-size:.95rem;color:#000;margin:0}.loading-container{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;color:#666}@media(max-width:1024px){.profile-container{grid-template-columns:180px 1fr;gap:20px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.personal-info-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000000d;min-height:500px}.section-title{font-size:1.1rem;font-weight:600;color:#666;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.info-card{margin-top:20px}.info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.info-left{flex:1}.info-name{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 25px}.info-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#0050b8,#06c);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;flex-shrink:0;position:relative;overflow:hidden;transition:transform .2s}.info-avatar-large:hover{transform:scale(1.05)}.info-avatar-large:hover .avatar-overlay{opacity:1!important}.info-grid{display:flex;flex-direction:column;gap:18px}.info-row{display:grid;grid-template-columns:200px 1fr;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{font-size:.9rem;color:#666;font-weight:500}.info-value{font-size:.95rem;color:#000;font-weight:500}.btn-uncollected{background:#fff;border:1px solid #ddd;padding:4px 12px;border-radius:4px;font-size:.85rem;color:#666;cursor:default}.registered-device-section{margin-top:24px;border-top:1px solid #e9edf3;padding-top:20px}.registered-device-title{margin:0 0 14px;font-size:1rem;font-weight:600;color:#1f2937}.registered-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.registered-device-card{border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#fff}.registered-device-label{font-size:.85rem;color:#4b5563;margin-bottom:8px;font-weight:600}.registered-device-image-link{display:block}.registered-device-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;background:#f8fafc}.registered-device-empty{width:100%;aspect-ratio:4 / 3;border-radius:6px;border:1px dashed #d1d5db;background:#f8fafc;color:#6b7280;font-size:.85rem;display:flex;align-items:center;justify-content:center;text-align:center}.user-home-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000000d}.welcome-title{font-size:1.8rem;font-weight:700;color:#000;margin:0 0 20px}.home-content{color:#666;line-height:1.6}@media(max-width:1024px){.profile-container{grid-template-columns:180px 1fr;gap:20px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.info-header{flex-direction:column-reverse;align-items:center}.info-avatar-large{width:100px;height:100px;font-size:40px}.info-row{grid-template-columns:150px 1fr}}@media(max-width:768px){.profile-container{grid-template-columns:1fr}.profile-sidebar{flex-direction:row;gap:15px;margin-bottom:20px}.user-card{flex:1;padding:15px}.sidebar-menu{flex-direction:row;flex-wrap:wrap;gap:10px;padding:10px;background:transparent;border:none;box-shadow:none}.menu-item{flex:1;min-width:100px;border:1px solid #e0e0e0;border-radius:4px;border-bottom:1px solid #e0e0e0;padding:8px 10px;font-size:.8rem}.badge-tabs{flex-wrap:wrap}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.info-grid{grid-template-columns:1fr}}.info-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.info-avatar-large{width:96px;height:96px;border-radius:50%;background:#06c;color:#fff;font-size:36px;font-weight:700;display:flex;align-items:center;justify-content:center}.btn-edit-profile{padding:10px 16px;border-radius:10px;border:1px solid #91caff;background:#e6f4ff;color:#262626;font-weight:600;cursor:pointer;transition:all .2s ease;display:block;margin:-10px auto 16px}.btn-edit-profile:hover{background:#bae0ff;border-color:#69b1ff;color:#003eb3;transform:translateY(-1px);box-shadow:0 4px 10px #1890ff40}.btn-large{width:100%;height:48px;font-size:16px;font-weight:600;border-radius:8px}.action-row{display:flex;gap:12px}.action-row .btn-large{flex:1}.btn-cancel{background:#ff0101;color:#fff;border:1px solid #000000;transition:all .2s ease}.btn-cancel:hover{background:#ff0004;border-color:#000;color:#fff}.profile-page{padding:clamp(10px,2vw,20px)}.profile-container{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:clamp(14px,2.2vw,30px)}.profile-container>*{min-width:0}.profile-main{min-width:0}@media(max-width:1024px){.profile-container{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:768px){.profile-page{padding:10px}.profile-container{grid-template-columns:1fr;gap:12px}.profile-sidebar{flex-direction:row;align-items:stretch;gap:0;width:100%}.user-card{flex:0 0 36%;max-width:170px;min-width:120px;padding:12px 10px;border-bottom:none;border-right:1px solid #f0f0f0}.user-name{max-width:100%;font-size:.9rem}.sidebar-menu{display:flex;flex-direction:column;gap:6px;padding:10px 8px;background:#fff;flex:1}.menu-item{min-width:0;justify-content:flex-start;text-align:left;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:.76rem;line-height:1.3}.personal-info-container,.info-section,.user-home-container,.badge-wall{padding:16px}.info-header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.info-left{flex:1;min-width:0}.info-avatar-wrapper{flex:0 0 auto;align-items:center}.info-avatar-large{width:84px;height:84px;font-size:30px}.info-name,.section-title{text-align:left}.info-grid{width:100%}.info-row{grid-template-columns:120px 1fr;gap:10px;align-items:start}}@media(max-width:420px){.profile-sidebar{flex-direction:row}.user-card{flex-basis:38%;min-width:112px;padding:10px 8px}.user-avatar{width:64px;height:64px;font-size:24px;margin-bottom:10px}.user-name{font-size:.82rem;line-height:1.3}.sidebar-menu{display:flex;flex-direction:column;gap:6px;padding:8px 6px}.menu-item{font-size:.72rem;justify-content:flex-start;text-align:left;padding:8px}.info-row{grid-template-columns:1fr;gap:4px}.info-header{gap:10px}.info-avatar-large{width:72px;height:72px;font-size:26px}.info-name,.section-title{text-align:left}.info-label{font-size:.82rem}.info-value{font-size:.9rem}.registered-device-grid{grid-template-columns:1fr}}.inline-edit-input{font-size:.95rem;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111;box-sizing:border-box}.inline-edit-input:focus{outline:2px solid rgba(0,80,184,.12);border-color:#69b1ff}.student-card-modern{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#4272c7,#182a61);border-radius:10px;overflow:hidden;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111;position:relative;box-sizing:border-box;padding:10px 10px 0}.student-card-modern__content{flex:1;background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex-direction:column;position:relative;overflow:hidden}.student-card-modern__content:before{content:"";position:absolute;top:0;left:0;right:0;height:95px;background:linear-gradient(180deg,#e6f0fa,#fff);z-index:0}.student-card-modern__header,.student-card-modern__avatar-section,.student-card-modern__info-section{position:relative;z-index:1}.student-card-modern__header{text-align:center}.student-card-modern__header-top{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 12px 6px;background:transparent}.student-card-modern__logo{height:56px;width:auto;max-width:80px;object-fit:contain}.student-card-modern__company{display:flex;flex-direction:column;text-align:left;justify-content:center}.company-title{font-size:11px;font-weight:700;color:#1a365d;letter-spacing:.5px;line-height:1.2;white-space:nowrap}.company-subtitle{font-size:11.5px;font-weight:800;color:#0b1f42;margin-top:1px;letter-spacing:.2px;line-height:1.2;white-space:nowrap}.company-subtitle-en{font-size:11.5px;font-weight:700;color:#4a5568;margin-top:4px;padding-top:4px;border-top:1px solid rgba(26,54,93,.2);letter-spacing:.2px;line-height:1.2;white-space:nowrap}.student-card-modern__title{font-size:18px;font-weight:900;color:#142168;text-transform:uppercase;letter-spacing:.5px}.student-card-modern__avatar-section{display:flex;justify-content:center;margin-top:12px;margin-bottom:15px}.student-card-modern__avatar-border{width:110px;height:146px;border:3px solid #63b3e3;border-radius:10px;padding:0;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 14px #00000014}.student-card-modern__avatar-border img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;flex-shrink:0;min-width:100%;min-height:100%}.student-card-modern__info-section{padding:0 24px 15px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.student-card-modern__info-row{display:flex;align-items:flex-start;margin-bottom:10px}.student-card-modern__info-label{flex:0 0 130px;color:#555;font-size:12px;padding-right:8px;box-sizing:border-box;font-weight:500;line-height:1.3}.student-card-modern__info-value{flex:1;color:#0f172a;font-size:14px;font-weight:700;word-break:break-word;line-height:1.3}.student-card-modern__footer{height:85px;display:flex;align-items:center;justify-content:flex-end;padding:0 24px;background:transparent}.footer-text{color:#fff;font-size:13px;line-height:1.4;letter-spacing:.5px}.footer-qr{width:74px;height:74px;background:#fff;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center}.footer-qr svg{width:100%;height:100%;display:block}.student-card-back .student-card-modern__content{position:relative;display:flex;flex-direction:column}.student-card-back__watermark{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);width:75%;opacity:.2;z-index:0;pointer-events:none;object-fit:contain}.student-card-back__rules{position:relative;z-index:1;padding:10px 24px 20px;font-size:13px;line-height:1.6;color:#1a365d;flex:1}.student-card-back__rules h4{font-size:15px;font-weight:800;margin-bottom:12px;margin-top:0;color:#142168}.student-card-back__rules ol{padding-left:20px;margin:0}.student-card-back__rules li{margin-bottom:8px;font-weight:500}.student-card-back__contact{width:100%;font-size:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.student-card-back__contact div{margin-bottom:0}.student-card-back__website{text-align:center}.student-card-back__footer{padding:8px 16px;display:flex;flex-direction:column;justify-content:center;color:#fff;font-size:11px;letter-spacing:.5px;font-weight:600;background:transparent}@media print{@page{size:75mm 110mm;margin:0}body{margin:0;padding:0}.student-card-modern{width:75mm!important;height:110mm!important;box-shadow:none!important;page-break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.student-card-modern.pdf-export{width:75mm!important;height:110mm!important}.learning-history-page{padding:20px 0}.learning-history-page .page-title{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:24px}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.stat-value{font-size:32px;font-weight:700;color:#0050b8;margin-bottom:4px}.stat-label{font-size:13px;color:#64748b}.history-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.tab-btn{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-btn:hover{color:#0050b8}.tab-btn.active{color:#0050b8;border-bottom-color:#0050b8}.tab-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state p{margin-bottom:16px;font-size:15px}.empty-state .btn-primary{display:inline-block;padding:12px 24px;background:#0050b8;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}.empty-state .btn-primary:hover{background:#003a82}.courses-list{display:flex;flex-direction:column;gap:16px}.course-card{display:flex;gap:20px;padding:20px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s;position:relative}.course-card:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.course-image{width:120px;height:90px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#e2e8f0}.course-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2)}.course-info{flex:1}.course-title{font-size:16px;font-weight:600;margin-bottom:8px}.course-title a{color:#1a202c;text-decoration:none}.course-title a:hover{color:#0050b8}.course-meta{display:flex;gap:12px;margin-bottom:12px;font-size:13px}.level-badge{padding:3px 10px;background:#e0f2fe;color:#0369a1;border-radius:12px;font-weight:500}.lessons-count{color:#64748b}.progress-section{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.progress-text{font-size:13px;color:#64748b;font-weight:500;min-width:100px;text-align:right}.scores-section{display:flex;align-items:center;gap:20px;margin-bottom:10px}.score-item{display:flex;align-items:center;gap:6px}.score-label{font-size:13px;color:#64748b}.score-value{font-size:15px;font-weight:700}.grade-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.grade-badge.excellent{background:#d1fae5;color:#065f46}.grade-badge.good{background:#dbeafe;color:#1e40af}.grade-badge.fair{background:#fef3c7;color:#92400e}.grade-badge.average{background:#fed7aa;color:#9a3412}.grade-badge.poor{background:#fee2e2;color:#991b1b}.last-activity{font-size:12px;color:#94a3b8}.quiz-history{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.quiz-table{width:100%;border-collapse:collapse;min-width:650px}.quiz-table th,.quiz-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.quiz-table th{background:#f1f5f9;font-weight:600;font-size:13px;color:#475569}.quiz-table tbody tr:hover{background:#f8fafc}.date-cell{font-size:13px;color:#64748b;white-space:nowrap}.course-cell a{color:#0050b8;text-decoration:none;font-weight:500}.course-cell a:hover{text-decoration:underline}.lesson-cell{color:#475569}.result-cell{font-size:13px}.score-badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-weight:600;font-size:13px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#0050b8;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.stats-overview{grid-template-columns:repeat(2,1fr)}.course-card{flex-direction:column}.course-image{width:100%;height:150px}.scores-section{flex-wrap:wrap;gap:10px}.quiz-table{font-size:13px}.quiz-table th,.quiz-table td{padding:10px 8px}.course-cell a{display:inline-block;max-width:200px;white-space:normal}}.btn-secondary{display:inline-block;padding:8px 16px;background-color:#6b7280;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;text-align:center;border:none;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background-color:#4b5563;color:#fff;text-decoration:none}.btn-sm{padding:6px 12px;font-size:12px;border-radius:4px}.course-actions{margin-top:12px}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.review-btn{position:absolute;top:12px;right:12px;background-color:#10b981;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:4px;transition:background-color .2s ease}.review-btn:hover{background-color:#059669;color:#fff;text-decoration:none}.change-password-container{width:100%;margin:40px auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px #00000014}.section-title{font-size:22px;font-weight:700;margin-bottom:24px;text-align:center}s .change-password-form .form-group{margin-bottom:18px}.change-password-form label{display:block;font-weight:600;margin-bottom:6px}.change-password-form input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px}.change-password-form input::-ms-reveal,.change-password-form input::-ms-clear,.change-password-form input::-webkit-credentials-auto-fill-button,.change-password-form input::-webkit-textfield-decoration-container{display:none!important}.change-password-form input:focus{border-color:#0050b8;outline:none}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding-right:45px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#0050b8}.btn-submit{width:100%;padding:12px;background:#0050b8;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.btn-submit:hover{background:#003f91}.btn-submit:disabled{background:#999;cursor:not-allowed}.error-text{color:#d32f2f;margin-bottom:12px;font-size:14px}.success-text{color:#2e7d32;margin-bottom:12px;font-size:14px}.password-hint{display:block;margin-top:6px;font-size:12px;color:#666}.admin-request-shell{display:flex;flex-direction:column;gap:16px}.admin-request-header{background:#fff;border:1px solid #e7edf5;border-radius:14px;padding:18px 20px;box-shadow:0 8px 24px #1234560f}.admin-request-header h2{margin:0;font-size:1.7rem;color:#0f2942;letter-spacing:-.02em}.admin-request-header p{margin:8px 0 0;color:#4f6074;line-height:1.6}.admin-request-card{background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 10px 28px #0f29420f;padding:20px}.admin-request-section{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.admin-request-label{font-weight:700;color:#183049;font-size:.98rem}.field-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.field-actions{display:flex;gap:8px}.field-action-btn{border:1px solid #d0dbe8;background:#f7fafc;color:#204663;font-size:.8rem;font-weight:600;border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .15s ease}.field-action-btn:hover{background:#edf5fc;border-color:#a8c3db}.field-chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.field-chip{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 12px;border:1px solid #d5e0ec;border-radius:10px;background:#fbfdff;color:#213b53;cursor:pointer;font-size:.92rem;transition:all .2s ease}.field-chip:hover{border-color:#0f6fcf;background:#f0f8ff}.field-chip input{cursor:pointer;accent-color:#0f6fcf}.field-chip.checked{border-color:#0f6fcf;background:#edf6ff;font-weight:600}.field-counter{margin:0;color:#61758d;font-size:.84rem}.admin-request-textarea{width:100%;border:1px solid #d5e0ec;border-radius:12px;resize:vertical;min-height:140px;font-size:.95rem;padding:12px 14px;color:#1b344d;background:#fcfeff}.admin-request-textarea:focus{outline:none;border-color:#0f6fcf;box-shadow:0 0 0 2px #0f6fcf24}.edit-form-section{background:#f8fbff;border:1px solid #d5e0ec;border-radius:12px;padding:16px;margin-top:8px}.edit-form-title{margin:0 0 12px;font-size:1.05rem;font-weight:700;color:#0f2942}.edit-field-subheader{margin:14px 0 10px;font-size:.95rem;font-weight:600;color:#0f6fcf;padding-bottom:8px;border-bottom:2px solid #d5e0ec}.edit-field-subheader:first-child{margin-top:0}.edit-form-container{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.edit-form-group{display:flex;flex-direction:column;gap:10px}.edit-form-group+.edit-form-group{margin-top:10px}.edit-form-label{font-weight:600;color:#1b344d;font-size:.9rem}.edit-form-current-value{background:#fff;border:1px solid #d5e0ec;border-radius:8px;padding:12px;color:#4f6074;font-size:.92rem;line-height:1.5;min-height:44px;display:flex;align-items:center}.edit-form-input{width:100%;border:1px solid #d5e0ec;border-radius:8px;padding:12px 14px;font-size:.92rem;color:#1b344d;background:#fff;transition:all .2s ease;min-height:44px;box-sizing:border-box}.edit-form-input:focus{outline:none;border-color:#0f6fcf;box-shadow:0 0 0 2px #0f6fcf1f}.edit-form-actions{display:flex;gap:10px;justify-content:flex-start}.cancel-edit-btn{border:1px solid #d0dbe8;background:#f7fafc;color:#204663;font-size:.9rem;font-weight:600;border-radius:8px;padding:10px 16px;cursor:pointer;transition:all .15s ease}.cancel-edit-btn:hover{background:#edf5fc;border-color:#a8c3db}.admin-request-actions{display:flex;justify-content:flex-start}.submit-request-btn{border:none;border-radius:10px;background:linear-gradient(135deg,#0f6fcf,#0a5bad);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.02em;padding:12px 20px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.submit-request-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0a5bad4d}.submit-request-btn:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.admin-request-history-card{background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 10px 28px #0f29420f}.admin-request-history-toggle{width:100%;padding:18px;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.admin-request-history-toggle:hover{background-color:#f8fbff}.history-toggle-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.history-toggle-header h3{margin:0;font-size:1.1rem;color:#0f2942}.history-section-toggle-icon{font-size:.85rem;color:#4f6074;transition:transform .2s ease;flex-shrink:0}.history-section-toggle-icon.open{transform:rotate(180deg)}.admin-request-history-content{padding:0 18px 18px}.admin-request-history-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}.history-refresh-btn{border:1px solid #c5d8eb;background:#f6fbff;color:#12456f;border-radius:8px;font-weight:600;font-size:.84rem;padding:6px 10px;cursor:pointer;transition:all .15s ease}.history-refresh-btn:hover{background:#eef6ff;border-color:#a8c3db}.history-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.history-list{display:grid;gap:8px}.history-item-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fbfdff;border:1px solid #dce7f3;border-radius:10px;padding:12px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;font-size:inherit}.history-item-header:hover{background:#f5fbff;border-color:#0f6fcf}.history-item-top{display:flex;align-items:center;gap:12px;flex:1}.history-item-info{display:flex;align-items:center;gap:10px;flex:1}.history-date{font-size:.9rem;color:#64748b;font-weight:500}.history-toggle-icon{font-size:.8rem;color:#4f6074;transition:transform .2s ease;flex-shrink:0}.history-toggle-icon.open{transform:rotate(180deg)}.history-item-details{background:#f9fbff;border:1px solid #dce7f3;border-top:none;border-radius:0 0 10px 10px;padding:12px;margin:-1px 1px 8px}.history-item-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #d5e0ec}.cancel-request-btn{border:1px solid #d94a38;background:#fff5f3;color:#c82333;font-size:.85rem;font-weight:600;border-radius:6px;padding:6px 12px;cursor:pointer;transition:all .15s ease}.cancel-request-btn:hover{background:#ffeae5;border-color:#c82333}.history-type-chip{font-size:11px;font-weight:700;color:#0f4c81;border:1px solid #bfdbfe;background:#e8f3ff;border-radius:999px;padding:2px 8px}.history-status-chip{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;border:1px solid transparent}.history-status-pending{color:#9a3412;background:#fff7ed;border-color:#fdba74}.history-status-in_progress{color:#075985;background:#ecfeff;border-color:#67e8f9}.history-status-processed{color:#065f46;background:#ecfdf5;border-color:#86efac}.history-fields{margin-top:6px;font-size:12px;color:#334155}.history-message{margin-top:6px;font-size:12px;color:#1e293b;line-height:1.45;white-space:pre-wrap}.history-empty{color:#64748b;font-size:.92rem}@media(max-width:1024px){.field-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.request-type-grid{grid-template-columns:1fr}.field-header-row{flex-direction:column;align-items:flex-start}.field-chip-grid{grid-template-columns:1fr}.admin-request-header,.admin-request-card{padding:14px}.history-item-top{flex-wrap:wrap;gap:8px}.history-item-info{flex-wrap:wrap;width:100%}.history-date{width:100%;order:3}.admin-request-history-toggle{padding:14px}.admin-request-history-content{padding:0 14px 14px}}.delete-account-shell{display:flex;flex-direction:column;gap:24px}.delete-account-header{background:linear-gradient(135deg,#c82333,#a01c28);border-radius:16px;padding:40px 24px;text-align:center;color:#fff;box-shadow:0 8px 24px #c8233326}.delete-account-header h2{font-size:2rem;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-.01em}.delete-account-header p{font-size:.95rem;color:#ffffffe6;line-height:1.6;max-width:500px;margin:0 auto}.delete-account-card{background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 10px 28px #0f29420f;padding:28px 24px}.delete-account-warning{display:flex;gap:16px;padding:18px;background:linear-gradient(135deg,#fff3cd,#fffbea);border-left:5px solid #dc3545;border-radius:12px;margin-bottom:28px;border:1px solid #ffe69c}.warning-icon{font-size:28px;flex-shrink:0;line-height:1}.warning-content{flex:1}.warning-content h3{margin:0 0 8px;font-size:1rem;font-weight:700;color:#dc3545}.warning-content p{margin:0 0 10px;font-size:.9rem;color:#5a4a3a;line-height:1.5}.warning-content ul{margin:8px 0 0;padding-left:20px;font-size:.9rem;color:#5a4a3a}.warning-content li{margin-bottom:4px;line-height:1.4}.delete-account-section{margin-bottom:24px}.delete-account-label{display:block;font-weight:700;font-size:.95rem;margin-bottom:10px;color:#0f2942}.delete-confirm-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.delete-confirm-check input[type=checkbox]{margin-top:3px;cursor:pointer;width:18px;height:18px;accent-color:#dc3545;flex-shrink:0}.delete-confirm-check span{font-size:.9rem;color:#4f6074;line-height:1.6}.delete-account-textarea{width:100%;padding:12px 14px;border:1px solid #d5e0ec;border-radius:10px;font-family:inherit;font-size:.9rem;resize:vertical;min-height:110px;color:#1b344d;background:#fcfeff;transition:border-color .2s ease,box-shadow .2s ease}.delete-account-textarea:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.delete-account-textarea:disabled{background-color:#f5f8fb;cursor:not-allowed;opacity:.6}.field-counter{margin:8px 0 0;font-size:.8rem;color:#8a98ad;text-align:right}.delete-account-actions{display:flex;gap:12px;justify-content:flex-start;padding-top:8px}.delete-request-btn{padding:12px 28px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.01em;box-shadow:0 4px 12px #dc354533}.delete-request-btn:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#b01d2a);transform:translateY(-2px);box-shadow:0 6px 20px #c823334d}.delete-request-btn:active:not(:disabled){transform:translateY(0)}.delete-request-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.delete-account-shell{gap:16px}.delete-account-header{padding:28px 18px}.delete-account-header h2{font-size:1.5rem}.delete-account-header p{font-size:.9rem}.delete-account-card{padding:20px 16px}.delete-account-warning{padding:14px;gap:12px}.warning-icon{font-size:24px}.warning-content h3{font-size:.95rem}.warning-content p,.warning-content ul{font-size:.85rem}.delete-account-actions{flex-wrap:wrap}.delete-request-btn{flex:1;min-width:150px}}@media(max-width:480px){.delete-account-shell{gap:12px}.delete-account-header{padding:20px 14px}.delete-account-header h2{font-size:1.3rem}.delete-account-card{padding:16px 12px}.delete-request-btn{width:100%;font-size:.9rem}}