@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-rgb:99, 102, 241;--accent:#f59e0b;--accent-light:#fbbf24;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-dark:#020617;--bg-card:#0f172a;--bg-card-hover:#1e293b;--bg-glass:#0f172ab3;--bg-glass-light:#ffffff08;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--border-light:#ffffff1f;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);--gradient-glow:linear-gradient(135deg, #6366f14d 0%, #3b82f600 100%);--gradient-hero:radial-gradient(circle at top left, #1e1b4b 0%, #020617 40%, #020617 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0003, 0 8px 10px -6px #0003;--shadow-primary:0 20px 40px -10px #6366f166;--shadow-glow:0 0 40px -10px #6366f180;--radius:16px;--radius-lg:20px;--radius-xl:32px;--transition:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;font-family:Be Vietnam Pro,Inter,sans-serif;line-height:1.7}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-family:Be Vietnam Pro,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}img{border-radius:16px;max-width:100%;display:block}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:Be Vietnam Pro,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-light);border:2px solid var(--bg-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.container{max-width:1400px;margin:0 auto;padding:0 3rem}.section-padding{padding:100px 0}.section-padding-sm{padding:50px 0}.section-tag{background:rgba(var(--primary-rgb), .08);border:1px solid rgba(var(--primary-rgb), .15);color:var(--primary-light);text-transform:uppercase;letter-spacing:.08em;border-radius:99px;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-title{margin-bottom:1rem;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:900}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.5rem;display:flex}.section-title .highlight{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.section-subtitle{color:var(--text-secondary);max-width:800px;font-size:1.25rem;line-height:1.7}.section-subtitle-pro{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.8}.btn{border-radius:var(--radius);z-index:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#fff0 30%,#ffffff40 50%,#fff0 70%,#0000 100%);width:50%;height:100%;transition:none;position:absolute;top:0;left:-75%;transform:skew(-25deg)}.btn:hover:before{animation:.6s forwards btn-shimmer}@keyframes btn-shimmer{0%{left:-75%}to{left:125%}}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary);border:1px solid #ffffff1a}.btn-primary:hover{box-shadow:0 20px 40px -10px rgba(var(--primary-rgb), .5), 0 0 20px rgba(var(--primary-rgb), .2);transform:translateY(-4px)scale(1.03)}.btn-outline{border:2px solid var(--primary-light);color:var(--primary-light)}.btn-outline:hover{background:var(--primary-light);color:#fff;box-shadow:0 15px 30px rgba(var(--primary-rgb), .3);transform:translateY(-5px)}.btn-ghost{border:1px solid var(--border);color:var(--text-primary);backdrop-filter:blur(10px);background:#ffffff08}.btn-ghost:hover{border-color:var(--primary-light);color:var(--primary-light);background:#ffffff14}.btn-lg{border-radius:20px;padding:1.25rem 3rem;font-size:1.1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.card:hover{border-color:var(--primary-light);box-shadow:0 40px 80px -20px #0009, 0 0 50px rgba(var(--primary-rgb), .2);transform:translateY(-15px)scale(1.02)}.form-control{border:2px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff08;padding:1rem 1.5rem;font-family:inherit;font-size:1rem}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .2);background:#ffffff0f;outline:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.grid-2{grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.section-padding{padding:80px 0}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section-padding{padding:60px 0}.container{padding:0 1.5rem}}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:99px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:800;display:inline-flex}.badge-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.badge-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.loader{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:200px;padding:2.5rem 1rem;display:flex}.loader--section{min-height:320px}.loader--page{min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px)}.spinner{border:4px solid #ffffff0d;border-top-color:var(--primary-light);border-radius:50%;flex-shrink:0;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.enroll-overlay{z-index:99999;-webkit-backdrop-filter:blur(12px);isolation:isolate;background:#000c;justify-content:center;align-items:center;padding:16px;animation:.2s enrollFadeIn;display:flex;position:fixed;inset:0}@keyframes enrollFadeIn{0%{opacity:0}to{opacity:1}}.enroll-wrapper{width:100%;max-width:620px;padding-top:17px;position:relative}.enroll-popup{color:#e2e8f0;scrollbar-width:thin;scrollbar-color:#6366f14d transparent;background:linear-gradient(160deg,#0c0a1d,#151236,#1e1a3a);border:1px solid #6366f14d;border-radius:16px;width:100%;max-height:88vh;animation:.3s enrollSlideUp;overflow:hidden auto;box-shadow:0 32px 64px #0009,0 0 100px #6366f10f}.enroll-popup::-webkit-scrollbar{width:5px}.enroll-popup::-webkit-scrollbar-track{background:0 0}.enroll-popup::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}@keyframes enrollSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.enroll-close{z-index:10;cursor:pointer;color:#94a3b8;background:#1e1a3a;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,color .2s,transform .2s;display:flex;position:absolute;top:0;right:16px;transform:translateY(0);box-shadow:0 2px 10px #00000080}.enroll-close:hover{color:#ef4444;background:#ef44444d;border-color:#ef444473;transform:rotate(90deg)}.enroll-tabs{z-index:1;background:inherit;border-bottom:2px solid #ffffff0f;display:flex;position:sticky;top:0}.enroll-tab{text-align:center;cursor:pointer;color:#64748b;letter-spacing:1px;background:0 0;border:none;flex:1;padding:16px;font-size:.85rem;font-weight:700;transition:all .25s;position:relative}.enroll-tab:after{content:"";background:0 0;border-radius:2px;height:3px;transition:all .25s;position:absolute;bottom:-2px;left:20%;right:20%}.enroll-tab.active{color:#f59e0b}.enroll-tab.active:after{background:linear-gradient(90deg,#f59e0b,#f97316);left:10%;right:10%}.enroll-tab:hover:not(.active){color:#cbd5e1}.enroll-body{padding:20px 24px 24px}.enroll-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.enroll-field{margin-bottom:14px}.enroll-field>label{color:#94a3b8;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.enroll-field>label span{color:#f59e0b}.enroll-field input,.enroll-field select,.enroll-field textarea{color:#e2e8f0;background:#ffffff0a;border:1.5px solid #6366f140;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.enroll-field input:focus,.enroll-field select:focus,.enroll-field textarea:focus{background:#ffffff0f;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.enroll-field input::placeholder,.enroll-field textarea::placeholder{color:#475569}.enroll-field select option{color:#e2e8f0;background:#1a1a2e}.enroll-checks{flex-direction:column;gap:6px;margin-top:4px;display:flex}.enroll-check{cursor:pointer;user-select:none;background:#ffffff05;border:1.5px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:.85rem;transition:all .25s;display:flex}.enroll-check:hover{background:#6366f10f;border-color:#6366f140}.enroll-check.checked{background:#6366f11a;border-color:#6366f166}.custom-checkbox{background:#ffffff08;border:2px solid #ffffff26;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.enroll-check.checked .custom-checkbox,.exam-option.selected .custom-checkbox{background:#6366f1;border-color:#6366f1}.custom-checkbox svg{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.check-icon{flex-shrink:0;font-size:1.1rem}.check-label{color:#cbd5e1;font-weight:500}.enroll-check.checked .check-label{color:#e2e8f0;font-weight:600}.exam-options{flex-direction:column;gap:8px;display:flex}.exam-option{background:#ffffff05;border:1.5px solid #ffffff14;border-radius:10px;transition:all .25s;overflow:hidden}.exam-option.selected{background:#f59e0b0a;border-color:#f59e0b}.exam-header{cursor:pointer;user-select:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.exam-icon{flex-shrink:0;font-size:1.1rem}.exam-label-text{color:#cbd5e1;font-size:.85rem;font-weight:600}.exam-option.selected .exam-label-text{color:#fbbf24}.exam-option-subs{border-top:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:10px;margin-top:0;padding:10px 14px 12px;animation:.2s subSlideIn;display:grid}@keyframes subSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.exam-sub{flex-direction:column;gap:6px;display:flex}.exam-sub-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.exam-sub-radios{gap:6px;display:flex}.exam-radio{cursor:pointer;color:#94a3b8;background:#ffffff08;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:500;transition:all .2s;display:flex}.exam-radio input{display:none}.exam-radio:hover{color:#cbd5e1;border-color:#f59e0b4d}.exam-radio.active{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b;font-weight:600}.enroll-btn{color:#fff;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.enroll-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b59}.enroll-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.enroll-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px;display:flex}.enroll-success svg{color:#10b981;margin-bottom:16px}.enroll-success h3{color:#e2e8f0;margin:0 0 8px;font-size:1.4rem}.enroll-success p{color:#94a3b8;margin:0 0 24px;font-size:.9rem}.enroll-success .enroll-btn{max-width:200px}body:has(.enroll-overlay) .chat-widget-container{visibility:hidden;pointer-events:none}@media (max-width:600px){.enroll-overlay{padding:8px;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));align-items:flex-end}.enroll-wrapper{flex-direction:column;max-height:calc(100dvh - 16px);padding-top:12px;display:flex}.enroll-popup{border-radius:14px 14px 0 0;max-width:100%;max-height:calc(100dvh - 28px)}.enroll-grid-2{grid-template-columns:1fr}.enroll-body{padding:16px}.enroll-tab{padding:12px 8px;font-size:.78rem}.enroll-close{right:8px}.exam-option-subs{grid-template-columns:1fr}.exam-sub-radios{flex-wrap:wrap}.enroll-btn{padding:12px;font-size:.88rem}}@media (max-width:380px){.enroll-tab{letter-spacing:0;font-size:.72rem}}.search-trigger{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.search-trigger:hover{color:#e2e8f0;background:#ffffff1a;border-color:#6366f14d}.search-overlay{z-index:9998;backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:flex-start;padding:80px 16px 16px;animation:.2s searchFadeIn;display:flex;position:fixed;inset:0}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background:#0f172a;border:1px solid #6366f133;border-radius:16px;width:100%;max-width:560px;animation:.25s searchSlide;overflow:hidden;box-shadow:0 24px 48px #00000080,0 0 60px #6366f10f}@keyframes searchSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:14px 18px;display:flex}.search-icon{color:#6366f1;flex-shrink:0}.search-input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.search-loading{color:#6366f1}.search-close{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.search-close:hover{color:#ef4444;background:#ef444426}.search-results{max-height:360px;padding:6px 0;overflow-y:auto}.search-section{padding:4px 0}.search-section-label{color:#6366f1;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;padding:6px 18px;font-size:.7rem;font-weight:700;display:flex}.search-item{text-align:left;color:#e2e8f0;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 18px;font-family:inherit;transition:all .15s;display:flex}.search-item:hover{background:#6366f114}.search-thumb{object-fit:cover;border:1px solid #ffffff0f;border-radius:6px;flex-shrink:0;width:40px;height:40px}.search-item-info{flex-direction:column;display:flex;overflow:hidden}.search-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.search-item-meta{color:#64748b;margin-top:2px;font-size:.72rem}.search-empty{text-align:center;color:#64748b;padding:28px 18px;font-size:.85rem}.search-hint{text-align:center;color:#475569;padding:14px 18px;font-size:.78rem}.search-hint kbd{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:monospace;font-size:.68rem;display:inline-block}.nb-wrapper{position:relative}.nb-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.nb-btn:hover{border-color:var(--primary-light);color:#fff;background:#ffffff14;transform:translateY(-1px)}.nb-badge{color:#fff;border:2px solid var(--bg-dark,#0f172a);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.6rem;font-weight:800;animation:2s infinite nbPulse;display:flex;position:absolute;top:-3px;right:-3px}@keyframes nbPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.nb-dropdown{z-index:3000;background:#0f172a;border:1px solid #ffffff1a;border-radius:18px;width:380px;animation:.35s cubic-bezier(.16,1,.3,1) nbSlide;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 30px 60px #000000b3,0 0 0 1px #ffffff0a}@keyframes nbSlide{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.nb-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 14px 20px;display:flex}.nb-header h4{color:#fff;flex-shrink:0;margin:0;font-size:1rem;font-weight:800}.nb-header-right{align-items:center;gap:8px;display:flex}.nb-unread-count{color:#6366f1;white-space:nowrap;background:#6366f11f;border-radius:99px;padding:2px 8px;font-size:.7rem;font-weight:700}.nb-mark-all{color:#818cf8;cursor:pointer;white-space:nowrap;background:#6366f11a;border:1px solid #6366f140;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.nb-mark-all:hover{color:#a5b4fc;background:#6366f133;border-color:#6366f180}.nb-list{max-height:400px;overflow-y:auto}.nb-list::-webkit-scrollbar{width:4px}.nb-list::-webkit-scrollbar-track{background:0 0}.nb-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.nb-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem;display:flex}.nb-item{cursor:pointer;border-bottom:1px solid #ffffff0a;gap:12px;padding:14px 20px;transition:background .2s;display:flex;position:relative}.nb-item:hover{background:#ffffff0a}.nb-item:last-child{border-bottom:none}.nb-item.nb-unread{background:#6366f10a}.nb-item.nb-unread:hover{background:#6366f114}.nb-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:0 0 6px #6366f199}.nb-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nb-content{flex:1;min-width:0;padding-right:12px}.nb-msg{color:#ffffffe6;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.nb-item.nb-unread .nb-msg{color:#fff}.nb-detail{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:.75rem;line-height:1.3;overflow:hidden}.nb-time{color:#ffffff4d;margin:4px 0 0;font-size:.7rem}.nb-show-more{color:#818cf8;cursor:pointer;text-align:center;background:0 0;border:none;border-top:1px solid #ffffff0f;width:100%;padding:10px;font-size:.78rem;font-weight:600;transition:background .2s,color .2s}.nb-show-more:hover{color:#a5b4fc;background:#6366f114}.nb-footer{text-align:center;color:#ffffff40;border-top:1px solid #ffffff0f;padding:10px 20px;font-size:.72rem}@media (max-width:480px){.nb-dropdown{width:calc(100vw - 2rem);right:-3rem}}.navbar{z-index:1000;background:0 0;padding:1.75rem 0;transition:all .5s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.navbar.scrolled{backdrop-filter:blur(25px);background:#020617d9;border-bottom:1px solid #ffffff0d;padding:1rem 0;box-shadow:0 15px 40px -20px #000c}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.navbar-brand{align-items:center;gap:1rem;display:flex}.navbar-brand .site-logo-img{object-fit:contain;width:auto;max-width:min(220px,42vw);height:56px;display:block}.navbar.scrolled .navbar-brand .site-logo-img{height:50px}.brand-icon{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:0 10px 20px -5px rgba(var(--primary-rgb), .5);border-radius:14px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.navbar-brand:hover .brand-icon{box-shadow:0 15px 30px -5px rgba(var(--primary-rgb), .6);transform:rotate(-10deg)scale(1.1)}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-name{letter-spacing:-.04em;color:var(--text-primary);background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Be Vietnam Pro,sans-serif;font-size:1.4rem;font-weight:900}.brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:2px;font-size:.7rem;font-weight:700}.navbar-links{backdrop-filter:blur(10px);white-space:nowrap;background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:.25rem;padding:.4rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:10px;padding:.5rem .9rem;font-family:Be Vietnam Pro,sans-serif;font-size:.82rem;font-weight:600;transition:all .3s}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:#fff;background:var(--gradient-primary);box-shadow:0 8px 20px -5px rgba(var(--primary-rgb), .4)}.enroll-nav-btn{cursor:pointer;border:none;align-items:center;gap:5px;font-family:inherit;display:inline-flex;box-shadow:0 4px 14px #f59e0b4d;color:#fff!important;background:linear-gradient(135deg,#f59e0b,#f97316)!important;padding:.5rem 1rem!important;font-size:.82rem!important;font-weight:800!important}.enroll-nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66!important}.navbar-right{align-items:center;gap:1.5rem;display:flex}.auth-buttons{gap:1rem;display:flex}.user-menu-wrap{position:relative}.user-btn{cursor:pointer;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:.75rem;padding:.5rem 1.25rem;transition:all .3s;display:flex}.user-btn:hover{border-color:var(--primary-light);background:#ffffff14;transform:translateY(-2px)}.user-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:900;display:flex;overflow:hidden;box-shadow:0 4px 10px #0000004d}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-name{font-family:Be Vietnam Pro,sans-serif;font-size:.9rem;font-weight:700}.chevron{opacity:.6;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.chevron.open{opacity:1;transform:rotate(180deg)}.user-dropdown{transform-origin:100% 0;z-index:2000;backdrop-filter:blur(20px);background:#0f172a;border:1px solid #ffffff14;border-radius:24px;width:280px;animation:.4s cubic-bezier(.16,1,.3,1) dropdownAnim;position:absolute;top:calc(100% + 15px);right:0;overflow:hidden;box-shadow:0 30px 60px #000000b3,0 0 0 1px #ffffff0d}@keyframes dropdownAnim{0%{opacity:0;transform:translateY(15px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.user-info{background:#ffffff05;border-bottom:1px solid #ffffff0d;padding:1.5rem}.user-full-name{color:var(--text-primary);font-family:Be Vietnam Pro,sans-serif;font-size:1.1rem;font-weight:800}.user-email{color:var(--text-muted);margin-top:4px;font-size:.85rem}.dropdown-item{color:var(--text-secondary);align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.dropdown-item:hover{color:var(--primary-light);background:#ffffff08;padding-left:1.75rem}.dropdown-item.danger:hover{color:#ef4444;background:#ef44441a}.hamburger{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #f59e0b59;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,border-color .2s;display:none}.hamburger:hover{background:#ffffff1a;border-color:#f59e0b8c}.navbar.menu-open .hamburger{border-color:#fff3}.nav-drawer-backdrop{z-index:1090;backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;background:#020617a6;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.nav-drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.nav-drawer{z-index:1100;pointer-events:none;background:linear-gradient(#0f172a 0%,#020617 100%);border-left:1px solid #ffffff14;flex-direction:column;width:min(320px,88vw);height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-20px 0 60px #0000008c}.nav-drawer.open{pointer-events:auto;transform:translate(0)}.nav-drawer-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.nav-drawer-title{color:var(--text-primary);letter-spacing:-.02em;font-family:Be Vietnam Pro,sans-serif;font-size:1.1rem;font-weight:800}.nav-drawer-close{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.nav-drawer-close:hover{background:#ffffff1f;border-color:#fff3}.nav-drawer-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.35rem;padding:1rem 1rem 1.5rem;display:flex;overflow-y:auto}.nav-drawer-link{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:.5rem;width:100%;padding:.9rem 1rem;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:600;transition:background .2s,color .2s;display:flex}.nav-drawer-link:hover{color:var(--text-primary);background:#ffffff0f}.nav-drawer-link.active{color:#fff;background:var(--gradient-primary);box-shadow:0 8px 24px -6px rgba(var(--primary-rgb), .45)}.nav-drawer-enroll{justify-content:center;margin-top:.5rem;box-shadow:0 6px 20px #f59e0b59;color:#fff!important;background:linear-gradient(135deg,#f59e0b,#f97316)!important;font-weight:800!important}.nav-drawer-enroll:hover{filter:brightness(1.06)}.nav-drawer-auth{padding:1rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}.nav-drawer-auth .btn{white-space:nowrap;justify-content:center;width:100%}@media (max-width:1024px){.navbar{padding:.85rem 0}.navbar.scrolled{padding:.65rem 0}.navbar-links--desktop{display:none}.hamburger{display:flex}.navbar-right{flex-shrink:0;gap:.5rem}.navbar-inner{gap:.5rem}.navbar-brand{flex:1;min-width:0}.auth-buttons{display:none}.auth-buttons .btn{white-space:nowrap;padding:.5rem .85rem;font-size:.8rem}}@media (max-width:480px){.user-name,.navbar-brand .brand-sub{display:none}.brand-name{font-size:1.25rem}.navbar-brand .site-logo-img{max-width:120px;height:44px}.navbar.scrolled .navbar-brand .site-logo-img{height:40px}.user-btn{padding:.35rem .5rem}.navbar{padding:.65rem 0}}.footer{background:var(--bg-card);border-top:1px solid var(--border);margin-top:auto;position:relative}.footer-wave{background:var(--gradient-primary);height:3px}.footer-grid{grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:3rem;padding:4rem 0 3rem;display:grid}.footer-logo{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.footer-logo .site-logo-img{object-fit:contain;width:auto;max-width:240px;height:54px;display:block}.brand-icon-sm{background:var(--gradient-primary);border-radius:var(--radius);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.footer-brand-name{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.footer-brand-sub{color:var(--text-muted);font-size:.7rem}.footer-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.7}.social-links{gap:.75rem;display:flex}.social-btn{border-radius:var(--radius);width:38px;height:38px;transition:var(--transition);color:#fff;justify-content:center;align-items:center;display:flex}.social-btn.fb{background:#1877f2}.social-btn.yt{background:red}.social-btn.zl{background:#0068ff}.social-btn.tk{background:#010101}.social-btn.ms{background:linear-gradient(135deg,#09f,#a033ff)}.social-btn:hover{filter:brightness(1.15);transform:translateY(-3px)scale(1.08);box-shadow:0 6px 20px #0000004d}.footer-col h4{color:var(--text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:700;position:relative}.footer-col h4:after{content:"";background:var(--gradient-primary);border-radius:999px;width:30px;height:2px;position:absolute;bottom:0;left:0}.footer-col ul{flex-direction:column;gap:.6rem;list-style:none;display:flex}.footer-col ul li a{color:var(--text-muted);transition:var(--transition);font-size:.9rem}.footer-col ul li a:hover{color:var(--primary-light);padding-left:5px}.contact-list{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.contact-item{color:var(--text-muted);align-items:flex-start;gap:.5rem;font-size:.875rem;display:flex}.contact-item svg{color:var(--primary-light);flex-shrink:0;margin-top:2px}.contact-item a{color:var(--text-muted);transition:var(--transition)}.contact-item a:hover{color:var(--primary-light)}.office-hours{border-radius:var(--radius);background:#3b82f614;border:1px solid #3b82f633;padding:.75rem}.oh-title{color:var(--primary-light);margin-bottom:.35rem;font-size:.85rem;font-weight:600}.office-hours p{color:var(--text-muted);font-size:.83rem;line-height:1.6}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:.875rem;display:flex}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0 2rem}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}}.chat-widget-container{z-index:9999;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:28px;right:24px}.social-floating-buttons{flex-direction:column;gap:10px;transition:opacity .3s,transform .3s;display:flex}.social-floating-buttons.hidden{opacity:0;pointer-events:none;transform:translateY(16px)scale(.8)}.social-float-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative}.social-float-btn:hover{transform:scale(1.15)translateY(-3px)}.social-float-btn:after{content:attr(title);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000000bf;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.social-float-btn:hover:after{opacity:1}.chat-cta-pill{cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#06b6d4 100%) 0 0/200% 200%;border:none;border-radius:999px;align-items:center;width:52px;height:52px;transition:width .5s cubic-bezier(.34,1.2,.64,1),box-shadow .3s;animation:4s infinite pillGradient;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #6366f18c}.chat-cta-pill:hover{box-shadow:0 10px 32px #6366f1b3}.chat-cta-pill.hidden{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:scale(.8)}@keyframes pillGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pill-ring{pointer-events:none;border:2px solid #8b5cf680;border-radius:999px;animation:2.5s ease-out infinite ringPulse;position:absolute;inset:-4px}@keyframes ringPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.pill-icon{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.pill-text-wrap{max-width:0;transition:max-width .5s cubic-bezier(.34,1.2,.64,1);overflow:hidden}.chat-cta-pill.pill-expanded .pill-text-wrap{max-width:220px}.pill-text{color:#fff;letter-spacing:.02em;opacity:0;white-space:nowrap;padding-right:20px;font-size:.85rem;font-weight:800;transition:opacity .25s .2s,transform .25s .2s;display:block;transform:translate(-6px)}.chat-cta-pill.pill-expanded .pill-text{opacity:1;transform:translate(0)}.chat-toggle-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s,background .3s;display:flex;box-shadow:0 4px 20px #0006}.chat-toggle-btn:hover{background:#2d3748;transform:rotate(90deg)}.chat-panel{opacity:0;pointer-events:none;background:#0f172a;border:1px solid #ffffff14;border-radius:20px;width:320px;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:70px;right:0;overflow:hidden;transform:translateY(20px)scale(.94);box-shadow:0 28px 64px #000000b3}.chat-panel.open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.chat-header{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);align-items:center;gap:14px;padding:22px 22px 18px;display:flex}.chat-header-avatar{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.chat-header-info h3{margin-bottom:3px;font-size:1rem;font-weight:800}.chat-header-info p{opacity:.82;font-size:.78rem;line-height:1.4}.chat-status{opacity:.9;align-items:center;gap:5px;margin-top:2px;font-size:.72rem;display:flex}.chat-status-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.chat-body{flex-direction:column;gap:12px;padding:20px;display:flex}.chat-input-group{align-items:center;display:flex;position:relative}.chat-input-group .input-icon{color:#ffffff4d;flex-shrink:0;position:absolute;left:13px}.chat-input-group input,.chat-input-group textarea{color:#fff;resize:none;background:#ffffff0d;border:1px solid #ffffff17;border-radius:12px;width:100%;padding:11px 14px 11px 42px;font-size:.9rem;transition:border-color .2s,background .2s}.chat-input-group input::placeholder,.chat-input-group textarea::placeholder{color:#ffffff47}.chat-input-group input:focus,.chat-input-group textarea:focus{background:#ffffff14;border-color:#8b5cf699;outline:none}.chat-input-group.area{align-items:flex-start}.chat-input-group.area .input-icon{top:13px}.chat-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:2px;padding:13px;font-size:.92rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 20px #6366f166}.chat-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #6366f180}.chat-submit-btn:disabled{opacity:.6;cursor:not-allowed}.chat-footer{text-align:center;color:#ffffff4d;border-top:1px solid #ffffff0d;padding:12px 20px;font-size:.72rem}.pulse{animation:2.8s ease-in-out infinite pulseScale}@keyframes pulseScale{0%,to{box-shadow:0 0}50%{box-shadow:0 0 0 6px #0000}}@media (max-width:640px){.chat-widget-container{bottom:16px;right:16px}.chat-panel{width:calc(100vw - 32px);bottom:68px;right:0}}.cookie-consent{bottom:max(20px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));z-index:9998;background-color:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);align-items:flex-start;gap:1rem;max-width:min(400px,100vw - 32px);padding:1.25rem;display:flex;position:fixed;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a}.cookie-consent-icon{color:var(--primary-light);flex-shrink:0;margin-top:2px}.cookie-consent-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (max-width:640px){.cookie-consent{left:12px;right:12px;bottom:max(72px, calc(56px + env(safe-area-inset-bottom)));flex-direction:column;max-width:none;padding:1rem}.cookie-consent-actions{width:100%}.cookie-consent-actions .btn{flex:1;justify-content:center}}.page-loader{z-index:99999;width:100vw;min-height:100vh;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;margin:0;padding:0;display:flex;position:fixed;inset:0}.page-loader-bg{background:radial-gradient(#0f0c29 0%,#020617 60%);position:absolute;inset:0}.page-loader>*{z-index:1;position:relative}.loader-label{color:#ffffff59;letter-spacing:.15em;text-transform:uppercase;font-size:.85rem;font-weight:600;animation:1.5s ease-in-out infinite alternate loaderFade}@keyframes loaderFade{0%{opacity:.3}to{opacity:.8}}.loader-spinner-wrap{width:70px;height:70px;position:relative}.loader-spinner-ring{border:3px solid #818cf8;border-color:#818cf8 #6366f1 #0000 #0000;border-radius:50%;animation:1s cubic-bezier(.5,0,.5,1) infinite loaderSpin;position:absolute;inset:0}.loader-spinner-ring.inner{border-top-color:#c084fc;border-right-color:#a855f7;animation-duration:.75s;animation-direction:reverse;inset:8px}.loader-spinner-dot{background:linear-gradient(135deg,#818cf8,#c084fc);border-radius:50%;width:10px;height:10px;margin:-5px;animation:1s infinite loaderPulse;position:absolute;top:50%;left:50%;box-shadow:0 0 15px #818cf899}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.loader-pulse-wrap{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.loader-pulse-ripple{border:2px solid #6366f1;border-radius:50%;animation:2s ease-out infinite pulseRipple;position:absolute;inset:0}.loader-pulse-ripple.delay{animation-delay:.6s}@keyframes pulseRipple{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.loader-pulse-core{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;animation:1.5s ease-in-out infinite pulseCore;display:flex;box-shadow:0 0 30px #6366f166}@keyframes pulseCore{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.loader-pulse-logo{object-fit:contain;filter:brightness(2);border-radius:0;width:32px;height:32px}.loader-pulse-text{color:#fff;text-shadow:0 2px 8px #0000004d;font-size:1.5rem;font-weight:900}.loader-dots-wrap{align-items:center;gap:8px;display:flex}.loader-dot{width:14px;height:14px;animation:1.2s ease-in-out infinite dotBounce;animation-delay:calc(var(--i) * .12s);background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%}.loader-dot:first-child{background:#818cf8}.loader-dot:nth-child(2){background:#6366f1}.loader-dot:nth-child(3){background:#a855f7}.loader-dot:nth-child(4){background:#6366f1}.loader-dot:nth-child(5){background:#818cf8}@keyframes dotBounce{0%,60%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-20px)scale(1.2)}}.loader-wave-wrap{align-items:flex-end;gap:5px;height:50px;display:flex}.loader-wave-bar{width:6px;animation:1.2s ease-in-out infinite waveBar;animation-delay:calc(var(--i) * .1s);background:linear-gradient(#c084fc,#6366f1);border-radius:3px}@keyframes waveBar{0%,to{opacity:.4;height:10px}50%{opacity:1;height:45px}}.loader-progress-wrap{flex-direction:column;align-items:center;gap:16px;width:260px;display:flex}.loader-progress-icon{font-size:2rem;animation:1s ease-in-out infinite progressPulse}@keyframes progressPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.loader-progress-track{background:#ffffff0f;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.loader-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7,#c084fc);border-radius:3px;height:100%;transition:width .3s}.loader-progress-glow{background:#c084fc;border-radius:50%;width:14px;height:14px;transition:left .3s;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 14px #c084fc,0 0 28px #c084fc66}.loader-progress-pct{color:#ffffff73;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.course-card{background:linear-gradient(165deg,#0f172af2,#1e293bcc);border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;height:100%;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.course-card:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;background:linear-gradient(135deg,#6366f100,#6366f14d,#6366f100);border-radius:24px;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-card:hover:before{opacity:1}.course-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px -15px #00000080,0 0 40px -10px #6366f126}.course-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#1e293b,#0f172a);position:relative;overflow:hidden}.course-thumbnail img{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0;transition:transform .8s cubic-bezier(.16,1,.3,1)}.course-thumbnail img:hover{box-shadow:none;transform:none}.course-card:hover .course-thumbnail img{transform:scale(1.08)}.course-thumbnail:after{content:"";background:linear-gradient(#0000 40%,#0f172acc 100%);position:absolute;inset:0}.course-thumbnail-placeholder{color:#ffffff26;background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.course-level{z-index:5;position:absolute;top:1rem;left:1rem}.course-level .badge{backdrop-filter:blur(10px);letter-spacing:.08em;border-radius:8px;padding:.35rem .85rem;font-size:.7rem}.course-discount{color:#fff;z-index:5;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;padding:.35rem .7rem;font-family:Be Vietnam Pro,sans-serif;font-size:.75rem;font-weight:800;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 15px #ef444466}.course-body{flex-direction:column;flex-grow:1;padding:1.5rem 1.5rem 1.75rem;display:flex}.course-category{color:var(--primary-light);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;font-family:Be Vietnam Pro,sans-serif;font-size:.7rem;font-weight:800}.course-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;margin-bottom:.75rem;font-family:Be Vietnam Pro,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.course-desc{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.course-meta{border-bottom:1px solid #ffffff0f;gap:1rem;margin-top:auto;margin-bottom:1rem;padding-bottom:1rem;display:flex}.course-meta span{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.course-rating{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.course-rating .stars{color:#f59e0b;gap:1px;display:flex}.course-rating span{color:var(--text-primary);font-family:Be Vietnam Pro,sans-serif;font-size:.85rem;font-weight:800}.rating-count{color:var(--text-muted)!important;font-size:.8rem!important;font-weight:500!important}.course-footer{justify-content:space-between;align-items:center;display:flex}.course-price-wrap{align-items:baseline;gap:.5rem;display:flex}.course-price-wrap .price{color:#fff;font-family:Be Vietnam Pro,sans-serif;font-size:1.3rem;font-weight:900}.course-price-wrap .price-original{color:var(--text-muted);font-size:.8rem;text-decoration:line-through}.course-card .btn{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb), .3);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:.55rem 1.25rem;font-size:.8rem;font-weight:700;transition:all .35s cubic-bezier(.16,1,.3,1)}.course-card:hover .btn{box-shadow:0 8px 25px rgba(var(--primary-rgb), .5);transform:translateY(-2px)}.video-player-wrap{background:#000;border-radius:16px;position:relative;overflow:hidden}.video-player-el{object-fit:cover;width:100%;height:100%;display:block}.video-play-overlay{cursor:pointer;z-index:10;background:#00000059;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:background .3s;display:flex;position:absolute;inset:0}.video-play-overlay:hover{background:#0003}.video-play-overlay:hover .video-play-icon{transform:scale(1.12);box-shadow:0 0 60px #6366f1cc,0 0 120px #6366f166}.video-play-btn{justify-content:center;align-items:center;display:flex;position:relative}.video-play-icon{z-index:2;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding-left:4px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 40px #6366f199,0 0 80px #6366f14d}.video-play-ripple{border:2px solid #6366f199;border-radius:50%;width:72px;height:72px;animation:2.5s ease-out infinite playRipple;position:absolute}.video-play-ripple.delay{animation-delay:.8s}@keyframes playRipple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.video-play-text{color:#ffffffd9;letter-spacing:.03em;text-shadow:0 2px 8px #00000080;font-size:.82rem;font-weight:600}.video-pause-float{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.video-pause-float:hover{background:#6366f1cc;transform:scale(1.1)}@media (max-width:768px){.video-play-icon,.video-play-ripple{width:56px;height:56px}.video-play-text{font-size:.75rem}}.home{background:var(--bg-dark);overflow-x:hidden}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:20px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(80% 50% at 70% 30%,#6366f11f 0%,#0000 70%),radial-gradient(60% 40% at 10% 80%,#3b82f614 0%,#0000 60%),radial-gradient(40% 30% at 90% 90%,#a855f70f 0%,#0000 50%);position:absolute;inset:0}.hero-noise{opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 70%)}.hero-content{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid;position:relative}.hero-badge{color:var(--primary-light);letter-spacing:.02em;backdrop-filter:blur(10px);background:#6366f114;border:1px solid #6366f126;border-radius:99px;align-items:center;gap:.6rem;width:fit-content;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:800;line-height:1.1}.highlight-ai{background:linear-gradient(135deg,#818cf8,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-secondary);max-width:520px;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.hero-cta{box-shadow:0 0 30px #6366f14d,0 10px 30px -10px #6366f166}.hero-cta:hover{box-shadow:0 0 50px #6366f166,0 20px 40px -10px #6366f180}.btn-play-premium{color:#fffc;align-items:center;gap:1rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.btn-play-premium:hover{color:#fff}.play-icon-ai{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.btn-play-premium:hover .play-icon-ai{background:var(--gradient-primary);border-color:#0000;box-shadow:0 0 25px #6366f180}.hero-trust{border-top:1px solid #ffffff0f;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.hero-avatars{display:flex}.hero-avatar-circle{background:var(--gradient-primary);color:#fff;border:2px solid var(--bg-dark);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-8px;font-size:.75rem;font-weight:800;display:flex}.hero-avatar-circle:first-child{margin-left:0}.hero-trust-stars{gap:1px;margin-bottom:2px;display:flex}.hero-trust-text span{color:var(--text-muted);font-size:.85rem;font-weight:600}.hero-visual-premium{justify-content:center;align-items:center;display:flex;position:relative}.visual-wrapper{width:100%;max-width:550px;position:relative}.main-3d-character img{filter:drop-shadow(0 30px 60px #00000080)drop-shadow(0 0 25px #6366f126);border-radius:24px;width:100%;height:auto;animation:8s ease-in-out infinite hero-float;box-shadow:0 30px 80px #00000080,0 0 30px #6366f11f}.main-3d-character img:hover{box-shadow:none;transform:none}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-3d{z-index:20;width:90px;height:90px;position:absolute}.floating-3d img{object-fit:contain;background:#fffffff2;border-radius:18px;width:100%;height:100%;padding:8px;transition:transform .4s;box-shadow:0 8px 30px #00000040}.floating-3d img:hover{transform:scale(1.1);box-shadow:0 12px 40px #00000059}.word-3d{top:0%;left:-10%}.excel-3d{top:40%;right:-12%}.ppt-3d{bottom:5%;left:2%}.tool-glow{filter:blur(25px);opacity:.35;z-index:-1;border-radius:50%;position:absolute;inset:-10px}.word-glow{background:#2b579a}.excel-glow{background:#217346}.ppt-glow{background:#b7472a}.hero-glass-card{backdrop-filter:blur(20px);z-index:25;color:#ffffffd9;background:#0f172ab3;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.8rem;font-weight:600;display:flex;position:absolute;box-shadow:0 10px 30px #0006}.stats-card{top:8%;right:-5%}.stats-banner{z-index:20;margin-top:-40px;position:relative}.stat-card{backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172af2,#1e293bcc);border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:1.25rem;padding:2rem 1.75rem;transition:all .4s;display:flex}.stat-card:hover{border-color:#6366f133;transform:translateY(-5px);box-shadow:0 20px 40px -10px #0006,0 0 20px #6366f114}.stat-icon-wrap{width:52px;height:52px;color:var(--primary-light);background:#6366f11a;border:1px solid #6366f126;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{color:#fff;letter-spacing:-.02em;font-family:Be Vietnam Pro,sans-serif;font-size:1.6rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.features-section{background:radial-gradient(circle at 50% 0,#6366f10a 0%,#0000 50%)}.section-center{text-align:center;flex-direction:column;align-items:center;margin-bottom:4rem;display:flex}.feature-card-premium{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:2.5rem 1.75rem 2rem;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card-premium:before{content:"";background:var(--accent,var(--gradient-primary));border-radius:0 0 6px 6px;width:0;height:3px;transition:width .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.feature-card-premium:hover:before{width:50%}.feature-card-premium:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-10px);box-shadow:0 25px 50px -12px #0006}.feature-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.feature-3d-icon{object-fit:contain;width:100%;height:100%;box-shadow:none;filter:drop-shadow(0 8px 15px #0000004d);border-radius:16px;transition:all .5s cubic-bezier(.16,1,.3,1)}.feature-3d-icon:hover{box-shadow:none;transform:none}.feature-card-premium:hover .feature-3d-icon{filter:drop-shadow(0 12px 20px #0006);transform:scale(1.15)rotate(5deg)}.feature-icon-fallback{width:60px;height:60px;color:var(--primary-light);background:#6366f11a;border:1px solid #6366f126;border-radius:16px;justify-content:center;align-items:center;display:flex}.feature-card-premium h3{color:#fff;margin-bottom:.6rem;font-family:Be Vietnam Pro,sans-serif;font-size:1.2rem;font-weight:700}.feature-card-premium p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.feature-border{display:none}.learning-path-section{background:radial-gradient(circle at 80%,#6366f10a 0%,#0000 50%)}.path-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid;position:relative}.path-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:2.5rem 1.5rem;transition:all .4s;position:relative}.path-card:hover{background:#ffffff0a;border-color:#6366f126;transform:translateY(-8px);box-shadow:0 20px 40px -10px #0000004d}.path-step{background:linear-gradient(135deg,#6366f126,#6366f10d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-family:Be Vietnam Pro,sans-serif;font-size:3rem;font-weight:800;line-height:1}.path-icon{width:60px;height:60px;color:var(--primary-light);background:#6366f114;border:1px solid #6366f11f;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.25rem;transition:all .4s;display:flex}.path-card:hover .path-icon{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 10px 25px #6366f14d}.path-card h3{color:#fff;margin-bottom:.5rem;font-family:Be Vietnam Pro,sans-serif;font-size:1.1rem;font-weight:700}.path-card p{color:var(--text-muted);font-size:.88rem;line-height:1.5}.path-connector{display:none}.visual-learning-section{background:radial-gradient(circle at 20%,#6366f10a 0%,#0000 50%)}.visual-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.visual-image{position:relative}.visual-image img{border-radius:24px;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px #0006,0 0 30px #6366f11a}.visual-image img:hover{transform:translateY(-8px);box-shadow:0 35px 70px #00000080,0 0 50px #6366f133}.visual-glow-ai{background:var(--gradient-primary);filter:blur(80px);opacity:.1;z-index:-1;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-content{flex-direction:column;justify-content:center;display:flex}.text-left{text-align:left}.v-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.75}.visual-features-list{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.visual-features-list li{align-items:flex-start;gap:1.25rem;display:flex}.v-icon-box{background:#6366f114;border:1px solid #6366f11f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.4rem;transition:all .3s;display:flex}.visual-features-list li:hover .v-icon-box{background:var(--gradient-primary);border-color:#0000;box-shadow:0 8px 20px #6366f14d}.v-text strong{color:#fff;margin-bottom:.2rem;font-family:Be Vietnam Pro,sans-serif;font-size:1.05rem;font-weight:700;display:block}.v-text p{color:var(--text-muted);font-size:.88rem;line-height:1.5}.courses-section{background:radial-gradient(at 50% 0,#6366f108 0%,#0000 50%)}.testimonials-section{background:radial-gradient(circle at 50% 100%,#6366f10a 0%,#0000 50%)}.testimonial-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:2.5rem 2rem;transition:all .4s;position:relative}.testimonial-card:hover{border-color:#6366f126;transform:translateY(-8px);box-shadow:0 20px 40px -10px #0000004d}.testimonial-quote{color:#6366f126;margin-bottom:1rem}.testimonial-stars{gap:2px;margin-bottom:1.25rem;display:flex}.testimonial-text{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;font-style:italic;line-height:1.7}.testimonial-author{border-top:1px solid #ffffff0f;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.author-avatar{background:var(--gradient-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:800;display:flex}.author-name{color:#fff;font-family:Be Vietnam Pro,sans-serif;font-size:.95rem;font-weight:700}.author-role{color:var(--text-muted);margin-top:2px;font-size:.8rem}.author-avatar-img{object-fit:cover;border:2px solid #6366f133;border-radius:50%;flex-shrink:0;width:48px;height:48px;box-shadow:0 4px 12px #0000004d}.partners-section{background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.partners-slider{margin-top:4rem;position:relative;overflow:hidden}.partners-track{filter:grayscale()opacity(.5);justify-content:center;align-items:center;gap:6rem;transition:all .5s;display:flex}.partners-section:hover .partners-track{filter:grayscale(0)opacity()}.partners-logo-full{object-fit:contain;max-width:100%;height:auto;max-height:120px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.partners-logo-full:hover{transform:scale(1.05)}.partners-slider:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);width:50%;height:100%;animation:8s infinite shine-partners;position:absolute;top:0;left:-100%}@keyframes shine-partners{0%{left:-100%}20%{left:150%}to{left:150%}}.partners-grid{grid-template-columns:repeat(6,1fr);gap:2rem;margin-top:4rem;display:grid}.partner-card{aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;justify-content:center;align-items:center;padding:2rem 1.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.partner-card:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f10d 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.partner-card:hover:before{opacity:1}.partner-card:hover{border-color:#6366f133;transform:translateY(-8px);box-shadow:0 20px 50px -10px #0006,0 0 30px #6366f11a}.partner-card img{object-fit:contain;filter:grayscale(.3)brightness(.95);border-radius:16px;width:100%;height:auto;max-height:100px;transition:all .5s}.partner-card:hover img{filter:grayscale(0)brightness(1.1);transform:scale(1.08)}@media (max-width:1024px){.partners-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.partners-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.cta-section{text-align:center;padding:120px 0;position:relative;overflow:hidden}.cta-bg{background:linear-gradient(135deg,#6366f114 0%,#3b82f60a 100%);position:absolute;inset:0}.cta-orb{filter:blur(100px);border-radius:50%;position:absolute}.cta-orb1{background:#6366f126;width:400px;height:400px;top:-100px;right:-100px}.cta-orb2{background:#3b82f61a;width:300px;height:300px;bottom:-80px;left:-80px}.cta-content{z-index:10;position:relative}.cta-badge{color:var(--primary-light);background:#6366f11a;border:1px solid #6366f133;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;display:inline-flex}.cta-title{color:#fff;margin-bottom:1.5rem;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.15}.cta-title span{background:linear-gradient(135deg,#818cf8,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-desc{color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1.15rem;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.cta-btn{box-shadow:0 0 40px #6366f14d}.cta-btn:hover{box-shadow:0 0 60px #6366f180}.fade-in-up{animation:1s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.float{animation:6s ease-in-out infinite float}.float-slow{animation:8s ease-in-out infinite float}.float-mid{animation:5s ease-in-out .5s infinite float}.float-reverse{animation:7s ease-in-out infinite float-rev}@keyframes float-rev{0%,to{transform:translateY(0)}50%{transform:translateY(25px)}}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-text{flex-direction:column;align-items:center;display:flex}.hero-desc{max-width:100%}.hero-actions,.hero-trust{justify-content:center}.hero-visual-premium{order:-1}.visual-wrapper{max-width:400px}.stats-grid,.features-grid.grid-4,.path-grid{grid-template-columns:repeat(2,1fr)}.visual-grid{grid-template-columns:1fr;gap:3rem}.visual-content{text-align:center;align-items:center}.text-left{text-align:center}.visual-features-list{align-items:center}.visual-image{order:2}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1.5rem 1.25rem}.stat-value{font-size:1.3rem}.features-grid.grid-4{grid-template-columns:1fr}.path-grid{grid-template-columns:1fr 1fr}.hero{padding-top:20px}.hero-title{font-size:2.5rem}}@media (max-width:480px){.stats-grid,.path-grid{grid-template-columns:1fr}.hero-title,.cta-title{font-size:2rem}}.scroll-down-arrow{z-index:30;backdrop-filter:blur(10px);color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s;animation:2.5s ease-in-out infinite scroll-bounce;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-down-arrow:hover{border-color:var(--primary-light);color:var(--primary-light);background:#6366f126;transform:translate(-50%)scale(1.1);box-shadow:0 0 25px #6366f14d}@keyframes scroll-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(12px)}}.section-navigator{z-index:1000;backdrop-filter:blur(15px);color:#fff;cursor:pointer;opacity:0;visibility:hidden;background:#6366f1cc;border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .5s cubic-bezier(.22,1,.36,1);animation:3s ease-in-out infinite nav-pulse;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 6px 25px #6366f166,0 0 15px #6366f126}.section-navigator.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.section-navigator:not(.go-top){animation:2.8s ease-in-out infinite nav-bounce}.section-navigator.go-top{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#8b5cf64d;animation:2s ease-in-out infinite nav-pulse-up;box-shadow:0 6px 30px #8b5cf680,0 0 20px #8b5cf633}.section-navigator:hover{background:#6366f1;border-color:#ffffff40;transform:translate(-50%)scale(1.12);box-shadow:0 10px 35px #6366f199,0 0 25px #6366f14d}.section-navigator.go-top:hover{background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%);box-shadow:0 10px 40px #8b5cf6b3,0 0 30px #8b5cf64d}.section-navigator:active{transform:translate(-50%)scale(.9)}@keyframes nav-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}@keyframes nav-pulse-up{0%,to{transform:translate(-50%)translateY(0);box-shadow:0 6px 30px #8b5cf680,0 0 20px #8b5cf633}50%{transform:translate(-50%)translateY(-4px);box-shadow:0 10px 40px #8b5cf6b3,0 0 30px #8b5cf64d}}@keyframes nav-pulse{0%,to{box-shadow:0 6px 25px #6366f166,0 0 15px #6366f126}50%{box-shadow:0 6px 30px #6366f199,0 0 20px #6366f140}}.promo-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);background:0 0;justify-content:center;align-items:center;padding:24px;animation:.3s promoFadeIn;display:flex;position:fixed;inset:0}@keyframes promoFadeIn{0%{opacity:0}to{opacity:1}}.promo-popup{width:100%;max-width:520px;box-shadow:none;background:0 0;border:none;border-radius:16px;font-size:0;line-height:0;animation:.4s cubic-bezier(.22,1,.36,1) promoZoomIn;display:block;position:relative;overflow:hidden}.promo-popup a{font-size:0;line-height:0;display:block}.promo-popup img{display:block}@keyframes promoZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes promoGlow{0%,to{box-shadow:0 0 30px #ffc1074d,0 0 60px #ffa50026,0 0 100px #ffc10714}50%{box-shadow:0 0 40px #ffc10780,0 0 80px #ffa50040,0 0 120px #ffc1071f}}@keyframes promoRays{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.promo-close{z-index:9999999;color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 16px #0006}.promo-close:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.15)}.promo-image{cursor:pointer;border-radius:0;width:100%;transition:transform .3s;animation:2.5s ease-in-out infinite promoGlow;display:block;box-shadow:0 0 30px #ffc1074d,0 0 60px #ffa50026,0 0 100px #ffc10714}.promo-image:hover{transform:scale(1.02)}.promo-html-content{text-align:center;color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);border:1px solid #6366f140;border-radius:20px;padding:2.5rem 2rem;font-size:1rem;line-height:1.6;box-shadow:0 24px 64px #00000080,0 0 40px #6366f126}.promo-html-content h2,.promo-html-content h3{color:#fff;margin-bottom:1rem}.promo-html-content p{color:#ffffffbf}.promo-title{margin-bottom:1rem;font-size:1.4rem;font-weight:800}@media (max-width:640px){.promo-popup{max-width:92vw}.promo-close{width:32px;height:32px;font-size:14px;top:-4px;right:-4px}}.about-page{min-height:100vh}.about-hero{text-align:center;background:linear-gradient(135deg,#0f0c29,#1a1640,#302b63);padding:60px 0 40px;position:relative;overflow:hidden}.about-hero:before{content:"";background:radial-gradient(circle at 30%,#8b5cf61f,#0000 60%),radial-gradient(circle at 70%,#6366f11a,#0000 60%);position:absolute;inset:0}.about-badge{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.about-hero h1{color:#fff;margin:0 0 16px;font-size:2.4rem;position:relative}.about-hero-desc{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7;position:relative}.about-stats{padding:48px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:24px 16px}.stat-num{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2rem;font-weight:900;display:block}.stat-label{color:#94a3b8;font-size:.85rem;font-weight:600}.about-values{padding:48px 0}.values-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.value-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:28px 20px;transition:all .3s}.value-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 12px 32px #6366f11a}.value-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}.value-card h3{color:#e2e8f0;margin:0 0 6px;font-size:1rem}.value-card p{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.5}.about-timeline{padding:48px 0 60px}.timeline{max-width:600px;margin:0 auto;position:relative}.timeline:before{content:"";background:#6366f133;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{padding:16px 0;display:flex;position:relative}.timeline-item.left{justify-content:flex-start;padding-right:55%}.timeline-item.right{justify-content:flex-end;padding-left:55%}.timeline-dot{background:#6366f1;border-radius:50%;width:12px;height:12px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #6366f133}.timeline-content{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:16px 20px}.timeline-year{color:#a78bfa;letter-spacing:1px;text-transform:uppercase;font-size:.7rem;font-weight:800}.timeline-content h3{color:#e2e8f0;margin:4px 0;font-size:.95rem}.timeline-content p{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.5}.about-cta{padding:0 0 80px}.cta-box{text-align:center;background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid #6366f133;border-radius:16px;padding:48px 32px}.cta-box h2{color:#e2e8f0;margin:0 0 8px;font-size:1.6rem}.cta-box p{color:#94a3b8;margin:0 0 20px;font-size:.95rem}.cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cta-buttons .btn,.cta-buttons .btn-outline-light{text-align:center;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;min-width:160px;padding:12px 28px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-outline-light{color:#e2e8f0;cursor:pointer;background:0 0;border:1.5px solid #fff3;transition:all .2s}.btn-outline-light:hover{color:#a5b4fc;border-color:#6366f1}@media (max-width:768px){.stats-grid,.values-grid{grid-template-columns:1fr 1fr}.about-hero h1{font-size:1.8rem}.timeline:before{left:20px}.timeline-item.left,.timeline-item.right{justify-content:flex-start;padding:0 0 0 48px}.timeline-dot{left:20px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr}}.page-header{padding:8rem 0 4rem;position:relative;overflow:hidden}.page-header-bg{background:var(--gradient-hero);position:absolute;inset:0}.page-header-bg:after{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.page-header-content{position:relative}.page-title{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.page-subtitle{color:var(--text-secondary);max-width:500px;font-size:1.05rem}.courses-filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:280px;color:var(--text-muted);flex:1;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 1rem;display:flex}.search-input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:.95rem}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-muted)}.filter-chips{color:var(--text-muted);align-items:center;gap:.75rem;display:flex}.filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;padding:.6rem 1rem;font-size:.9rem}.filter-select:focus{border-color:var(--primary-light);outline:none}.results-count{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.results-count strong{color:var(--primary-light)}.empty-state{text-align:center;color:var(--text-muted);padding:5rem}.empty-state svg{opacity:.3;margin:0 auto 1rem}@media (max-width:768px){.page-header{padding:6rem 0 2.5rem}.courses-filters{flex-direction:column;align-items:stretch}.search-bar{width:100%;min-width:0}.filter-chips,.filter-select{width:100%}}@media (max-width:480px){.page-header{padding:5.5rem 0 2rem}.empty-state{padding:3rem 1rem}}.cd-hero{background:var(--gradient-hero);padding:7rem 0 3rem;position:relative}.cd-hero-bg{background:#0006;position:absolute;inset:0}.cd-hero-content{grid-template-columns:1fr 380px;align-items:start;gap:3rem;display:grid;position:relative}.cd-info{padding-right:1rem}.cd-title{margin:.75rem 0;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:800;line-height:1.3}.cd-desc{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.cd-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cd-rating{align-items:center;gap:.5rem;font-weight:600;display:flex}.cd-stat{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.cd-video-preview{border:1px solid #ffffff1a;border-radius:12px;margin-top:1.5rem;overflow:hidden;box-shadow:0 12px 40px #0000004d}.cd-video-wrapper{background:#000;width:100%;padding-bottom:56.25%;position:relative}.cd-video-wrapper iframe,.cd-video-wrapper video{border:none;width:100%;height:100%;position:absolute;inset:0}.cd-thumb-hero{padding-bottom:0}.cd-thumb-hero img{width:100%;display:block}.cd-play-overlay{cursor:pointer;color:#fff;background:#00000073;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.cd-play-overlay:hover{background:#0009}.cd-play-overlay svg{filter:drop-shadow(0 4px 12px #0000004d)}.cd-no-video{color:var(--text-muted);background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 0;display:flex}.cd-sidebar{position:sticky;top:100px}.cd-purchase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cd-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%}.cd-thumbnail-placeholder{aspect-ratio:16/9;background:var(--gradient-card);color:var(--primary-light);opacity:.5;justify-content:center;align-items:center;display:flex}.cd-purchase-body{padding:1.5rem}.cd-price-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.cd-enrolled-actions{width:100%}.cd-learn-btn{justify-content:center;align-items:center;gap:8px;width:100%;animation:2s infinite learnPulse;display:flex;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;padding:12px!important;font-size:1rem!important;font-weight:700!important}.cd-learn-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159!important}@keyframes learnPulse{0%,to{box-shadow:0 4px 12px #10b98140}50%{box-shadow:0 4px 20px #10b98173}}.cd-progress-bar{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;width:100%;height:24px;margin-bottom:10px;position:relative;overflow:hidden}.cd-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:12px;height:100%;transition:width .5s}.cd-progress-text{color:#fff;text-shadow:0 1px 2px #0000004d;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;inset:0}.cd-includes{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.cd-includes-title{margin-bottom:.75rem;font-weight:700}.cd-includes ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.cd-includes li{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.cd-includes li svg{color:var(--success);flex-shrink:0}.cd-body{padding:3rem 1.5rem}.cd-section{margin-bottom:3rem}.cd-section h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.lessons-list{border:1px solid var(--border);border-radius:var(--radius);margin-top:1.25rem;overflow:hidden}.lesson-item{border-bottom:1px solid var(--border);transition:var(--transition);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.lesson-item:last-child{border-bottom:none}.lesson-item.preview{background:#10b9810d}.lesson-item.clickable{cursor:pointer}.lesson-item.clickable:hover{background:#10b9811a}.lesson-item.completed{opacity:.7}.lesson-left{align-items:center;gap:.75rem;display:flex}.lesson-num{background:var(--bg-card2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.lesson-num.done{color:#fff;background:#10b981}.lesson-title{font-size:.9rem}.lesson-duration{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.lesson-preview-badge{cursor:pointer;align-items:center;gap:3px;animation:2s infinite previewGlow;font-size:.68rem!important;display:inline-flex!important}@keyframes previewGlow{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 8px #10b9814d}}.cd-modal-overlay{z-index:10000;backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.cd-modal{background:#0f0c29;border:1px solid #6366f14d;border-radius:16px;width:100%;max-width:800px;animation:.3s modalSlideUp;overflow:hidden;box-shadow:0 32px 64px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cd-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cd-modal-header h3{color:#e2e8f0;align-items:center;gap:8px;margin:0;font-size:.9rem;font-weight:700;display:flex}.cd-modal-header button{cursor:pointer;color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:4px;transition:all .2s}.cd-modal-header button:hover{color:#ef4444;background:#ef444433}.cd-modal-video{background:#000;width:100%;padding-bottom:56.25%;position:relative}.cd-modal-video iframe,.cd-modal-video video{border:none;width:100%;height:100%;position:absolute;inset:0}.reviews-list{flex-direction:column;gap:1.5rem;margin-top:1.25rem;display:flex}.review-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.review-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.review-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.review-name{font-size:.9rem;font-weight:600}.review-comment{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.cd-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;gap:6px;margin-bottom:1.5rem;padding:6px;display:flex;overflow-x:auto}.cd-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:.88rem;font-weight:600;transition:all .25s;display:flex;position:relative}.cd-tab:hover{color:var(--text);background:#ffffff0a}.cd-tab.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f14d}.cd-tab.active svg{color:#fff}.cd-tab-content{min-height:200px}.cd-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:.5rem;display:flex}.cd-lesson-count{color:var(--text-muted);background:var(--bg-card2);border-radius:99px;padding:4px 12px;font-size:.85rem;font-weight:500}.cd-requirements-list{flex-direction:column;gap:14px;margin-top:1rem;padding:0;list-style:none;display:flex}.cd-requirements-list li{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:14px 18px;font-size:.92rem;line-height:1.5;transition:all .2s;display:flex}.cd-requirements-list li:hover{background:#10b98108;border-color:#10b9814d}.cd-requirements-list li svg{flex-shrink:0;margin-top:2px}.cd-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.cd-empty-state svg{opacity:.3;margin-bottom:12px}.cd-empty-state p{font-size:.95rem}.cd-description-list{flex-direction:column;gap:10px;margin-top:1rem;padding:0;list-style:none;display:flex}.cd-description-list li{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);align-items:flex-start;gap:12px;padding:12px 18px;font-size:.92rem;line-height:1.6;transition:all .2s;display:flex}.cd-description-list li:hover{background:#6366f108;border-color:#6366f133}.cd-bullet{color:var(--primary-light);flex-shrink:0;margin-top:2px;font-size:1.3rem;font-weight:700;line-height:1}.cd-featured-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:2rem}.cd-featured-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:1.25rem;display:grid}.cd-featured-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:all .3s;overflow:hidden}.cd-featured-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 12px 28px #0003}.cd-featured-img{aspect-ratio:16/10;background:var(--bg-card2);position:relative;overflow:hidden}.cd-featured-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.cd-featured-card:hover .cd-featured-img img{transform:scale(1.05)}.cd-featured-placeholder{width:100%;height:100%;color:var(--text-muted);opacity:.4;justify-content:center;align-items:center;display:flex}.cd-featured-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:99px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:8px;left:8px}.cd-featured-body{padding:14px 16px}.cd-featured-cat{color:var(--primary-light);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.cd-featured-body h4{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 10px;font-size:.88rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.cd-featured-meta{justify-content:space-between;align-items:center;display:flex}.cd-featured-meta .stars{align-items:center;gap:2px;display:flex}.cd-featured-meta .stars span{color:var(--text-muted);margin-left:4px;font-size:.72rem}.cd-featured-price{color:var(--primary-light);font-size:.85rem;font-weight:700}@media (max-width:1024px){.cd-hero-content{grid-template-columns:1fr}.cd-sidebar{position:static}}@media (max-width:640px){.cd-tabs{gap:0}.cd-tab{padding:10px 14px;font-size:.82rem}.cd-featured-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.sp-notif{max-width:none;left:10px;right:10px}}.sp-notif{z-index:9999;background:#fff;border-radius:12px;max-width:400px;animation:.6s cubic-bezier(.22,1,.36,1) spSlideIn;display:flex;position:fixed;bottom:28px;left:28px;overflow:hidden;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014}@keyframes spSlideIn{0%{opacity:0;transform:translate(-110%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.sp-notif-accent{background:linear-gradient(#10b981,#059669);flex-shrink:0;width:5px}.sp-notif-content{flex:1;padding:14px 16px}.sp-notif-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sp-notif-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.sp-notif-info{flex:1;min-width:0}.sp-notif-name{color:#1e293b;margin:0;font-size:.88rem;font-weight:700;line-height:1.3}.sp-notif-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:.75rem;overflow:hidden}.sp-notif-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:14px;line-height:1;transition:all .15s}.sp-notif-close:hover{color:#475569;background:#f1f5f9}.sp-notif-bottom{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.sp-notif-msg{color:#15803d;flex:1;margin:0;font-size:.78rem;line-height:1.4}.sp-notif-msg strong{color:#166534}.sp-notif-check{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:11px;font-weight:800;display:inline-flex}.sp-notif-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:.68rem}@media (max-width:640px){.sp-notif{max-width:none;bottom:16px;left:12px;right:12px}}.course-player{color:#e2e8f0;background:#0c1222;flex-direction:column;height:100vh;display:flex;overflow:hidden}.player-header{z-index:10;background:linear-gradient(135deg,#111827 0%,#1a1f36 100%);border-bottom:1px solid #6366f126;align-items:center;gap:1rem;height:60px;padding:0 1.25rem;display:flex;box-shadow:0 2px 12px #0000004d}.back-btn{color:#94a3b8;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.back-btn:hover{color:#e2e8f0;background:#ffffff0f}.course-info{flex:1;min-width:0}.course-title-small{white-space:nowrap;text-overflow:ellipsis;color:#f1f5f9;font-size:.95rem;font-weight:600;overflow:hidden}.trophy-progress{background:#10b98114;border:1px solid #10b98133;border-radius:24px;align-items:center;gap:8px;padding:4px 16px 4px 6px;display:flex}.trophy-ring-container{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.trophy-icon{color:#fbbf24;filter:drop-shadow(0 0 6px #fbbf2466);animation:4s linear infinite trophySpin;position:absolute}@keyframes trophySpin{0%{transform:rotate(-5deg)scale(1)}25%{transform:rotate(5deg)scale(1.05)}50%{transform:rotate(-3deg)scale(1)}75%{transform:rotate(3deg)scale(1.03)}to{transform:rotate(-5deg)scale(1)}}.progress-ring{display:block}.trophy-text{color:#10b981;font-size:.8rem;font-weight:700}.sidebar-toggle{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px;transition:all .2s}.sidebar-toggle:hover{color:#fff;background:#ffffff1a}.player-main{flex:1;display:flex;overflow:hidden}.player-content{flex-direction:column;flex:1;transition:all .3s;display:flex;overflow-y:auto}.video-container{aspect-ratio:16/9;background:#000;border:1px solid #6366f11f;border-radius:12px;flex-shrink:0;max-width:100%;margin:12px;position:relative;overflow:hidden;box-shadow:0 0 20px #6366f126,0 0 60px #6366f10d}.video-container iframe{border:none;width:100%;height:100%}.video-placeholder{color:#4b5563;background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.player-footer{background:#111827;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.footer-nav-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.footer-nav-btn:hover:not(:disabled){color:#fff;background:#ffffff0d}.footer-nav-btn:disabled{opacity:.25;cursor:not-allowed}.footer-center{align-items:center;gap:16px;display:flex}.lesson-counter{color:#64748b;font-size:.8rem;font-weight:600}.complete-btn{cursor:pointer;color:#818cf8;background:#6366f126;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.complete-btn:hover{background:#6366f140}.complete-btn.done{color:#10b981;background:#10b98126}.player-tabs-nav{background:#0003;border-bottom:1px solid #ffffff14;gap:0;padding:0 24px;display:flex}.player-tabs-nav button{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:14px 18px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;position:relative}.player-tabs-nav button:hover{color:#e2e8f0}.player-tabs-nav button.active{color:#e2e8f0;font-weight:600}.player-tabs-nav button.active:after{content:"";background:linear-gradient(90deg,#6366f1,#818cf8);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.player-tab-content{background:0 0;flex:1;padding-bottom:4rem}.lesson-body{max-width:900px;margin:0 auto;padding:2rem 0}.lesson-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.lesson-header h2{color:#f1f5f9;flex:1;min-width:0;font-size:1.5rem;font-weight:700}.lesson-content-text{color:#94a3b8;font-size:1rem;line-height:1.8}.qa-section{max-width:900px;padding:2rem}.qa-controls{flex-direction:column;gap:12px;margin-bottom:1.5rem;display:flex}.qa-search-row{gap:12px;display:flex}.qa-search-row input{color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:10px 16px;font-size:.9rem;transition:all .2s}.qa-search-row input:focus{background:#ffffff0f;border-color:#6366f180}.qa-filter-row select{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 14px;font-size:.85rem}.qa-count{color:#64748b;margin-bottom:8px;font-size:.85rem;font-weight:600}.qa-empty{text-align:center;color:#4b5563;padding:3rem;font-style:italic}.qa-ask-form{background:#6366f10d;border:1px solid #6366f126;border-radius:12px;gap:12px;margin-bottom:1.5rem;padding:16px;display:flex}.qa-avatar-sm{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.qa-ask-body{flex-direction:column;flex:1;gap:8px;display:flex}.qa-ask-body textarea,.qa-reply-form textarea{color:#e2e8f0;resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem}.qa-ask-body textarea:focus,.qa-reply-form textarea:focus{border-color:#6366f166}.qa-ask-actions{justify-content:flex-end;gap:8px;display:flex}.qa-badge{padding:2px 6px!important;font-size:.6rem!important}.ud-qa-list{flex-direction:column;display:flex}.ud-qa-card{cursor:pointer;border-bottom:1px solid #ffffff0f;gap:12px;padding:16px 0;transition:all .2s;display:flex}.ud-qa-card:hover{background:#ffffff05;border-radius:8px;margin:0 -12px;padding:16px 12px}.ud-qa-avatar{color:#e2e8f0;background:linear-gradient(135deg,#374151,#4b5563);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.ud-qa-avatar.sm{width:34px;height:34px;font-size:.85rem}.ud-qa-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ud-qa-main{flex:1;min-width:0}.ud-qa-title{color:#e2e8f0;margin:0 0 4px;font-size:.95rem;font-weight:600}.ud-qa-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.qa-dot{font-size:8px}.ud-qa-stats{color:#64748b;white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;display:flex}.ud-qa-thread{animation:.3s fadeIn}.qa-back{align-items:center;gap:6px;margin-bottom:1.5rem;font-size:.85rem;padding:0!important;display:flex!important}.ud-qa-thread-parent{gap:14px;margin-bottom:2rem;display:flex}.qa-thread-meta{align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem;display:flex}.qa-thread-meta span{color:#64748b}.qa-thread-content{color:#cbd5e1;font-size:.95rem;line-height:1.6}.ud-qa-replies h4{color:#94a3b8;margin:2rem 0 1rem;font-size:.9rem}.ud-qa-thread-reply{border-left:3px solid #ffffff0f;border-radius:10px;gap:12px;margin-bottom:16px;padding:12px;display:flex}.ud-qa-thread-reply.admin-reply{background:#6366f10f;border-left-color:#6366f1}.qa-reply-form{border-top:1px solid #ffffff0f;gap:12px;margin-top:24px;padding-top:16px;display:flex}.notes-section{max-width:900px;padding:2rem}.notes-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notes-header h3{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.notes-textarea{color:#e2e8f0;resize:vertical;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:250px;padding:18px;font-family:inherit;font-size:.95rem;line-height:1.7;transition:all .2s}.notes-textarea:focus{background:#ffffff0d;border-color:#6366f166}.notes-hint{color:#4b5563;margin-top:12px;font-size:.8rem}.btn-sm{padding:6px 14px!important;font-size:.8rem!important}.saved{background:#10b981!important}.review-section{max-width:600px;padding:2rem}.review-card{text-align:center;background:linear-gradient(135deg,#6366f10f,#10b9810a);border:1px solid #6366f126;border-radius:16px;padding:32px}.review-card h3{margin-bottom:8px;font-size:1.3rem;font-weight:700}.review-subtitle{color:#64748b;margin-bottom:24px;font-size:.9rem}.review-stars-row{justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.review-star{cursor:pointer;transition:all .15s}.review-star:hover{transform:scale(1.2)}.review-star.filled{filter:drop-shadow(0 0 6px #f59e0b66)}.review-label{color:#fbbf24;margin-left:8px;font-size:.9rem;font-weight:600}.review-textarea{color:#e2e8f0;resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;margin-bottom:16px;padding:14px 18px;font-family:inherit;font-size:.9rem}.review-textarea:focus{border-color:#6366f166}.all-reviews{margin-top:2rem}.all-reviews h3{color:#e2e8f0;font-size:1rem;font-weight:700}.review-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:10px;padding:16px}.review-item-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.review-item-header strong{color:#e2e8f0;font-size:.88rem;display:block}.review-item-stars{gap:2px;margin-top:2px;display:flex}.review-item-date{color:#4b5563;margin-left:auto;font-size:.72rem}.review-item-text{color:#94a3b8;margin:0;padding-left:46px;font-size:.88rem;line-height:1.5}.player-sidebar{z-index:50;background:#111827;border-left:1px solid #ffffff0f;flex-direction:column;width:340px;transition:all .3s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.player-sidebar.open{position:relative;transform:translate(0)}.sidebar-head{background:#0003;border-bottom:1px solid #ffffff0f;padding:16px 18px}.sidebar-head h3{margin-bottom:8px;font-size:.95rem;font-weight:700}.sidebar-progress{align-items:center;gap:10px;display:flex}.sidebar-progress-bar{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.sidebar-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%;transition:width .5s}.sidebar-progress span{color:#64748b;white-space:nowrap;font-size:.72rem;font-weight:600}.lesson-list{flex:1;overflow-y:auto}.lesson-list::-webkit-scrollbar{width:4px}.lesson-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.lesson-item{cursor:pointer;border-bottom:1px solid #ffffff08;border-left:3px solid #0000;gap:12px;padding:14px 18px;transition:all .2s;display:flex}.lesson-item:hover{background:#ffffff08}.lesson-item.active{background:#6366f114;border-left-color:#6366f1}.lesson-item.completed{background:#10b9810a;border-left-color:#10b98166}.lesson-item.completed:hover{background:#10b98114}.lesson-item.active.completed{background:#10b9811a;border-left-color:#10b981}.lesson-status{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.circle-num{color:#64748b;border:1.5px solid #4b5563;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:600;transition:all .3s;display:flex}.circle-done{animation:.3s checkPop;box-shadow:0 0 8px #10b98166;color:#fff!important;background:#10b981!important;border-color:#10b981!important}@keyframes checkPop{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.lesson-info{flex:1;min-width:0}.lesson-title{color:#cbd5e1;margin-bottom:4px;font-size:.82rem;font-weight:500;line-height:1.4}.completed .lesson-title{color:#34d399}.lesson-meta{color:#4b5563;align-items:center;gap:4px;font-size:.7rem;display:flex}.materials-section{max-width:900px;padding:2rem}.mat-block{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:2rem;padding:24px}.mat-block h3{color:#e2e8f0;align-items:center;gap:8px;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.mat-empty{color:#4b5563;text-align:center;padding:16px;font-style:italic}.mat-list{flex-direction:column;gap:8px;display:flex}.mat-item{color:#e2e8f0;cursor:pointer;background:#6366f10a;border:1px solid #6366f11a;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.mat-item:hover{background:#6366f11a;border-color:#6366f140;transform:translate(4px)}.mat-icon{color:#818cf8;background:#6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.mat-ext{color:#6366f1;background:#6366f126;border-radius:4px;padding:1px 4px;font-size:.55rem;font-weight:800;line-height:1;position:absolute;bottom:-2px;right:-2px}.mat-info{flex:1;min-width:0}.mat-name{color:#e2e8f0;font-size:.88rem;font-weight:600;display:block}.mat-size{color:#64748b;font-size:.7rem;display:block}.mat-dl-icon{color:#10b981;flex-shrink:0}.submit-form{flex-direction:column;gap:12px;display:flex}.file-drop{cursor:pointer;background:#6366f108;border:2px dashed #6366f133;border-radius:12px;transition:all .2s;display:block}.file-drop:hover{background:#6366f10f;border-color:#6366f166}.file-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.file-empty p{color:#94a3b8;margin:0;font-size:.9rem;font-weight:600}.file-empty span{font-size:.75rem}.file-selected{color:#10b981;align-items:center;gap:10px;padding:14px 16px;display:flex}.file-selected span{flex:1;font-size:.85rem;font-weight:600}.file-selected button{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.submit-form textarea{color:#e2e8f0;resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.85rem}.submit-form textarea:focus{border-color:#6366f166}.submissions-list{flex-direction:column;gap:10px;display:flex}.submission-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:14px 16px}.submission-item.graded{border-color:#10b98133}.sub-file{color:#cbd5e1;align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem;display:flex}.sub-date{color:#4b5563;margin-left:auto;font-size:.72rem}.sub-note{color:#94a3b8;margin:4px 0;padding-left:24px;font-size:.8rem}.sub-status{padding-left:24px}.sub-score{color:#10b981;font-size:.85rem}.sub-score strong{font-size:1.1rem}.sub-feedback{color:#818cf8;margin-top:4px;font-size:.82rem}.sub-pending{color:#fbbf24;font-size:.8rem}@media (max-width:1024px){.player-sidebar{width:100%;height:calc(100vh - 60px);position:fixed;top:60px}.trophy-progress{display:none}.player-footer{padding:10px 16px}.footer-nav-btn{padding:6px 10px;font-size:.78rem}.lesson-counter{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fb-thread-container{flex-direction:column;gap:4px;display:flex}.fb-comment-item{gap:12px;padding:8px 0;display:flex;position:relative}.fb-replies-group{border-left:2px solid #ffffff14;margin-left:18px;padding-left:24px;position:relative}.fb-comment-item.is-reply:before{content:"";border-bottom:2px solid #ffffff14;border-left:2px solid #ffffff14;border-bottom-left-radius:12px;width:26px;height:22px;position:absolute;top:0;left:-26px}.fb-avatar{color:#fff;z-index:2;background:#374151;border:2px solid #0c1222;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.fb-avatar.sm{width:32px;height:32px;font-size:.75rem}.fb-avatar.avatar-teacher{background:linear-gradient(135deg,#6366f1,#a855f7)}.fb-content-wrap{flex:1;min-width:0}.fb-bubble{background:#ffffff0d;border-radius:18px;max-width:100%;padding:8px 14px;display:inline-block}.fb-bubble.is-teacher{background:#6366f11a;border:1px solid #6366f126}.fb-bubble.is-me{background:#10b9810f;border:1px solid #10b9811a}.fb-user-name{color:#f1f5f9;margin-bottom:2px;font-size:.82rem;font-weight:700;display:block}.fb-user-name.teacher{color:#818cf8}.fb-text{color:#cbd5e1;word-break:break-word;margin:0;font-size:.88rem;line-height:1.45}.fb-actions{color:#64748b;align-items:center;gap:14px;margin-top:4px;padding-left:10px;font-size:.72rem;font-weight:700;display:flex}.fb-action-btn{color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:all .15s}.fb-action-btn:hover{color:#94a3b8;text-decoration:underline}.fb-action-btn.active{color:#6366f1}.fb-time{color:#4b5563;font-weight:400}.fb-inline-form{background:#ffffff08;border-radius:12px;margin-top:8px;margin-left:10px;padding:10px}.fb-comment-image{cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;max-width:250px;max-height:250px;margin:8px 0;transition:transform .2s;display:block}.fb-comment-image:hover{transform:scale(1.02)}.fb-reaction-summary{z-index:5;background:#242526;border:1px solid #3e4042;border-radius:12px;align-items:center;gap:4px;padding:2px 6px;display:flex;position:absolute;bottom:-10px;right:10px;box-shadow:0 2px 8px #0000004d}.fb-reaction-icons{align-items:center;display:flex}.fb-reaction-icons span{margin-right:-2px;font-size:10px}.react-count{color:#b0b3b8;font-size:11px;font-weight:600}.fb-reaction-popup{z-index:100;background:#242526;border:1px solid #3e4042;border-radius:30px;gap:6px;padding:4px 8px;animation:.2s cubic-bezier(.18,.89,.32,1.28) slideUpPopup;display:flex;position:absolute;top:-45px;left:0;box-shadow:0 4px 15px #00000080}@keyframes slideUpPopup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fb-reaction-popup button{cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;transition:transform .2s}.fb-reaction-popup button:hover{transform:scale(1.3)}.fb-upload-btn{color:#818cf8;cursor:pointer;opacity:.8;background:#6366f11f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.fb-upload-btn:hover{opacity:1;background:#6366f140;transform:translateY(-50%)scale(1.15)}.fb-action-btn.reaction-toggle{position:relative}.fb-action-btn.reaction-toggle:hover{color:#818cf8}.fb-preview-container{border:1px solid #ffffff1a;border-radius:8px;width:60px;height:60px;margin-top:8px;margin-bottom:4px;position:relative;overflow:hidden}.fb-preview-img{object-fit:cover;width:100%;height:100%}.fb-preview-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:2px;right:2px}.ud-qa-bubble{background:#ffffff0a;border:1px solid #ffffff14;border-radius:0 14px 14px;flex:1;min-width:0;padding:10px 14px}.ud-qa-bubble-header{align-items:center;gap:8px;margin-bottom:4px;font-size:.82rem;display:flex}.ud-qa-bubble-header .qa-time{color:#4b5563}.bubble-teacher{background:#6366f114;border-color:#6366f133;border-radius:0 14px 14px}.bubble-me{background:#10b9810f;border-color:#10b98126;border-radius:14px 0 14px 14px}.name-me{color:#34d399}.name-teacher{color:#818cf8}.ud-qa-thread-reply{background:0 0;border:none;border-radius:0;gap:10px;margin-bottom:12px;padding:0;display:flex}.ud-qa-thread-reply.my-reply{flex-direction:row-reverse}.ud-qa-thread-reply.my-reply .ud-qa-bubble{text-align:left;border-radius:14px 0 14px 14px}.empty-enrolled{text-align:center;color:var(--text-muted);padding:5rem 2rem}.empty-enrolled svg{opacity:.3;margin:0 auto 1.5rem}.empty-enrolled h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-enrolled p{margin-bottom:2rem}.enrolled-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.enrolled-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);gap:1.25rem;padding:1rem;display:flex;overflow:hidden}.enrolled-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.enrolled-img{border-radius:var(--radius);flex-shrink:0;width:120px;height:90px;overflow:hidden}.enrolled-img img{object-fit:cover;width:100%;height:100%}.enrolled-placeholder{background:var(--gradient-card);width:100%;height:100%;color:var(--primary-light);justify-content:center;align-items:center;display:flex}.enrolled-body{flex-direction:column;flex:1;gap:.35rem;display:flex}.enrolled-title{font-size:.95rem;font-weight:700;line-height:1.3}.enrolled-meta{gap:.75rem;display:flex}.enrolled-meta span{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.8rem;display:flex}.progress-wrap{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.progress-bar-track{background:var(--bg-card2);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);border-radius:999px;height:100%;transition:width .5s}.progress-text{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.enrolled-footer{margin-top:auto}@media (max-width:640px){.enrolled-grid{grid-template-columns:1fr}.enrolled-card{flex-direction:column}.enrolled-img{width:100%;height:140px}}.featured-posts{grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.featured-main{border-radius:var(--radius-lg);aspect-ratio:16/10;cursor:pointer;color:inherit;display:block;position:relative;overflow:hidden}.featured-main:after{content:"";z-index:2;position:absolute;inset:0}.featured-main>*{z-index:1;position:relative}.feat-img-wrap img{object-fit:cover;width:100%;height:100%}.feat-placeholder{background:var(--gradient-primary);opacity:.3;width:100%;height:100%}.feat-overlay{background:linear-gradient(#0000 40%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.feat-overlay h2{margin:.5rem 0;font-size:1.4rem;font-weight:700}.feat-overlay p{color:#ffffffbf;font-size:.9rem}.feat-meta{color:#fff9;align-items:center;gap:1rem;margin-top:.75rem;font-size:.82rem;display:flex}.feat-meta svg{flex-shrink:0}.featured-side{flex-direction:column;gap:1rem;display:flex}.feat-side-post{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:inherit;transition:var(--transition);grid-template-columns:100px 1fr;gap:.75rem;display:grid;position:relative;overflow:hidden}.feat-side-post:after{content:"";z-index:2;position:absolute;inset:0}.feat-side-post>*{z-index:1;position:relative}.feat-side-post:hover{border-color:var(--primary-light);transform:translate(4px)}.feat-side-img{height:80px;overflow:hidden}.feat-side-img img{object-fit:cover;width:100%;height:100%}.feat-side-info{flex-direction:column;gap:.35rem;padding:.75rem .75rem .75rem 0;display:flex}.feat-side-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.feat-side-meta{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.blog-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.filter-tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);border-radius:999px;padding:.4rem 1rem;font-size:.875rem;font-weight:500}.filter-tag:hover,.filter-tag.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;color:inherit;transition:var(--transition);display:block;position:relative;overflow:hidden}.post-card:after{content:"";z-index:2;position:absolute;inset:0}.post-card>*{z-index:1;position:relative}.post-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.post-img{aspect-ratio:16/9;background:var(--bg-card2);overflow:hidden}.post-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.post-card:hover .post-img img{transform:scale(1.05)}.post-placeholder{background:var(--gradient-card);opacity:.3;width:100%;height:100%}.post-body{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.post-excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post-footer{color:var(--text-muted);border-top:1px solid var(--border);gap:1rem;margin-top:auto;padding-top:.75rem;font-size:.8rem;display:flex}.post-footer span{align-items:center;gap:.35rem;display:flex}@media (max-width:768px){.featured-posts{grid-template-columns:1fr}.featured-side{display:none}}.bd-hero{background:var(--gradient-hero);padding:7rem 0 3rem;position:relative}.bd-hero-bg{opacity:.5;background:linear-gradient(135deg,#1e1b4b,#1e3a8a);position:absolute;inset:0}.bd-hero-content{max-width:860px;position:relative}.bd-title{margin:.75rem 0 1rem;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.25}.bd-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.bd-meta span{align-items:center;gap:.4rem;display:flex}.bd-author{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:600;display:flex}.author-avatar-sm{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.bd-layout{grid-template-columns:260px 1fr;align-items:start;gap:2.5rem;max-width:1200px;padding-top:2.5rem;padding-bottom:4rem;display:grid}.bd-toc-sidebar{max-height:calc(100vh - 120px);position:sticky;top:90px;overflow-y:auto}.bd-toc-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.bd-toc-toggle{border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:#3b82f60f;align-items:center;gap:8px;padding:14px 16px;font-size:.88rem;font-weight:700;display:flex}.bd-toc-toggle:hover{background:#3b82f61a}.bd-toc-toggle span{flex:1}.bd-toc-nav{flex-direction:column;padding:10px 0;display:flex}.bd-toc-item{color:var(--text-secondary);border-left:2px solid #0000;padding:6px 16px;font-size:.82rem;line-height:1.4;text-decoration:none;transition:all .18s;display:block}.bd-toc-item:hover{color:var(--primary-light);background:#3b82f60d}.bd-toc-item.active{color:var(--primary-light);border-left-color:var(--primary-light);background:#3b82f614;font-weight:600}.bd-toc-h2{padding-left:16px}.bd-toc-h3{padding-left:28px;font-size:.78rem}.bd-toc-h4{color:var(--text-muted);padding-left:40px;font-size:.75rem}.bd-toc-inline{border-radius:var(--radius);background:#3b82f60d;border:1px solid #3b82f626;margin-bottom:2rem;padding:16px 20px;display:none}.bd-toc-inline-header{color:var(--primary-light);align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:flex}.bd-toc-inline-list{flex-direction:column;gap:6px;margin:0;padding-left:1.2rem;display:flex}.bd-toc-inline-list a{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.bd-toc-inline-list a:hover{color:var(--primary-light)}.bd-main{min-width:0}.bd-featured-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:16/7;margin-bottom:2rem;overflow:hidden}.bd-featured-img img{object-fit:cover;width:100%;height:100%}.bd-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.9}.bd-content h1,.bd-content h2,.bd-content h3,.bd-content h4{color:var(--text-primary);margin:2.2rem 0 1rem;scroll-margin-top:100px;font-weight:700}.bd-content h2{border-bottom:2px solid var(--border);padding-bottom:.5rem;font-size:1.5rem}.bd-content h3{color:var(--primary-light);font-size:1.2rem}.bd-content h4{font-size:1.05rem}.bd-content p{margin-bottom:1.25rem}.bd-content ul,.bd-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.bd-content li{margin-bottom:.5rem}.bd-content code{background:var(--bg-card2);color:var(--primary-light);border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.9em}.bd-content pre{background:var(--bg-card2);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1.25rem;padding:1.5rem;overflow-x:auto}.bd-content blockquote{border-left:4px solid var(--primary-light);color:var(--text-secondary);border-radius:0 var(--radius) var(--radius) 0;background:#3b82f60d;margin:1.5rem 0;padding:.75rem 1rem;font-style:italic}.bd-content strong{color:var(--text-primary);font-weight:700}.bd-content a{color:var(--primary-light)}.bd-content a:hover{text-decoration:underline}.bd-content table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.95rem}.bd-content th,.bd-content td{border:1px solid var(--border);text-align:left;padding:.6rem .9rem}.bd-content th{background:var(--bg-card2);color:var(--text-primary);font-weight:700}.bd-content figure.bd-figure,.bd-content figure{text-align:center;max-width:100%;margin:2rem auto}.bd-content figure img,.bd-content img{border-radius:var(--radius);max-width:100%;height:auto;box-shadow:var(--shadow);border:1px solid var(--border);margin:0 auto;display:block}.bd-content figcaption,.bd-content figure figcaption{color:var(--text-muted);text-align:center;margin-top:.6rem;font-size:.82rem;font-style:italic;line-height:1.5}.bd-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin:2rem 0;padding-top:1.5rem;display:flex}.bd-tag{color:var(--primary-light);background:#3b82f61a;border:1px solid #3b82f633;border-radius:99px;padding:4px 12px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.bd-tag:hover{background:var(--primary);color:#fff}.bd-related{border-top:2px solid var(--border);margin-top:3rem;padding-top:2rem}.bd-related-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:10px;margin-bottom:1.5rem;font-size:1.3rem;font-weight:800;display:flex}.bd-related-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;display:grid}.bd-related-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.bd-related-card:after{content:"";z-index:2;position:absolute;inset:0}.bd-related-card>*{z-index:1;position:relative}.bd-related-card:hover{box-shadow:var(--shadow-lg);border-color:#3b82f64d;transform:translateY(-4px)}.bd-related-thumb{aspect-ratio:16/9;background:var(--bg-card2);flex-shrink:0;position:relative;overflow:hidden}.bd-related-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.bd-related-card:hover .bd-related-thumb img{transform:scale(1.06)}.bd-related-thumb-placeholder{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg, var(--bg-card), var(--bg-card2));justify-content:center;align-items:center;display:flex}.bd-related-cat{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:99px;padding:3px 8px;font-size:.68rem;font-weight:700;position:absolute;top:8px;left:8px}.bd-related-info{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.bd-related-info h3{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.bd-related-card:hover .bd-related-info h3{color:var(--primary-light)}.bd-related-info p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.bd-related-date{color:var(--text-muted);align-items:center;gap:4px;margin-top:auto;font-size:.72rem;display:flex}.bd-cta{border-radius:var(--radius);color:var(--text-secondary);text-align:center;background:#3b82f60f;border:1px solid #3b82f62e;margin-top:2.5rem;padding:1.5rem;font-size:.95rem}.bd-cta p{margin:0}.text-link{color:var(--primary-light);font-weight:600}.text-link:hover{text-decoration:underline}@media (max-width:900px){.bd-layout{grid-template-columns:1fr}.bd-toc-sidebar{display:none}.bd-toc-inline{display:block}}@media (max-width:600px){.bd-related-grid{grid-template-columns:1fr 1fr}.bd-layout{padding-top:1.5rem}}@media (max-width:420px){.bd-related-grid{grid-template-columns:1fr}}.checkout-body{padding:3rem 1.5rem}.checkout-grid{grid-template-columns:1fr 400px;gap:2rem;display:grid}.checkout-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.checkout-section h3{margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.buyer-info{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.buyer-info strong{color:var(--text-primary)}.payment-methods{flex-direction:column;gap:.75rem;display:flex}.payment-method{background:var(--bg-card2);border:2px solid var(--border);border-radius:var(--radius);text-align:left;transition:var(--transition);cursor:pointer;color:var(--text-primary);align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.payment-method:hover:not(.disabled){border-color:var(--primary-light)}.payment-method.active{border-color:var(--primary-light);background:#3b82f614}.payment-method.disabled{opacity:.5;cursor:not-allowed}.pm-icon{font-size:1.5rem}.pm-info{flex:1}.pm-label{font-size:.95rem;font-weight:600}.pm-desc{color:var(--text-muted);margin-top:2px;font-size:.8rem}.order-items{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.order-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.75rem;display:flex}.order-item:last-child{border-bottom:none}.order-item-title{flex:1;font-size:.9rem}.order-item-price{color:var(--primary-light);white-space:nowrap;font-weight:700}.order-total{border-top:2px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 0;font-size:1.05rem;font-weight:700;display:flex}.checkout-trust{border-radius:var(--radius);background:#10b98114;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem;display:flex}.checkout-trust p{color:var(--text-muted);font-size:.83rem}.sticky-sidebar{position:sticky;top:100px}@media (max-width:768px){.checkout-grid{grid-template-columns:1fr}.sticky-sidebar{position:static}}.success-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.success-bg{background:var(--bg-dark);position:fixed;inset:0}.success-orb{background:radial-gradient(circle,#10b98133,#0000);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.success-card{z-index:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:500px;box-shadow:var(--shadow-lg);padding:3rem 2rem;position:relative}.success-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2rem;animation:2s ease-in-out infinite glow;display:flex;box-shadow:0 0 40px #10b98166}.success-card h1{margin-bottom:.75rem;font-size:1.8rem;font-weight:800}.success-card>p{color:var(--text-secondary);margin-bottom:1.5rem}.success-courses{background:var(--bg-card2);border-radius:var(--radius);text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.success-course-item{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.success-note{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.success-actions{flex-direction:column;gap:.75rem;display:flex}.auth-page{min-height:100vh;background:var(--bg-dark);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem 1rem;display:flex;position:relative}.auth-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000)}.auth-orb{filter:blur(100px);opacity:.22;border-radius:50%;position:absolute}.auth-orb.orb1{background:radial-gradient(circle,#4f46e5,#0000);width:520px;height:520px;top:-180px;right:-80px}.auth-orb.orb2{background:radial-gradient(circle,#3b82f6,#0000);width:420px;height:420px;bottom:-120px;left:-80px}.auth-shell{z-index:1;backdrop-filter:blur(24px);background:#0f172a8c;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:1fr 1fr;gap:0;width:100%;max-width:920px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 100px -24px #000000bf}.auth-panel{background:linear-gradient(145deg,#4f46e540 0%,#0f172ae6 55%);border-right:1px solid #ffffff0f;align-items:center;padding:2.5rem 2rem;display:flex}.auth-panel-inner{width:100%}.auth-panel-badge{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.auth-panel-title{letter-spacing:-.03em;color:#fff;margin-bottom:1.5rem;font-family:Be Vietnam Pro,sans-serif;font-size:1.65rem;font-weight:800;line-height:1.25}.auth-panel-list{flex-direction:column;gap:.85rem;list-style:none;display:flex}.auth-panel-list li{color:#e2e8f0e0;align-items:flex-start;gap:.65rem;font-size:.92rem;line-height:1.45;display:flex}.auth-panel-list li svg{color:#818cf8;flex-shrink:0;margin-top:2px}.auth-card{flex-direction:column;padding:2rem 2rem 1.75rem;display:flex}.auth-card-head{text-align:center;margin-bottom:1.25rem}.auth-brand{justify-content:center;margin-bottom:.85rem;display:flex}.auth-brand-logo{object-fit:contain;width:auto;max-width:180px;height:48px}.auth-brand-icon{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:0 10px 24px -8px rgba(var(--primary-rgb), .55);border-radius:14px;justify-content:center;align-items:center;display:flex}.auth-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.25rem;font-family:Be Vietnam Pro,sans-serif;font-size:1.5rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin:0;font-size:.88rem}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-form-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.auth-form-grid .auth-field--full{grid-column:1/-1}.auth-field{flex-direction:column;gap:.35rem;display:flex}.auth-field-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.auth-field label{color:var(--text-muted);letter-spacing:.02em;font-size:.78rem;font-weight:700}.auth-field-hint{color:var(--text-muted);margin:0;font-size:.72rem}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;z-index:1;transition:color .2s;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.auth-input-wrap:focus-within .auth-input-icon{color:var(--primary-light)}.auth-input{width:100%;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:.72rem 1rem .72rem 2.65rem;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input::placeholder{color:#94a3b88c}.auth-input:hover{background:#ffffff0f;border-color:#ffffff29}.auth-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .18);background:#ffffff12;outline:none}.auth-input:-webkit-autofill{caret-color:#f1f5f9;transition:background-color 99999s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#6366f180!important;box-shadow:inset 0 0 0 1000px #1e293b!important}.auth-input:-webkit-autofill:hover{caret-color:#f1f5f9;transition:background-color 99999s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#6366f180!important;box-shadow:inset 0 0 0 1000px #1e293b!important}.auth-input:-webkit-autofill:focus{caret-color:#f1f5f9;transition:background-color 99999s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#6366f180!important;box-shadow:inset 0 0 0 1000px #1e293b!important}.auth-input--eye{padding-right:2.75rem}.auth-input-eye{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-input-eye:hover{color:var(--primary-light);background:#ffffff0f}.auth-submit{width:100%;margin-top:.35rem;border-radius:12px!important;padding:.85rem 1.25rem!important;font-size:.95rem!important}.auth-divider{align-items:center;gap:.75rem;margin:.15rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-divider span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:700}.auth-google-wrap{justify-content:center;min-height:44px;display:flex}.auth-google-wrap>div{justify-content:center!important;width:100%!important;display:flex!important}.auth-link-muted{color:var(--primary-light);white-space:nowrap;font-size:.8rem;font-weight:600}.auth-link-muted:hover{color:#fff;text-decoration:underline}.auth-switch{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff0f;margin-top:1.25rem;padding-top:1rem;font-size:.88rem}.auth-switch a{color:var(--primary-light);font-weight:700}.auth-switch a:hover{color:#fff;text-decoration:underline}@media (max-width:768px){.auth-shell{border-radius:20px;grid-template-columns:1fr;max-width:440px}.auth-panel{display:none}.auth-card{padding:1.5rem 1.25rem 1.25rem}.auth-form-grid{grid-template-columns:1fr}.auth-title{font-size:1.35rem}}@media (max-width:400px){.auth-page{align-items:stretch;padding:0}.auth-shell{max-width:none;min-height:100vh;box-shadow:none;border:none;border-radius:0}.auth-card{flex:1;justify-content:center}}.profile-page{background:var(--bg-dark);min-height:80vh;padding:4rem 0}.profile-card{background:var(--bg-card);border-radius:12px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0006}.profile-sidebar{background:#ffffff05;border-right:1px solid #ffffff1a;flex-direction:column;align-items:center;width:300px;padding:2.5rem;display:flex}.avatar-wrapper{border:2px solid var(--primary);border-radius:50%;width:120px;height:120px;margin-bottom:1.5rem;padding:4px;position:relative}.avatar-wrapper img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;display:flex}.avatar-edit{background:var(--primary);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:5px;right:5px;box-shadow:0 4px 10px #0000004d}.profile-sidebar h3{margin-bottom:.5rem;font-size:1.25rem}.profile-sidebar p{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.profile-nav{flex-direction:column;gap:.5rem;width:100%;display:flex}.nav-item{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:var(--primary);color:#fff}.profile-content{flex:1;padding:3rem}.content-title{margin-bottom:2rem;font-size:2rem;font-weight:800}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.form-group label{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}.form-actions{justify-content:flex-end;margin-top:2.5rem;display:flex}@media (max-width:1024px){.profile-card{flex-direction:column}.profile-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%}.profile-content{padding:2rem}}.recruit-page{min-height:100vh}.recruit-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#0f0c29,#1a1640,#302b63);padding:60px 0 48px;position:relative;overflow:hidden}.recruit-hero:before{content:"";background:radial-gradient(circle,#6366f11f,#0000 70%);position:absolute;inset:0}.recruit-hero-badge{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.recruit-hero h1{margin:0 0 12px;font-size:2.4rem;position:relative}.recruit-hero p{color:#94a3b8;max-width:550px;margin:0 auto;font-size:1rem;line-height:1.6;position:relative}.recruit-benefits{padding:48px 0}.recruit-benefits-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.benefit-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:24px;transition:all .3s}.benefit-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 12px 32px #6366f11f}.benefit-icon{margin-bottom:12px;font-size:2rem;display:block}.benefit-card h3{color:#e2e8f0;margin:0 0 6px;font-size:1rem}.benefit-card p{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.5}.recruit-form-section{padding:48px 0 80px}.recruit-form{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;display:flex}.recruit-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px 24px}.recruit-card-title{color:#e2e8f0;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:10px;font-size:.95rem;display:flex}.recruit-card-title .req{color:#ef4444}.recruit-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.full-width{grid-column:1/-1}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:#cbd5e1;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.req{color:#ef4444}.form-input{color:#e2e8f0;background:#ffffff0a;border:1.5px solid #6366f140;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.form-input:focus{background:#ffffff0f;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-input::placeholder{color:#64748b}.form-input option{color:#e2e8f0;background:#1a1a2e}.recruit-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.recruit-chip{cursor:pointer;color:#cbd5e1;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:99px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .2s}.recruit-chip:hover{color:#e2e8f0;border-color:#6366f1}.recruit-chip.active{color:#fff;background:#6366f1;border-color:#6366f1;font-weight:600}.recruit-schedule-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.schedule-chip{cursor:pointer;color:#cbd5e1;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.schedule-chip:hover{color:#e2e8f0;border-color:#6366f1}.schedule-chip.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 12px #6366f14d}.schedule-icon{font-size:1.3rem}.recruit-submit{color:#fff;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:16px;font-size:1.05rem;font-weight:800;transition:all .2s;display:flex}.recruit-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.recruit-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.recruit-success-card{text-align:center;background:#ffffff0a;border:1px solid #6366f133;border-radius:20px;width:100%;max-width:480px;padding:48px 40px;animation:.5s ease-out successFadeIn;box-shadow:0 20px 60px #0000004d}.recruit-success-card h2{color:#e2e8f0;margin:20px 0 12px;font-size:1.6rem}.recruit-success-card p{color:#94a3b8;margin:0 0 8px;font-size:.95rem;line-height:1.7}.success-icon-ring{background:linear-gradient(135deg,#10b98126,#10b9810d);border:2px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto;animation:2s ease-in-out infinite successPulse;display:flex}.success-icon-ring svg{color:#10b981}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.btn-outline{color:#a5b4fc;cursor:pointer;background:0 0;border:1.5px solid #6366f166;font-weight:600;transition:all .2s}.btn-outline:hover{color:#fff;background:#6366f11a;border-color:#6366f1}@keyframes successFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes successPulse{0%,to{box-shadow:0 0 #10b98133}50%{box-shadow:0 0 0 12px #10b98100}}@media (max-width:768px){.recruit-benefits-grid{grid-template-columns:1fr 1fr}.recruit-grid{grid-template-columns:1fr}.recruit-schedule-grid{grid-template-columns:1fr 1fr}.recruit-hero h1{font-size:1.8rem}}@media (max-width:480px){.recruit-benefits-grid{grid-template-columns:1fr}}.contact-page{min-height:100vh}.contact-hero{text-align:center;background:linear-gradient(135deg,#0f0c29,#1a1640,#302b63);padding:60px 0 40px;position:relative;overflow:hidden}.contact-hero:before{content:"";background:radial-gradient(circle at 60% 40%,#3b82f61a,#0000 60%);position:absolute;inset:0}.contact-badge{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.contact-hero h1{color:#fff;margin:0 0 12px;font-size:2.4rem;position:relative}.contact-hero p{color:#94a3b8;font-size:1rem;position:relative}.contact-body{padding:48px 0 80px}.contact-grid{grid-template-columns:1fr 1.2fr;gap:32px;margin-bottom:32px;display:grid}.contact-info h2{color:#e2e8f0;margin:0 0 20px;font-size:1.3rem}.info-cards{flex-direction:column;gap:12px;display:flex}.info-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;gap:14px;padding:16px;transition:all .2s;display:flex}.info-card:hover{border-color:#6366f133}.info-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.info-card h4{color:#94a3b8;margin:0;font-size:.82rem;font-weight:600}.info-card p{color:#e2e8f0;margin:2px 0 0;font-size:.9rem}.info-card a{color:#a5b4fc;text-decoration:none}.info-card a:hover{color:#c4b5fd}.contact-social{margin-top:24px}.contact-social h4{color:#94a3b8;margin:0 0 10px;font-size:.85rem}.social-row{flex-wrap:wrap;gap:8px;display:flex}.social-link{color:#fff;border-radius:99px;padding:6px 16px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s}.social-link.fb{background:#1877f2}.social-link.yt{background:red}.social-link.zl{background:#0068ff}.social-link.tk{background:#010101;border:1px solid #fff3}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.contact-form,.contact-success{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:28px}.contact-form h2{color:#e2e8f0;margin:0 0 20px;font-size:1.3rem}.cf-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cf-field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.cf-field label{color:#cbd5e1;font-size:.8rem;font-weight:600}.cf-field .req{color:#ef4444}.cf-field input,.cf-field select,.cf-field textarea{color:#e2e8f0;background:#ffffff0a;border:1.5px solid #6366f140;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{background:#ffffff0f;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.cf-field input::placeholder,.cf-field textarea::placeholder{color:#64748b}.cf-field select option{color:#e2e8f0;background:#1a1a2e}.contact-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.contact-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.contact-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 28px;animation:.5s ease-out contactSuccessFade;display:flex}.contact-success .success-icon-ring{background:linear-gradient(135deg,#10b98126,#10b9810d);border:2px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto;animation:2s ease-in-out infinite contactPulse;display:flex}.contact-success .success-icon-ring svg{color:#10b981}.contact-success h3{color:#e2e8f0;margin:20px 0 8px;font-size:1.3rem}.contact-success p{color:#94a3b8;margin:0 0 8px;font-size:.9rem;line-height:1.6}.contact-success .success-actions{margin-top:20px}@keyframes contactSuccessFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes contactPulse{0%,to{box-shadow:0 0 #10b98133}50%{box-shadow:0 0 0 12px #10b98100}}.contact-map{margin-top:16px}.spin{animation:1s linear infinite spin}@media (max-width:768px){.contact-grid,.cf-grid{grid-template-columns:1fr}.contact-hero h1{font-size:1.8rem}}.my-activity-page{background:var(--bg-dark);min-height:100vh;padding-bottom:4rem}.ma-hero{padding:3.5rem 0 3rem;position:relative;overflow:hidden}.ma-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1060 0%,#0f172a 50%,#1a0505 100%);position:absolute;inset:0}.ma-hero-content{z-index:1;align-items:center;gap:1.5rem;display:flex;position:relative}.ma-hero-avatar{border:3px solid var(--primary);border-radius:50%;flex-shrink:0;width:80px;height:80px;overflow:hidden}.ma-hero-avatar img{object-fit:cover;width:100%;height:100%}.ma-avatar-placeholder{background:var(--gradient-primary);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;display:flex}.ma-hero-content h1{color:#fff;margin:0;font-size:2rem;font-weight:800}.ma-highlight{color:var(--primary)}.ma-hero-sub{color:#ffffff80;margin:.4rem 0 0;font-size:.95rem}.ma-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0;display:grid}@media (max-width:768px){.ma-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ma-stats-grid{grid-template-columns:1fr}}.ma-stat-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:transform .2s;display:flex}.ma-stat-card:hover{transform:translateY(-2px)}.ma-stat-icon{flex-shrink:0}.icon-blue{color:#60a5fa}.icon-purple{color:#a78bfa}.icon-green{color:#34d399}.icon-gold{color:#fbbf24}.icon-muted{color:var(--text-muted)}.ma-stat-num{color:#fff;font-size:1.75rem;font-weight:800;line-height:1}.ma-stat-label{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.ma-tabs{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.ma-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.ma-tab:hover{color:#fff}.ma-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.ma-badge{background:var(--primary);color:#fff;border-radius:20px;padding:1px 7px;font-size:.7rem;font-weight:700}.ma-badge-green{background:#059669}.ma-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:5rem;display:flex}.ma-spin{animation:1s linear infinite spin}.ma-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.ma-empty svg{opacity:.3}.ma-empty h3{color:#fff;font-size:1.25rem}.ma-order-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;margin-bottom:1rem;overflow:hidden}.ma-order-header{border-bottom:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.ma-order-code{color:#fff;margin-right:.75rem;font-size:.9rem;font-weight:700}.ma-order-meta{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.ma-status-pill{border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.pill-success{color:#34d399;background:#10b98126}.pill-warning{color:#fbbf24;background:#f59e0b26}.pill-danger{color:#f87171;background:#ef444426}.pill-muted{color:var(--text-muted);background:#ffffff14}.ma-order-items{padding:.75rem 1.5rem}.ma-order-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.ma-order-item:last-child{border-bottom:none}.ma-course-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:44px}.ma-course-thumb-ph{width:60px;height:44px;color:var(--text-muted);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ma-order-item-info{flex:1;min-width:0}.ma-order-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.ma-order-item-price{color:var(--primary);margin-top:.2rem;font-size:.8rem}.ma-learn-btn{flex-shrink:0;align-items:center;gap:4px;display:flex}.ma-order-footer{color:var(--text-muted);background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:space-between;padding:.75rem 1.5rem;font-size:.8rem;display:flex}.ma-order-total strong{color:#fff;font-size:1rem}.ma-course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.ma-course-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.ma-course-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0006}.ma-course-complete{border-color:#34d3994d}.ma-complete-ribbon{color:#fff;z-index:2;background:#10b981e6;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem}.ma-course-thumb-wrap{height:140px;position:relative;overflow:hidden}.ma-course-thumb-wrap img{object-fit:cover;width:100%;height:100%}.ma-course-thumb-ph.large{height:140px;color:var(--text-muted);background:#ffffff0a;justify-content:center;align-items:center;display:flex}.ma-course-body{padding:1rem}.ma-course-title{margin:.5rem 0 .75rem;font-size:.95rem;font-weight:700;line-height:1.3}.ma-progress-block{margin-bottom:0}.ma-progress-bar-track{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.ma-progress-bar-fill{background:var(--gradient-primary);border-radius:3px;height:100%;transition:width .3s}.ma-progress-text{color:var(--text-muted);margin-top:.4rem;font-size:.75rem;display:block}.ma-submission-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.25rem 1.5rem;display:flex}.ma-sub-left{flex:1;align-items:flex-start;gap:1rem;min-width:0;display:flex}.ma-sub-lesson{font-size:.95rem;font-weight:700}.ma-sub-course{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.ma-sub-date{color:var(--text-muted);align-items:center;gap:.3rem;margin-top:.4rem;font-size:.75rem;display:flex}.ma-sub-right{text-align:center;flex-shrink:0}.ma-score-block{flex-direction:column;align-items:center;gap:.25rem;display:flex}.ma-score{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:800;display:flex}.score-high{color:#34d399;background:#10b98133}.score-mid{color:#fbbf24;background:#f59e0b33}.score-low{color:#f87171;background:#ef444433}.ma-graded-label{color:#34d399;font-size:.7rem;font-weight:600}.ma-feedback{color:var(--text-muted);align-items:flex-start;gap:4px;max-width:220px;font-size:.75rem;display:flex}.ma-pending-block{flex-direction:column;align-items:center;gap:.3rem;display:flex}.ma-pending-label{color:var(--text-muted);font-size:.75rem}.ma-comment-card{background:var(--bg-card);border:1px solid #ffffff14;border-radius:14px;margin-bottom:1rem;padding:1.25rem 1.5rem}.ma-comment-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.ma-comment-location{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.ma-comment-course-name{color:var(--primary);white-space:nowrap;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.ma-comment-course-name:hover{color:var(--primary-light);text-decoration:underline}.ma-comment-sep{color:#ffffff40;flex-shrink:0;font-size:.85rem}.ma-comment-lesson-name{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.ma-comment-date{color:var(--text-muted);flex-shrink:0;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.ma-comment-body{color:#ffffffd9;font-size:.9rem;line-height:1.6}.ma-comment-replies{border-top:1px solid #ffffff0f;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.ma-reply{background:#ffffff08;border-radius:8px;padding:.75rem 1rem}.ma-reply-author{color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem;font-weight:700;display:block}.admin-reply{color:var(--primary)}.ma-reply p{color:#fffc;margin:0;font-size:.875rem;line-height:1.5}