@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--bg: #f8f9fc;--bg2: #ffffff;--bg3: #f1f3f9;--card: #ffffff;--border: #e2e8f0;--text: #1e293b;--text2: #64748b;--text3: #94a3b8;--primary: #4f46e5;--primary-light: #eef2ff;--primary-dark: #3730a3;--success: #059669;--success-light: #ecfdf5;--warning: #d97706;--warning-light: #fffbeb;--danger: #dc2626;--danger-light: #fef2f2;--info: #0284c7;--info-light: #f0f9ff;--purple: #7c3aed;--purple-light: #f5f3ff;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--radius: 12px;--sidebar-w: 240px;--topbar-h: 60px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}img{max-width:100%}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0ece4;padding:24px;font-family:Poppins,sans-serif}.auth-container{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1060px;min-height:640px;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #0000001f}.auth-form-side{background:#fff;display:flex;align-items:center;justify-content:center;padding:48px 44px}.auth-form-inner{width:100%;max-width:400px}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}.auth-logo-icon{width:36px;height:36px;background:#e8f0fe;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#1a73e8}.auth-logo-text{font-size:20px;font-weight:800;color:#1a73e8;letter-spacing:-.5px}.auth-title{font-size:30px;font-weight:800;color:#0f172a;line-height:1.15;margin-bottom:6px;letter-spacing:-.5px}.auth-subtitle{font-size:14px;color:#64748b;margin-bottom:24px}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:8px}.auth-divider{display:flex;align-items:center;gap:14px;margin-bottom:20px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:1.2px;white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:13px;font-weight:600;color:#1e293b}.auth-optional{font-weight:400;color:#94a3b8;font-size:11px}.auth-field-hint{font-size:11px;color:#94a3b8;margin-top:-2px}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.auth-input-wrap input{width:100%;padding:12px 42px 12px 40px;border:1.5px solid #e2e8f0;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none}.auth-input-wrap input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.auth-input-wrap input::placeholder{color:#c5cbd3}.auth-pw-toggle{position:absolute;right:14px;color:#94a3b8;display:flex;align-items:center;background:none;border:none;cursor:pointer;transition:color .2s}.auth-pw-toggle:hover{color:#1a73e8}.auth-options-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0}.auth-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#1a73e8;border-radius:4px;cursor:pointer}.auth-forgot{font-size:13px;font-weight:600;color:#1a73e8;text-decoration:none;transition:color .2s}.auth-forgot:hover{color:#1557b0}.auth-submit-btn{width:100%;padding:14px 24px;background:#1a73e8;color:#fff;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #1a73e84d;margin-top:4px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #1a73e866;background:#1557b0}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;font-size:13px;color:#475569;margin-top:24px}.auth-switch a{color:#1a73e8;font-weight:600;text-decoration:underline;text-underline-offset:2px}.auth-switch a:hover{color:#1557b0}.auth-deco-side{background:linear-gradient(135deg,#93b4f8,#a78bfa 40%,#7dd3fc);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px 32px}.auth-deco-inner{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:320px}.auth-deco-shape{position:absolute;border-radius:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);z-index:1}.auth-deco-shape-1{width:80px;height:70px;top:10%;left:12%;border-radius:14px;transform:rotate(-12deg);animation:auth-float-1 9s ease-in-out infinite}.auth-deco-shape-2{width:60px;height:55px;top:8%;right:20%;border-radius:12px;transform:rotate(8deg);animation:auth-float-2 11s ease-in-out infinite}.auth-deco-shape-3{width:55px;height:50px;top:32%;left:8%;border-radius:12px;transform:rotate(15deg);animation:auth-float-1 10s ease-in-out infinite reverse}.auth-deco-shape-4{width:50px;height:45px;top:30%;right:10%;border-radius:10px;transform:rotate(-6deg);animation:auth-float-2 8s ease-in-out infinite}.auth-deco-bars{display:flex;gap:8px;margin-top:24px;z-index:5}.auth-deco-bar{height:8px;border-radius:4px;background:#fff3}.auth-deco-bar:nth-child(1){width:50px}.auth-deco-bar:nth-child(2){width:30px}@keyframes auth-float-1{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-10px) rotate(-8deg)}}@keyframes auth-float-2{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(8px) rotate(12deg)}}.auth-deco-icon{position:absolute;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:6;box-shadow:0 4px 12px #00000026}.auth-deco-icon-1{background:#22c55e;top:15%;right:15%;animation:auth-float-1 7s ease-in-out infinite}.auth-deco-icon-2{background:#f97316;top:22%;left:10%;animation:auth-float-2 8s ease-in-out infinite}.auth-deco-icon-3{background:#3b82f6;top:24%;right:18%;width:30px;height:30px;animation:auth-float-1 9s ease-in-out infinite reverse}.auth-deco-avatar{width:120px;height:120px;border-radius:50%;background:#ffffff26;border:3px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;margin-bottom:24px;margin-top:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.auth-deco-title{font-size:26px;font-weight:800;color:#fff;z-index:5;line-height:1.25;margin-bottom:28px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.auth-deco-testimonial{background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:20px 24px;width:100%}.auth-deco-testimonial p{font-size:14px;color:#fff;font-style:italic;line-height:1.6;margin-bottom:14px}.auth-deco-testimonial-author{display:flex;align-items:center;gap:10px}.auth-deco-author-avatar{width:32px;height:32px;border-radius:50%;background:#f97316;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.auth-deco-author-name{font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;transition:opacity .3s ease}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text);padding:4px;border-radius:6px;transition:background .2s}.mobile-menu-btn:hover{background:var(--bg3)}@media(max-width:768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}@media(max-width:900px){.auth-container{grid-template-columns:1fr;max-width:480px}.auth-deco-side{display:none}.auth-form-side{padding:36px 28px}}@media(max-width:600px){.auth-page{padding:12px}.auth-form-side{padding:28px 20px}.auth-field-row{grid-template-columns:1fr}.auth-title{font-size:26px}}.dashboard-shell{display:flex;height:100vh;overflow:hidden;position:relative}.dashboard-shell footer,.dashboard-shell .sec-footer,body:has(.dashboard-shell) footer,body:has(.dashboard-shell) .sec-footer{display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-w);overflow:hidden}.dashboard-content{flex:1;padding:28px 32px;overflow-y:auto}.dashboard-content-doodle{background-image:linear-gradient(#f8fafce0,#f8fafce0),var(--dashboard-doodle-bg);background-repeat:repeat;background-attachment:scroll;background-position:center top;background-size:600px auto}@media(max-width:900px){.dashboard-content-doodle{background-size:auto 100%}}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:2px 0 8px #0000000a}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:12px 20px;min-height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo-img{width:140px;height:auto;object-fit:contain}.sidebar-role{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.role-icon-wrap{width:32px;height:32px;border-radius:8px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-name{font-size:13px;font-weight:600;color:var(--text)}.role-label{font-size:11px;color:var(--text3)}.sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-footer{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text2);width:100%;text-align:left;transition:background .15s,color .15s;position:relative}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-arrow{margin-left:auto}.nav-item.logout{color:var(--danger)}.nav-item.logout:hover{background:var(--danger-light)}.topbar{height:var(--topbar-h);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px;box-shadow:var(--shadow);position:sticky;top:0;z-index:50}.topbar-title{font-size:16px;font-weight:700;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-brand{display:none;align-items:center;flex-shrink:0}.topbar-brand-logo{height:28px;width:auto;object-fit:contain}.topbar-search-wrapper{flex:1;max-width:400px;min-width:200px}.topbar-user{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--purple));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.user-info{display:flex;flex-direction:column;line-height:1.3}@media(max-width:768px){.user-info{display:none}.topbar{padding:0 14px;gap:10px}.topbar-title{display:none}.topbar-brand{display:flex}.topbar-brand-logo{height:28px}.topbar-right{margin-left:auto;gap:8px;min-width:0}.topbar-search-wrapper{min-width:0;max-width:none;flex:1 1 auto}}.user-name{font-size:13px;font-weight:600;color:var(--text)}.icon-btn{width:36px;height:36px;border-radius:10px;color:var(--text2);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg3);color:var(--text)}.logout-btn:hover{background:var(--danger-light);color:var(--danger)}.page-header{margin-bottom:28px}.page-title{font-size:22px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap;word-break:break-word}.page-sub{color:var(--text2);font-size:13px}.dashboard-action-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card.clickable{cursor:pointer;transition:all .2s ease}.stat-card.clickable:hover{border-color:var(--primary);background:#4f46e50a}.stat-view-btn{display:flex;align-items:center;gap:4px;margin-top:10px;padding:0;border:none;background:none;color:var(--primary);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:color .15s}.stat-view-btn:hover{color:#3730a3}.stat-top{display:flex;justify-content:space-between;align-items:flex-start}.stat-label{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;color:var(--text);line-height:1.1}.stat-sub{font-size:11px;color:var(--text3);margin-top:4px}.stat-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrap.blue{background:var(--primary-light);color:var(--primary)}.stat-icon-wrap.green{background:var(--success-light);color:var(--success)}.stat-icon-wrap.orange{background:var(--warning-light);color:var(--warning)}.stat-icon-wrap.red{background:var(--danger-light);color:var(--danger)}.stat-icon-wrap.purple{background:var(--purple-light);color:var(--purple)}.stat-icon-wrap.sky{background:var(--info-light);color:var(--info)}.points-earned-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(6px);background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 18px;box-shadow:0 8px 24px #0000001f;z-index:50;min-width:180px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.stat-card:hover .points-earned-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.points-tooltip-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.points-tooltip-row{display:flex;align-items:center;gap:8px;padding:4px 0}.points-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.points-tooltip-label{font-size:12px;font-weight:500;color:var(--text2);flex:1}.points-tooltip-value{font-size:13px;font-weight:700}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px;align-items:stretch}.mixed-charts-grid{grid-template-columns:2fr 1fr}@media(max-width:1024px){.mixed-charts-grid{grid-template-columns:1fr}}.charts-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.charts-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:768px){.branding-grid{grid-template-columns:1fr}}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:box-shadow .2s;display:flex;flex-direction:column;min-width:0}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chart-icon{color:var(--primary);flex-shrink:0}.chart-title{font-size:15px;font-weight:600}.chart-sub{font-size:11px;color:var(--text2);margin-bottom:16px;margin-left:26px}.chart-container{position:relative;height:280px}.chart-container-sm{position:relative;height:220px}.chart-row{margin-bottom:20px}.chart-scroll-wrapper{overflow-x:auto;min-width:0;-webkit-overflow-scrolling:touch;padding-bottom:4px}.chart-scroll-wrapper::-webkit-scrollbar{height:6px}.chart-scroll-wrapper::-webkit-scrollbar-track{background:var(--bg3);border-radius:3px}.chart-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chart-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sd-mastery-list::-webkit-scrollbar,.sd-reco-list::-webkit-scrollbar,.sd-courses-list::-webkit-scrollbar,.sd-sessions-scroll::-webkit-scrollbar{width:5px}.sd-mastery-list::-webkit-scrollbar-track,.sd-reco-list::-webkit-scrollbar-track,.sd-courses-list::-webkit-scrollbar-track,.sd-sessions-scroll::-webkit-scrollbar-track{background:transparent;border-radius:3px}.sd-mastery-list::-webkit-scrollbar-thumb,.sd-reco-list::-webkit-scrollbar-thumb,.sd-courses-list::-webkit-scrollbar-thumb,.sd-sessions-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sd-mastery-list::-webkit-scrollbar-thumb:hover,.sd-reco-list::-webkit-scrollbar-thumb:hover,.sd-courses-list::-webkit-scrollbar-thumb:hover,.sd-sessions-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-green{background:var(--success-light);color:var(--success)}.badge-red{background:var(--danger-light);color:var(--danger)}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-orange{background:var(--warning-light);color:var(--warning)}.badge-purple{background:var(--purple-light);color:var(--purple)}.table-wrapper{max-height:400px;overflow-y:auto;overflow-x:auto;border-radius:10px;border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{background:var(--bg3);padding:10px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text2);position:sticky;top:0}.data-table tbody td{padding:10px 14px;border-bottom:1px solid var(--border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg3)}.progress-bar{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden;width:80px;display:inline-block;vertical-align:middle;margin-right:6px}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary),var(--purple));transition:width .3s ease}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:28px}.skeleton-card{height:100px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg3) 25%,var(--border) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sd-welcome{font-size:22px;font-weight:700;color:var(--text);margin-bottom:2px}.sd-welcome span{color:var(--primary)}.sd-welcome-sub{font-size:13px;color:var(--text2)}.sd-user-badge{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 16px;box-shadow:var(--shadow)}.sd-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.sd-user-name{font-size:13px;font-weight:600;color:var(--text)}.sd-user-plan{font-size:10px;color:#22c55e;font-weight:600;letter-spacing:.5px}.sd-qstats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.sd-qstat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 16px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);transition:transform .15s}.sd-qstat:hover{transform:translateY(-2px)}.sd-qstat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-qstat-icon.red{background:#fef2f2;color:#ef4444}.sd-qstat-icon.blue{background:#eff6ff;color:#2563eb}.sd-qstat-icon.green{background:#f0fdf4;color:#22c55e}.sd-qstat-icon.emerald{background:#ecfdf5;color:#10b981}.sd-qstat-label{font-size:11px;color:var(--text3);font-weight:500;margin-bottom:2px}.sd-qstat-value{font-size:18px;font-weight:700;color:var(--text);line-height:1.2}.sd-qstat-sub{font-size:11px;color:var(--text2)}.sd-stats2-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.sd-stat2{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 16px;box-shadow:var(--shadow)}.sd-stat2-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sd-stat2-label{font-size:11px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.sd-stat2-icon.blue{color:#2563eb}.sd-stat2-icon.purple{color:#7c3aed}.sd-stat2-icon.green{color:#22c55e}.sd-stat2-icon.orange{color:#f97316}.sd-stat2-value{font-size:24px;font-weight:700;color:var(--text);line-height:1.2}.sd-stat2-sub{font-size:11px;color:#22c55e;font-weight:500;margin-top:4px}.sd-twin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.sd-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.sd-card-title{font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:4px}.sd-card-sub{font-size:12px;color:var(--text3);margin-bottom:16px}.sd-card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.sd-heatmap-legend{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text3);margin-bottom:10px}.sd-heatmap-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:16px}.sd-heatmap-cell{aspect-ratio:1;border-radius:4px;min-height:18px}.sd-heatmap-cell.level-0{background:#e8f0fe}.sd-heatmap-cell.level-1{background:#93c5fd}.sd-heatmap-cell.level-2{background:#3b82f6}.sd-heatmap-cell.level-3{background:#1d4ed8}.sd-heatmap-cell.level-4{background:#1e3a8a}.sd-heatmap-cell{position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s}.sd-heatmap-cell:hover{transform:scale(1.3);z-index:10;box-shadow:0 2px 8px #0000002e}.sd-heatmap-cell:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background:#1e293b;color:#fff;font-size:11px;font-weight:500;padding:6px 10px;border-radius:8px;white-space:pre;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;box-shadow:0 4px 12px #00000026}.sd-heatmap-cell:hover:after{opacity:1;transform:translate(-50%) scale(1)}.sd-heatmap-footer{display:grid;grid-template-columns:repeat(2,minmax(150px,190px));justify-content:center;gap:14px;font-size:12px;color:var(--text2);width:100%}.sd-learning-heatmap-card{display:flex;flex-direction:column;min-height:430px}.sd-learning-heatmap-card .calendar-heatmap-root{display:flex;flex-direction:column;flex:1}.sd-learning-heatmap-card .calendar-heatmap-grid-wrap{width:fit-content;max-width:100%;margin:0 auto}.sd-learning-heatmap-card .calendar-heatmap-legend{justify-content:center}.sd-learning-heatmap-card .sd-heatmap-footer{margin-top:12px;min-height:108px;align-content:center;padding-top:10px}.sd-heatmap-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbe6f5;border-radius:12px;min-height:86px;padding:10px 12px;box-shadow:0 6px 16px #0f172a0f}.sd-heatmap-stat-value{font-size:24px;font-weight:700;line-height:1;color:var(--text1)}.sd-heatmap-meta{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--text3)}@media(max-width:640px){.sd-heatmap-footer{grid-template-columns:1fr;justify-items:center;gap:12px}.sd-heatmap-stat-card{text-align:center;width:min(240px,100%)}.sd-learning-heatmap-card .sd-heatmap-footer{padding-top:10px;min-height:auto}}.sd-heatmap-stat-label{font-size:10px;color:var(--text3);font-weight:600;letter-spacing:.4px}.sd-engage-chart{position:relative;width:180px;height:180px;margin:12px auto 16px}.sd-engage-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.sd-engage-rank{font-size:32px;font-weight:800;color:var(--text);display:block;line-height:1}.sd-engage-rank-label{font-size:9px;color:var(--text3);font-weight:600;letter-spacing:.8px}.sd-online-compact-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.sd-online-compact-col{border:1px solid var(--border);border-radius:12px;background:var(--bg1);padding:12px;min-width:0}.sd-online-compact-col-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text1)}.sd-online-compact-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:700;padding:0 8px}.sd-online-compact-list{display:flex;flex-direction:column;gap:10px}.sd-online-compact-empty{padding:14px 12px;border-radius:10px;background:var(--bg2);color:var(--text3);font-size:13px;text-align:center}.sd-compact-course-item{border:1px solid var(--border);border-radius:10px;padding:10px 11px;background:#fff}.sd-compact-course-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sd-compact-course-title{margin:0;font-size:14px;font-weight:700;color:var(--text1);line-height:1.25}.sd-compact-course-action{font-size:11px;font-weight:700;color:#2563eb;white-space:nowrap}.sd-compact-course-meta{margin-top:4px;font-size:12px;color:var(--text3)}.sd-compact-course-progress-row{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text2)}.sd-compact-course-progress-track{margin-top:6px;width:100%;height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.sd-compact-course-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#22c55e)}@media(max-width:920px){.sd-online-compact-grid{grid-template-columns:1fr}}.sd-engage-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:var(--text2)}.sd-engage-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.sd-trend-card{margin-bottom:20px}.sd-trend-chart{height:280px}.sd-period-toggle{display:flex;gap:4px;background:var(--bg3);border-radius:8px;padding:3px}.sd-period-toggle button{padding:4px 14px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text2);font-family:Poppins,sans-serif;transition:all .15s}.sd-period-toggle button.active{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb4d}.sd-mastery-list{display:flex;flex-direction:column;gap:14px;margin-top:12px;max-height:400px;overflow-y:auto}.sd-mastery-item{width:100%}.sd-mastery-header{display:flex;justify-content:space-between;margin-bottom:6px}.sd-mastery-name{font-size:13px;font-weight:500;color:var(--text)}.sd-mastery-score{font-size:13px;font-weight:700;color:var(--text)}.sd-mastery-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.sd-mastery-fill{height:100%;border-radius:4px;transition:width .6s ease}.gauge-section-label{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid var(--border)}.gauge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.gauge-card{background:var(--bg2);border-radius:14px;padding:16px 12px 12px;text-align:center;transition:box-shadow .2s,transform .2s}.gauge-card:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.gauge-title{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.gauge-wrapper{position:relative}.gauge-svg{width:100%;max-width:180px;height:auto}.gauge-label-row{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif;font-size:11px;margin-top:-4px;padding:0 10%;width:100%;box-sizing:border-box}.gauge-bad{color:#ef4444;font-weight:600}.gauge-good{color:#22c55e;font-weight:600}.gauge-status{font-weight:700;font-size:12px}.gauge-subtitle{font-family:Poppins,sans-serif;font-size:11px;color:var(--text3);margin-top:4px}@media(max-width:768px){.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gauge-card{padding:12px 10px 10px}.gauge-svg{max-width:150px}}@media(max-width:480px){.gauge-grid{grid-template-columns:1fr}.gauge-svg{max-width:170px}}.sd-reco-list{display:flex;flex-direction:column;gap:12px;margin-top:12px;max-height:400px;overflow-y:auto}.sd-reco-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--border)}.sd-reco-warning{background:#fffbeb;border-color:#fde68a}.sd-reco-success{background:#f0fdf4;border-color:#bbf7d0}.sd-reco-info{background:#eff6ff;border-color:#bfdbfe}.sd-reco-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-reco-warning .sd-reco-icon{background:#fef3c7;color:#f59e0b}.sd-reco-success .sd-reco-icon{background:#dcfce7;color:#22c55e}.sd-reco-info .sd-reco-icon{background:#dbeafe;color:#2563eb}.sd-reco-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.sd-reco-desc{font-size:12px;color:var(--text2)}.sd-courses-card{margin-bottom:20px}.sd-view-all{font-size:13px;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:2px}.sd-courses-list{display:flex;flex-direction:column;gap:14px;max-height:500px;overflow-y:auto}.sd-online-courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}.sd-course-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:14px;transition:transform .15s,box-shadow .15s}.sd-course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sd-course-thumb{width:70px;height:70px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-course-thumb-label{color:#fff;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;line-height:1.3;padding:4px}.sd-course-info{flex:1;min-width:0}.sd-course-badges{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sd-course-badge{font-size:9px;font-weight:700;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.sd-course-time{font-size:11px;color:var(--text3)}.sd-course-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-course-progress-row{display:flex;align-items:center;gap:8px}.sd-course-modules{font-size:11px;color:var(--text3);white-space:nowrap}.sd-course-progress-track{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.sd-course-progress-fill{height:100%;border-radius:3px;background:#22c55e;transition:width .6s ease}.sd-course-pct{font-size:11px;font-weight:600;color:var(--text2)}.sd-course-btn{padding:10px 20px;border-radius:10px;font-size:12px;font-weight:600;background:#2563eb;color:#fff;white-space:nowrap;font-family:Poppins,sans-serif;transition:all .15s;box-shadow:0 2px 8px #2563eb33}.sd-course-btn:hover{background:#1d4ed8;transform:translateY(-1px)}@media(max-width:900px){.sd-online-courses-grid{grid-template-columns:1fr}.sd-course-card{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px}.sd-course-thumb{width:56px;height:56px;border-radius:10px}.sd-course-badges{flex-wrap:wrap;row-gap:6px}.sd-course-progress-row{flex-wrap:wrap}.sd-course-modules{width:100%;white-space:normal}.sd-course-btn{grid-column:1 / -1;width:100%;padding:10px 14px}}.tpo-heatmap-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;margin-top:8px}.tpo-heatmap-grid .sd-heatmap-cell{aspect-ratio:1;border-radius:3px;min-height:16px}.heatmap-table-wrapper{overflow-x:auto;overflow-y:visible;padding-top:48px;margin-top:-40px}.activity-heatmap-table{width:100%;border-collapse:separate;border-spacing:4px;margin-top:8px}.activity-heatmap-table th{font-size:11px;font-weight:600;color:var(--text3);text-align:center;padding:4px 6px;letter-spacing:.3px}.activity-heatmap-table th:first-child{text-align:left;min-width:100px}.activity-heatmap-table td{text-align:center;padding:0}.activity-heatmap-table td:first-child{text-align:left;font-size:12px;font-weight:600;color:var(--text1);padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.heatmap-cell-value{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;position:relative;transition:transform .15s,box-shadow .15s}.heatmap-cell-value:hover{transform:scale(1.15);z-index:10;box-shadow:0 2px 8px #0000002e}.heatmap-cell-value:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background:#1e293b;color:#fff;font-size:11px;font-weight:500;padding:6px 10px;border-radius:8px;white-space:pre;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;box-shadow:0 4px 12px #00000026}.heatmap-cell-value:hover:after{opacity:1;transform:translate(-50%) scale(1)}.heatmap-cell-value.heat-0{background:#e8f0fe;color:#94a3b8}.heatmap-cell-value.heat-1{background:#93c5fd;color:#1e3a5f}.heatmap-cell-value.heat-2{background:#3b82f6;color:#fff}.heatmap-cell-value.heat-3{background:#1d4ed8;color:#fff}.heatmap-cell-value.heat-4{background:#1e3a8a;color:#fff}.heatmap-legend-strip{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;color:var(--text3)}.heatmap-legend-strip span.swatch{display:inline-block;width:14px;height:14px;border-radius:3px}.calendar-heatmap-root{width:100%}.calendar-heatmap-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.calendar-heatmap-heading{display:flex;flex-direction:column;gap:2px}.calendar-heatmap-title{font-size:15px;font-weight:700;color:var(--text1)}.calendar-heatmap-subtitle{font-size:12px;color:var(--text3)}.calendar-heatmap-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.calendar-heatmap-range-switch{display:inline-flex;gap:4px;flex-wrap:wrap}.calendar-heatmap-btn{border:1px solid var(--border);background:var(--bg2);color:var(--text2);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.calendar-heatmap-btn.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.calendar-heatmap-btn:disabled{opacity:.45;cursor:not-allowed}.calendar-heatmap-month-nav{display:flex;align-items:center;gap:8px}.calendar-heatmap-month-label{font-size:12px;font-weight:600;color:var(--text1);min-width:125px;text-align:center}.calendar-heatmap-grid-wrap{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:start;overflow-x:auto;padding-bottom:4px}.calendar-heatmap-dow-col{display:grid;grid-template-rows:28px repeat(7,22px);gap:4px}.calendar-heatmap-week-label-spacer{height:28px}.calendar-heatmap-dow{font-size:11px;color:var(--text3);display:flex;align-items:center}.calendar-heatmap-week-cols{display:grid;gap:6px;min-width:max-content}.calendar-heatmap-week-col{display:grid;grid-template-rows:28px repeat(7,22px);gap:4px}.calendar-heatmap-week-label{font-size:10px;font-weight:600;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-heatmap-cell,.calendar-heatmap-cell-spacer{border-radius:4px;height:22px}.calendar-heatmap-cell-spacer{background:transparent}.calendar-heatmap-cell{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;line-height:1;color:#0f172a;position:relative;border:1px solid transparent}.calendar-heatmap-cell.is-outside{opacity:.2}.calendar-heatmap-cell.is-today{border-color:#0f172a}.calendar-heatmap-cell.heat-0,.calendar-heatmap-legend-swatch.heat-0{background:#e8f0fe}.calendar-heatmap-cell.heat-1,.calendar-heatmap-legend-swatch.heat-1{background:#93c5fd}.calendar-heatmap-cell.heat-2,.calendar-heatmap-legend-swatch.heat-2{background:#3b82f6;color:#fff}.calendar-heatmap-cell.heat-3,.calendar-heatmap-legend-swatch.heat-3{background:#1d4ed8;color:#fff}.calendar-heatmap-cell.heat-4,.calendar-heatmap-legend-swatch.heat-4{background:#1e3a8a;color:#fff}.calendar-heatmap-tooltip{position:fixed;z-index:9999;pointer-events:none;max-width:220px;background:#0f172a;color:#fff;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:500;line-height:1.4;white-space:pre-line;box-shadow:0 8px 20px #0206174d}.calendar-heatmap-legend{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;color:var(--text3)}.calendar-heatmap-legend-swatch{width:13px;height:13px;border-radius:3px;display:inline-block}.calendar-heatmap-year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.calendar-heatmap-month-card{border:1px solid var(--border);background:var(--bg2);border-radius:10px;padding:8px}.calendar-heatmap-month-title{font-size:12px;font-weight:700;color:var(--text1);margin-bottom:6px}@media(max-width:1024px){.calendar-heatmap-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.calendar-heatmap-year-grid{grid-template-columns:1fr}.calendar-heatmap-controls{align-items:flex-start}.calendar-heatmap-month-nav{flex-wrap:wrap}}.sd-inactivity-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #f59e0b;color:#92400e;font-family:Poppins,sans-serif;margin-bottom:20px;animation:sd-banner-slide .3s ease}.sd-inactivity-banner svg{flex-shrink:0;color:#d97706}.sd-inactivity-banner strong{display:block;font-size:13px;font-weight:700;margin-bottom:2px}.sd-inactivity-banner span{font-size:12px;font-weight:500;opacity:.85}@keyframes sd-banner-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sd-peer-compact{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 20px;margin-bottom:20px;box-shadow:var(--shadow)}.sd-peer-compact-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sd-peer-compact-body{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sd-peer-metric{display:flex;align-items:center;gap:8px;flex:1;min-width:180px}.sd-peer-metric-label{font-size:11px;font-weight:600;color:var(--text3);white-space:nowrap;min-width:56px}.sd-peer-metric-value{font-size:14px;font-weight:700;min-width:36px}.sd-peer-rank{display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg2);border-radius:10px}@media(max-width:640px){.sd-peer-compact-body{flex-direction:column;gap:10px}.sd-peer-metric{min-width:0}}.tpo-upload-page{max-width:760px}.tpo-upload-header{margin-bottom:24px}.tpo-upload-format{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow)}.tpo-upload-format h3{font-size:14px;font-weight:600;margin-bottom:12px}.tpo-format-table-wrap{overflow-x:auto}.tpo-dropzone{border:2px dashed var(--border);border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg3);margin-bottom:20px}.tpo-dropzone:hover,.tpo-dropzone.drag-over{border-color:var(--primary);background:var(--primary-light)}.tpo-dropzone.has-file{border-style:solid;border-color:#059669;background:#ecfdf5}.tpo-dropzone-file{display:flex;align-items:center;gap:14px;justify-content:center}.tpo-dropzone-filename{font-weight:600;font-size:14px;color:var(--text)}.tpo-dropzone-size{font-size:12px;color:var(--text3)}.tpo-dropzone-clear{width:28px;height:28px;border-radius:50%;background:#fef2f2;color:#ef4444;display:flex;align-items:center;justify-content:center}.tpo-upload-btn{width:100%;padding:14px;border-radius:12px;font-size:14px;font-weight:600;background:#4f46e5;color:#fff;font-family:Poppins,sans-serif;transition:all .15s;box-shadow:0 2px 8px #4f46e540;margin-bottom:20px}.tpo-upload-btn:hover:not(:disabled){background:#3730a3;transform:translateY(-1px)}.tpo-upload-btn:disabled{opacity:.5;cursor:not-allowed}.tpo-upload-result{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:14px;border:1px solid var(--border)}.tpo-upload-result.success{background:#f0fdf4;border-color:#bbf7d0}.tpo-upload-result.success .tpo-result-icon{color:#059669}.tpo-upload-result.error{background:#fef2f2;border-color:#fecaca}.tpo-upload-result.error .tpo-result-icon{color:#dc2626}.tpo-result-msg{font-weight:600;font-size:14px;color:var(--text);margin-bottom:4px}.tpo-result-stats{display:flex;gap:16px;font-size:13px;margin-bottom:8px}.tpo-result-created{color:#059669;font-weight:600}.tpo-result-skipped{color:#d97706;font-weight:600}.tpo-result-errors{padding-left:16px;font-size:12px;color:var(--text2);max-height:160px;overflow-y:auto}.tpo-result-errors li{margin-bottom:2px}.filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-bar select,.filter-select{padding:10px 36px 10px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:var(--text);outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;min-width:170px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-bar select:hover,.filter-select:hover{border-color:var(--primary-light, #a5b4fc);background:#fafbff}.filter-bar select:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f;background:#fff}.filter-select-wrap,.notif-wrapper{position:relative}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#fff;border-radius:14px;box-shadow:0 12px 40px #00000024,0 0 0 1px #0000000a;z-index:1200;overflow:hidden;animation:notifSlideIn .18s ease}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--text);font-family:Poppins,sans-serif}.notif-dropdown-body{padding:20px 16px;min-height:100px}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text3, #94a3b8);text-align:center}.notif-empty svg{color:#cbd5e1;margin-bottom:4px}.notif-empty p{font-size:14px;font-weight:600;color:var(--text2, #64748b);margin:0}.notif-empty span{font-size:12px;color:var(--text3, #94a3b8)}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card);border-radius:18px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0000002e;animation:modalSlideUp .25s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:16px;font-weight:700;color:var(--text)}.modal-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text3);transition:all .15s;cursor:pointer}.modal-close:hover{background:#f1f5f9;color:var(--text)}.modal-body{padding:20px 24px 24px}.detail-grid{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-row span{font-size:13px;color:var(--text2)}.detail-row b{font-size:13px;font-weight:600;color:var(--text)}.btn-view{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;font-family:Poppins,sans-serif;color:var(--primary);background:#eff6ff;border:1px solid #bfdbfe;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-view:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.search-input{width:100%;padding:10px 16px;border:1px solid var(--border);border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;color:var(--text);background:var(--card);outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:var(--text3)}.modal-wide{max-width:680px}.detail-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:6px}.detail-mini-stats{display:flex;gap:12px;flex-wrap:wrap}.detail-mini{background:var(--bg3);border-radius:10px;padding:10px 14px;text-align:center;min-width:70px;flex:1}.dm-value{display:block;font-size:18px;font-weight:700;color:var(--text);line-height:1.2}.dm-label{display:block;font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.detail-table-wrap{max-height:240px;overflow-y:auto;border-radius:10px;border:1px solid var(--border)}.detail-table-wrap .data-table{margin:0}.progress-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#22c55e;border-radius:3px;transition:width .4s ease}.spinner{animation:spin 1s linear infinite}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.charts-grid-3,.charts-grid-3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid-3,.charts-grid-3col{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.dashboard-main{margin-left:0}.dashboard-content{padding:20px 16px}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}.profile-page{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.profile-info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow)}.profile-avatar{width:68px;height:68px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-info-text{display:flex;flex-direction:column;gap:4px}.profile-name{font-size:20px;font-weight:700;color:var(--text)}.profile-role-badge{display:inline-block;width:fit-content;padding:2px 12px;border-radius:20px;font-size:11px;font-weight:600;background:var(--primary-light);color:var(--primary)}.profile-email{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);margin-top:2px}.profile-edit-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 16px;font-size:13px;font-weight:600;color:var(--primary);background:var(--primary-light, #eef2ff);border:1px solid var(--primary);border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.profile-edit-btn:hover{background:var(--primary);color:#fff}.profile-signout-btn{color:#b91c1c;background:#fef2f2;border-color:#b91c1c}.profile-signout-btn:hover{background:#b91c1c;color:#fff}.profile-edit-form{flex:1;min-width:0}.profile-edit-row{display:flex;gap:12px}.profile-edit-field{flex:1;min-width:0}.profile-edit-field .profile-label{margin-bottom:4px}.profile-reset-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px;box-shadow:var(--shadow)}.profile-reset-header{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--text);margin-bottom:24px}.profile-reset-header svg{color:var(--primary)}.profile-steps{display:flex;justify-content:space-between;margin-bottom:28px;position:relative}.profile-steps:before{content:"";position:absolute;top:15px;left:32px;right:32px;height:2px;background:var(--border);z-index:0}.profile-step{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:var(--bg3);color:var(--text3);border:2px solid var(--border);transition:all .25s}.profile-step.active .step-circle{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.profile-step.done .step-circle{background:var(--success);color:#fff;border-color:var(--success)}.step-label{font-size:11px;font-weight:500;color:var(--text3)}.profile-step.active .step-label{color:var(--primary);font-weight:600}.profile-step.done .step-label{color:var(--success)}.profile-alert{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;margin-bottom:16px}.profile-alert.error{background:var(--danger-light);color:var(--danger)}.profile-alert.success{background:var(--success-light);color:var(--success)}.profile-form{display:flex;flex-direction:column;gap:6px}.profile-label{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:2px}.profile-hint{font-size:13px;color:var(--text2);margin-bottom:12px;line-height:1.5}.profile-input-wrap{position:relative;display:flex;align-items:center;margin-bottom:8px}.profile-input-icon{position:absolute;left:14px;color:var(--text3);pointer-events:none}.profile-input-wrap input{width:100%;padding:12px 14px 12px 42px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;color:var(--text);background:var(--bg);transition:border-color .2s,box-shadow .2s}.profile-input-wrap input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.profile-input-wrap input::placeholder{color:var(--text3)}.profile-pw-toggle{position:absolute;right:12px;color:var(--text3);background:none;border:none;cursor:pointer;padding:4px}.profile-pw-toggle:hover{color:var(--text2)}.profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:10px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;border:none;cursor:pointer;transition:all .2s;margin-top:10px}.profile-btn.primary{background:var(--primary);color:#fff}.profile-btn.primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.profile-btn.primary:disabled{opacity:.6;cursor:not-allowed}.profile-btn.secondary{background:var(--bg3);color:var(--text2)}.profile-btn.secondary:hover{background:var(--border)}.profile-btn-row{display:flex;gap:12px;margin-top:8px}.profile-resend{background:none;border:none;color:var(--primary);font-size:12px;font-weight:500;cursor:pointer;text-align:center;margin-top:12px;padding:4px;font-family:Poppins,sans-serif}.profile-resend:hover{text-decoration:underline}.profile-resend:disabled{opacity:.5;cursor:not-allowed}.profile-done{text-align:center;padding:24px 0}.profile-done-icon{color:var(--success);margin-bottom:12px}.profile-done h3{font-size:20px;font-weight:700;color:var(--text);margin-bottom:6px}.profile-done p{font-size:14px;color:var(--text2);margin-bottom:20px}.spin{animation:spin-anim .8s linear infinite}@keyframes spin-anim{to{transform:rotate(360deg)}}@media(max-width:600px){.profile-info-card{flex-direction:column;text-align:center;padding:24px 16px}.profile-reset-card{padding:20px 16px}.profile-steps{gap:4px}.step-label{font-size:10px}.profile-btn-row{flex-direction:column}}.reports-page{max-width:1100px}.reports-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.reports-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reports-filter-group{display:flex;align-items:center;gap:6px}.reports-college-select{padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;color:var(--text1);background:#fafbfc;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-width:180px}.reports-college-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;background:#fff}.reports-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--text1);margin:0}.reports-sub{color:var(--text3);font-size:13px;margin:4px 0 0}.export-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #4f46e540}.export-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-toast{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;margin-bottom:20px;font-size:13px;font-weight:500;animation:fadeIn .3s}.export-toast.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.export-toast.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.export-info-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:28px}.export-info-card h3{font-size:15px;font-weight:700;color:var(--text1);margin:0 0 16px}.export-sheets{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.sheet-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text2);padding:8px 12px;background:#f8fafc;border-radius:8px}.sheet-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#4f46e5;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.reports-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:8px}.report-stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:transform .2s}.report-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.report-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;margin-bottom:10px}.report-stat-value{font-size:24px;font-weight:700;color:var(--text1)}.report-stat-label{font-size:12px;color:var(--text3);margin-top:4px}.loading-center{display:flex;justify-content:center;padding:60px 0}.spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.sc-filters{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.sc-filters-icon{color:var(--text3);margin-right:4px}.sc-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;color:var(--text2);background:var(--card);border:1.5px solid var(--border);cursor:pointer;transition:all .2s}.sc-filter-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light, #eef2ff)}.sc-filter-btn--active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 10px #4f46e533}.sc-filter-btn--active:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sc-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:12px;font-size:11px;font-weight:700;background:#0000000f}.sc-filter-btn--active .sc-filter-count{background:#ffffff40;color:#fff}.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;animation:fadeIn .3s}.sc-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow)}.sc-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.sc-card--done{border-color:#a7f3d0}.sc-card-thumb{height:56px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:relative}.sc-card--done .sc-card-thumb{background:linear-gradient(135deg,#059669,#10b981)}.sc-card-thumb-label{font-size:11px;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:.6px}.sc-card-done-badge{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;background:#fff3;color:#fff;font-size:11px;font-weight:600}.sc-card-body{padding:16px 18px 18px}.sc-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sc-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:600;background:var(--primary-light, #eef2ff);color:var(--primary)}.sc-card-time{font-size:11px;color:var(--text3)}.sc-card-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 12px;line-height:1.35}.sc-card-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sc-card-modules{font-size:11px;color:var(--text3);white-space:nowrap;min-width:90px}.sc-progress-track{flex:1;height:7px;background:var(--bg3, #f1f5f9);border-radius:4px;overflow:hidden}.sc-progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .4s ease}.sc-progress-fill--done{background:#22c55e}.sc-card-pct{font-size:12px;font-weight:700;color:var(--primary);min-width:36px;text-align:right}.sc-card--done .sc-card-pct{color:#059669}.sc-card-footer{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.sc-card-hours,.sc-card-enrolled{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text3)}.sc-card-btn{display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;padding:10px;border-radius:10px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;color:var(--primary);background:var(--primary-light, #eef2ff);border:1.5px solid transparent;cursor:pointer;transition:all .2s}.sc-card-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sc-card--done .sc-card-btn{color:#059669;background:#ecfdf5}.sc-card--done .sc-card-btn:hover{background:#059669;color:#fff;border-color:#059669}.sc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--text3);gap:12px}.sc-loading p{font-size:14px}.sc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text3)}.sc-empty svg{margin-bottom:16px;opacity:.5}.sc-empty h3{font-size:18px;font-weight:700;color:var(--text2);margin:0 0 6px}.sc-empty p{font-size:14px;max-width:360px}@media(max-width:768px){.sc-grid{grid-template-columns:1fr}.sc-filters{gap:6px}.sc-filter-btn{padding:7px 12px;font-size:12px}}.cert-summary{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:14px;margin-bottom:24px;color:#fff}.cert-summary-icon{width:48px;height:48px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-summary-title{font-size:20px;font-weight:700;margin:0}.cert-summary-sub{font-size:13px;opacity:.85;margin:2px 0 0}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;animation:fadeIn .3s}.cert-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow)}.cert-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.cert-card-ribbon{height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#fff}.cert-card-body{padding:16px 18px 18px}.cert-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.cert-card-course{font-size:15px;font-weight:700;color:var(--text);margin:0;line-height:1.35}.cert-valid-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#ecfdf5;color:#059669;white-space:nowrap;flex-shrink:0}.cert-tech-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:600;background:var(--primary-light, #eef2ff);color:var(--primary);margin-bottom:10px}.cert-card-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.cert-detail{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text3)}.cert-id{font-size:11px;color:var(--text3);margin-bottom:12px;font-family:monospace}.cert-card-actions{display:flex;gap:8px}.cert-action-btn{display:inline-flex;align-items:center;gap:5px;flex:1;justify-content:center;padding:9px;border-radius:8px;font-size:12px;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;color:#fff;background:var(--primary);border:1.5px solid var(--primary);cursor:pointer;transition:all .2s}.cert-action-btn:hover{opacity:.9;transform:translateY(-1px)}.cert-action-btn--outline{background:transparent;color:var(--primary)}.cert-action-btn--outline:hover{background:var(--primary-light, #eef2ff)}.cert-card--pending{opacity:.88;border-style:dashed;border-color:#f59e0b;background:#fffbeb}.cert-card-ribbon--pending{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.cert-pending-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;background:#fef3c7;color:#92400e;border:1px solid #fde68a;white-space:nowrap}.cert-pending-note{font-size:12px;color:#92400e;background:#fef9c3;border-radius:8px;padding:8px 10px;margin-top:10px;line-height:1.5;border:1px solid #fde68a}.logout-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .18s ease}.logout-modal{background:#fff;border-radius:18px;padding:36px 32px 28px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #0000002e;animation:scaleIn .2s ease}.logout-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#fef2f2;color:#dc2626;margin-bottom:18px}.logout-modal-title{font-size:20px;font-weight:700;color:var(--text1);margin:0 0 8px}.logout-modal-desc{font-size:13.5px;color:var(--text3);margin:0 0 24px;line-height:1.55}.logout-modal-actions{display:flex;gap:10px}.logout-modal-cancel{flex:1;padding:11px;border-radius:10px;border:1.5px solid var(--border);background:#fff;color:var(--text2);font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .18s}.logout-modal-cancel:hover{background:#f8fafc;border-color:var(--text3)}.logout-modal-confirm{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:10px;border:none;background:#dc2626;color:#fff;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .18s;box-shadow:0 3px 10px #dc262647}.logout-modal-confirm:hover{background:#b91c1c;transform:translateY(-1px)}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.mt-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:24px}.mt-mini-stat{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transition:transform .2s}.mt-mini-stat:hover{transform:translateY(-2px)}.mt-mini-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mt-mini-value{font-size:18px;font-weight:700;line-height:1.2}.mt-mini-label{font-size:11px;color:var(--text3);font-weight:500}.mt-section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.mt-section-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px}.mt-section-header svg{color:var(--primary)}.mt-subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.mt-subject-card{padding:14px 16px;background:var(--bg3, #f8fafc);border-radius:10px;border:1px solid var(--border)}.mt-subject-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.mt-subject-stats{font-size:12px;color:var(--text3)}.mt-subject-sep{margin:0 4px;opacity:.5}@media(max-width:768px){.cert-grid{grid-template-columns:1fr}.mt-stats-grid{grid-template-columns:repeat(2,1fr)}.mt-subject-grid{grid-template-columns:1fr}}.admin-form-page{max-width:800px}.admin-form-header{margin-bottom:24px}.admin-form-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000a}.admin-form-group{margin-bottom:18px}.admin-form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text2);margin-bottom:6px}.admin-form-group input,.admin-form-group textarea,.admin-form-group select{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;color:var(--text1);background:#fafbfc;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.admin-form-group input:focus,.admin-form-group textarea:focus,.admin-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;background:#fff}.admin-form-group textarea{resize:vertical;min-height:80px}.admin-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #4f46e540;margin-top:8px}.admin-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.admin-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-toast{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;margin-bottom:20px;font-size:13px;font-weight:500;animation:fadeIn .3s}.admin-toast.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.admin-toast.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.admin-star-rating{display:flex;gap:4px}.star-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:transform .15s;color:#cbd5e1}.star-btn.active{color:#d97706}.star-btn:hover{transform:scale(1.15)}.admin-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1.5px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:50;max-height:220px;overflow-y:auto;margin-top:4px}.admin-search-item{padding:10px 14px;cursor:pointer;font-size:13px;transition:background .15s;display:flex;align-items:center;gap:8px}.admin-search-item:hover{background:#eef2ff}.admin-reviews-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.admin-review-item{padding:16px;border:1px solid var(--border);border-radius:12px;background:#fafbfc;transition:box-shadow .2s}.admin-review-item:hover{box-shadow:0 2px 8px #0000000d}.admin-review-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px;flex-wrap:wrap}.admin-review-meta{font-size:12px;color:#64748b;margin-left:8px}.admin-review-stars{display:flex;gap:2px}.admin-review-text{font-size:13px;color:var(--text2);line-height:1.5;margin:8px 0}.admin-audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.admin-audience-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;background:#fafbfc;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s}.admin-audience-btn:hover{border-color:var(--primary);color:var(--primary);background:#eef2ff}.admin-audience-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 10px #4f46e533}@media(max-width:768px){.admin-form-row{grid-template-columns:1fr}.admin-audience-grid{grid-template-columns:1fr 1fr}}.upload-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:12px}.upload-section-title{display:flex;align-items:center;gap:8px}.upload-section-title h2{font-size:17px;font-weight:700;color:var(--text);margin:0}.upload-template-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;background:#eef2ff;color:var(--primary);border:1.5px solid transparent;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.upload-template-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.upload-template-btn:disabled{opacity:.6;cursor:not-allowed}.upload-section-desc{font-size:13px;color:var(--text3);margin:0 0 16px;line-height:1.5}.upload-dropzone{border:2px dashed var(--border);border-radius:14px;padding:36px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s;background:#fafbfc}.upload-dropzone:hover{border-color:var(--primary);background:#f5f3ff}.upload-dropzone.active{border-color:var(--primary);background:#eef2ff;box-shadow:0 0 0 4px #4f46e51a}.upload-dropzone.has-file{border-style:solid;border-color:#a7f3d0;background:#f0fdf4;cursor:default;padding:20px}.upload-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.upload-dropzone-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:4px}.upload-dropzone-text{font-size:14px;color:var(--text2);margin:0}.upload-dropzone-hint{font-size:12px;color:var(--text3);margin:0}.upload-file-info{display:flex;align-items:center;gap:14px;width:100%}.upload-file-details{flex:1;display:flex;flex-direction:column;gap:2px}.upload-file-name{font-size:14px;font-weight:600;color:var(--text)}.upload-file-size{font-size:12px;color:var(--text3)}.upload-file-remove{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text3);cursor:pointer;transition:all .15s;flex-shrink:0}.upload-file-remove:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.upload-result-card{margin-top:16px;padding:18px 20px;border-radius:12px;animation:fadeIn .3s}.upload-result-card.success{background:#f0fdf4;border:1px solid #a7f3d0}.upload-result-card.error{background:#fef2f2;border:1px solid #fecaca}.upload-result-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.upload-result-card.success .upload-result-header{color:#059669}.upload-result-card.error .upload-result-header{color:#dc2626}.upload-result-title{font-size:15px;font-weight:700}.upload-result-msg{font-size:13px;color:var(--text2);margin:0 0 12px;line-height:1.5}.upload-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.upload-stat{text-align:center;padding:12px 8px;border-radius:10px;background:#fffc;border:1px solid #d1fae5}.upload-stat-value{display:block;font-size:22px;font-weight:800;color:#059669;line-height:1.2}.upload-stat-label{display:block;font-size:11px;color:var(--text3);font-weight:600;margin-top:2px;text-transform:uppercase;letter-spacing:.3px}.upload-errors-section{margin-top:8px}.upload-errors-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#d97706;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.upload-errors-toggle:hover{background:#d9770614}.upload-errors-list{list-style:none;padding:10px 0 0;margin:4px 0 0;font-size:12px;color:var(--text3);max-height:200px;overflow-y:auto}.upload-errors-list li{padding:4px 0;border-bottom:1px solid #fef3c7}.upload-errors-list li:last-child{border-bottom:none}.upload-divider{display:flex;align-items:center;gap:16px;margin:28px 0}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:var(--border)}.upload-divider span{font-size:12px;font-weight:700;color:var(--text3);letter-spacing:.8px;white-space:nowrap}@media(max-width:768px){.upload-stats-grid{grid-template-columns:repeat(2,1fr)}.upload-section-header{flex-direction:column;align-items:flex-start}}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4f46e540;white-space:nowrap}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #4f46e566}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:transparent;color:var(--primary);border:1.5px solid var(--primary);border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--primary-light)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--danger);color:#fff;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#b91c1c}.input-field{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;color:var(--text);background:var(--bg2);outline:none;transition:border-color .2s,box-shadow .2s;margin-top:4px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.input-field::placeholder{color:var(--text3)}select.input-field{cursor:pointer;appearance:auto}textarea.input-field{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.4px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.lc-page{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-h) - 56px);min-height:500px}.lc-topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#1e1e2e;border-radius:12px 12px 0 0;border-bottom:1px solid #313244;flex-shrink:0}.lc-topbar-title{font-size:14px;font-weight:700;color:#cdd6f4;flex:1;display:flex;align-items:center;gap:8px}.lc-topbar select{padding:5px 10px;border-radius:6px;border:1px solid #45475a;background:#313244;color:#cdd6f4;font-size:13px;font-family:Poppins,sans-serif;cursor:pointer;outline:none}.lc-topbar select:focus{border-color:#89b4fa}.lc-theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #45475a;border-radius:8px;background:#313244;color:#cdd6f4;font-size:12px;font-weight:600;cursor:pointer}.lc-theme-toggle-btn:hover{background:#45475a}.lc-split{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;border-left:1px solid #313244;border-right:1px solid #313244}.lc-left{display:flex;flex-direction:column;border-right:2px solid #313244;background:#1e1e2e;overflow:hidden}.lc-left-tabs{display:flex;border-bottom:1px solid #313244;flex-shrink:0}.lc-left-tab{padding:8px 18px;font-size:13px;font-weight:600;color:#6c7086;border:none;background:transparent;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-family:Poppins,sans-serif}.lc-left-tab.active{color:#cdd6f4;border-bottom-color:#89b4fa}.lc-left-tab:hover{color:#bac2de}.lc-desc-scroll{flex:1;overflow-y:auto;padding:20px}.lc-desc-scroll::-webkit-scrollbar{width:6px}.lc-desc-scroll::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}.lc-prob-title{font-size:20px;font-weight:700;color:#cdd6f4;margin-bottom:10px}.lc-diff-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;margin-right:8px}.lc-diff-easy{background:#a6e3a120;color:#a6e3a1}.lc-diff-medium{background:#f9e2af20;color:#f9e2af}.lc-diff-hard{background:#f38ba820;color:#f38ba8}.lc-points-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;background:#89b4fa20;color:#89b4fa}.lc-desc-body{color:#a6adc8;font-size:14px;line-height:1.7;margin-top:16px}.lc-desc-body h4{color:#cdd6f4;font-size:14px;font-weight:600;margin:18px 0 8px}.lc-example{background:#11111b;border:1px solid #313244;border-radius:8px;padding:12px 14px;margin:10px 0;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13px;color:#a6e3a1;line-height:1.5;white-space:pre-wrap}.lc-tags-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.lc-tags-row-top{margin-top:12px;margin-bottom:6px}.lc-tag{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px;border:1px solid transparent;background:linear-gradient(135deg,#3b3f57,#2d3148);color:#dbe3ff;box-shadow:inset 0 1px #ffffff14}.lc-tag-core{background:linear-gradient(135deg,#6366f159,#38bdf838);border-color:#7dd3fc59;color:#dbeafe}.lc-tag-topic{background:linear-gradient(135deg,#34d3994d,#3b82f629);border-color:#6ee7b766;color:#d1fae5}.lc-tag-focus{background:linear-gradient(135deg,#facc153d,#fb923c38);border-color:#fbbf2473;color:#fef3c7}.lc-tag-company{background:linear-gradient(135deg,#fbbf244d,#f9731638);border-color:#fcd34d80;color:#fef3c7}.lc-right{display:flex;flex-direction:column;background:#1e1e2e;overflow:hidden}.lc-editor-wrap{flex:1;display:flex;min-height:0;position:relative;overflow:hidden}.lc-monaco-wrap{flex:1;min-height:0;overflow:hidden;border-radius:0;display:flex;flex-direction:column;position:relative}.lc-monaco-wrap>div{flex:1;min-height:0}.lc-monaco-wrap .monaco-editor{border-radius:0!important}.lc-monaco-wrap .monaco-editor .margin{background:#181825!important}.lc-monaco-wrap .monaco-editor .line-numbers{color:#6c7086!important}.lc-gutter{width:48px;background:#181825;padding:14px 0;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none;border-right:1px solid #313244}.lc-gutter-line{display:flex;align-items:center;height:21px;padding-right:12px;justify-content:flex-end;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;line-height:21px}.lc-gutter-line:nth-child(8n+1){color:#f38ba8}.lc-gutter-line:nth-child(8n+2){color:#fab387}.lc-gutter-line:nth-child(8n+3){color:#f9e2af}.lc-gutter-line:nth-child(8n+4){color:#a6e3a1}.lc-gutter-line:nth-child(8n+5){color:#89dceb}.lc-gutter-line:nth-child(8n+6){color:#89b4fa}.lc-gutter-line:nth-child(8n+7){color:#cba6f7}.lc-gutter-line:nth-child(8n+8){color:#f5c2e7}.lc-gutter-line:before{content:"";width:3px;height:14px;border-radius:2px;margin-right:8px;flex-shrink:0}.lc-gutter-line:nth-child(8n+1):before{background:#f38ba880}.lc-gutter-line:nth-child(8n+2):before{background:#fab38780}.lc-gutter-line:nth-child(8n+3):before{background:#f9e2af80}.lc-gutter-line:nth-child(8n+4):before{background:#a6e3a180}.lc-gutter-line:nth-child(8n+5):before{background:#89dceb80}.lc-gutter-line:nth-child(8n+6):before{background:#89b4fa80}.lc-gutter-line:nth-child(8n+7):before{background:#cba6f780}.lc-gutter-line:nth-child(8n+8):before{background:#f5c2e780}.lc-code-area{flex:1;position:relative;min-width:0;overflow:auto}.lc-code-area::-webkit-scrollbar{width:8px;height:8px}.lc-code-area::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}.lc-code-area::-webkit-scrollbar-corner{background:#1e1e2e}.lc-code-highlight,.lc-code-textarea{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13px;line-height:21px;padding:14px 16px;white-space:pre;tab-size:4;min-width:100%;min-height:100%;border:none;margin:0}.lc-code-highlight{position:absolute;top:0;left:0;right:0;pointer-events:none;color:#cdd6f4;overflow:hidden}.lc-code-textarea{position:relative;width:100%;height:100%;background:transparent;color:transparent;caret-color:#f5e0dc;resize:none;outline:none;z-index:1;overflow:hidden}.hl-keyword{color:#cba6f7;font-weight:600}.hl-string{color:#a6e3a1}.hl-comment{color:#6c7086;font-style:italic}.hl-number{color:#fab387}.hl-function{color:#89b4fa}.hl-builtin{color:#f9e2af}.hl-operator{color:#89dceb}.hl-decorator{color:#f5c2e7}.lc-console{flex-shrink:0;border-top:2px solid #313244;background:#181825;display:flex;flex-direction:column;max-height:220px}.lc-console-tabs{display:flex;align-items:center;border-bottom:1px solid #313244;flex-shrink:0}.lc-console-tab{padding:6px 16px;font-size:12px;font-weight:600;color:#6c7086;border:none;background:transparent;cursor:pointer;border-bottom:2px solid transparent;font-family:Poppins,sans-serif}.lc-console-tab.active{color:#cdd6f4;border-bottom-color:#a6e3a1}.lc-console-right{margin-left:auto;display:flex;gap:6px;padding-right:10px}.lc-console-body{overflow-y:auto;padding:10px 14px;flex:1;min-height:40px}.lc-console-body::-webkit-scrollbar{width:5px}.lc-console-body::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}.lc-stdin-area{width:100%;min-height:50px;background:#11111b;border:1px solid #313244;border-radius:6px;padding:8px 10px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;color:#cdd6f4;resize:vertical;outline:none}.lc-stdin-area:focus{border-color:#89b4fa}.lc-output-block{padding:8px 10px;border-radius:6px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-bottom:6px}.lc-output-stdout{background:#a6e3a110;color:#a6e3a1;border-left:3px solid #a6e3a1}.lc-output-stderr{background:#f38ba810;color:#f38ba8;border-left:3px solid #f38ba8}.lc-output-compile{background:#f9e2af10;color:#f9e2af;border-left:3px solid #f9e2af}.lc-output-error{background:#f38ba810;color:#f38ba8;border-left:3px solid #f38ba8}.lc-status-bar{display:flex;align-items:center;gap:12px;padding:4px 14px 6px;font-size:12px;color:#6c7086}.lc-status-accepted{color:#a6e3a1;font-weight:700}.lc-status-error{color:#f38ba8;font-weight:700}.lc-submission-summary{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 8px}.lc-submission-case{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.lc-submission-case.passed{background:#a6e3a120;color:#a6e3a1}.lc-submission-case.failed{background:#f38ba820;color:#f38ba8}.lc-testcase-list{display:flex;flex-direction:column;gap:10px}.lc-testcase-card{border:1px solid #313244;border-radius:8px;background:#11111b;padding:12px}.lc-testcase-badge{display:flex;align-items:center;font-size:12px;font-weight:700;color:#a6e3a1;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #313244}.lc-testcase-title{font-size:12px;font-weight:700;color:#cdd6f4;margin-bottom:8px}.lc-testcase-row{display:grid;grid-template-columns:80px 1fr;gap:8px;margin-bottom:8px}.lc-testcase-row>span{color:#6c7086;font-size:12px;font-weight:600}.lc-testcase-row>pre{margin:0;background:#1e1e2e;border:1px solid #313244;border-radius:6px;color:#cdd6f4;padding:6px 8px;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.lc-testcase-hidden-msg{color:#6c7086;font-size:12px}.lc-examples-container{margin:0;display:grid;gap:10px}.lc-example-card{position:relative;background:#11111b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(49,50,68,.5);border-left:4px solid #a6e3a1;border-radius:10px;padding:14px 18px;font-size:13px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.lc-example-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.lc-example-title{color:#a6e3a1;font-weight:700;margin-bottom:10px}.lc-example-row{margin-bottom:10px}.lc-example-row:last-child{margin-bottom:0}.lc-example-label{color:#89b4fa;font-weight:600;font-size:12px;margin-bottom:4px}.lc-example-code{background:#1e1e2e;padding:7px 9px;border-radius:6px;font-size:12px;margin:0;color:#cdd6f4;overflow:auto;white-space:pre-wrap;word-break:break-word}.lc-example-expl{color:#a6adc8;font-size:12px;line-height:1.5}.lc-page.lc-editor-fullscreen{position:fixed;inset:0;z-index:9999;height:100vh;min-height:100vh;border-radius:0}.lc-page.lc-editor-fullscreen .lc-split.lc-split-editor-only{grid-template-columns:1fr}.lc-page.lc-editor-fullscreen .lc-split.lc-split-editor-only .lc-left{display:none}.lc-page.lc-editor-fullscreen .lc-split.lc-split-editor-only .lc-right{border-left:none}.lc-page.lc-theme-light .lc-topbar{background:#eff1f5;border-bottom-color:#bcc0cc}.lc-page.lc-theme-light .lc-topbar-title{color:#4c4f69}.lc-page.lc-theme-light .lc-topbar select,.lc-page.lc-theme-light .lc-theme-toggle-btn{background:#dce0e8;color:#4c4f69;border-color:#bcc0cc}.lc-page.lc-theme-light .lc-theme-toggle-btn:hover{background:#ccd0da}.lc-page.lc-theme-light .lc-split{border-left-color:#bcc0cc;border-right-color:#bcc0cc}.lc-page.lc-theme-light .lc-left,.lc-page.lc-theme-light .lc-right{background:#eff1f5}.lc-page.lc-theme-light .lc-left{border-right-color:#bcc0cc}.lc-page.lc-theme-light .lc-left-tabs{border-bottom-color:#bcc0cc}.lc-page.lc-theme-light .lc-left-tab{color:#8c8fa1}.lc-page.lc-theme-light .lc-left-tab.active{color:#4c4f69}.lc-page.lc-theme-light .lc-left-tab:hover{color:#5c5f77}.lc-page.lc-theme-light .lc-desc-scroll::-webkit-scrollbar-thumb,.lc-page.lc-theme-light .lc-console-body::-webkit-scrollbar-thumb{background:#bcc0cc}.lc-page.lc-theme-light .lc-prob-title,.lc-page.lc-theme-light .lc-desc-body h4{color:#4c4f69}.lc-page.lc-theme-light .lc-desc-body{color:#5c5f77}.lc-page.lc-theme-light .lc-example{background:#e6e9ef;border-color:#bcc0cc;color:#1e66f5}.lc-page.lc-theme-light .lc-tag{background:linear-gradient(135deg,#eceff6,#e2e8f2);color:#4c4f69;border-color:#c6d0e4;box-shadow:inset 0 1px #ffffffbf}.lc-page.lc-theme-light .lc-tag-core{background:linear-gradient(135deg,#dde7ff,#d6f0ff);border-color:#b6c9ff;color:#1d4ed8}.lc-page.lc-theme-light .lc-tag-topic{background:linear-gradient(135deg,#dcfce7,#dbebff);border-color:#9fdab7;color:#166534}.lc-page.lc-theme-light .lc-tag-company{background:linear-gradient(135deg,#fff7dc,#ffe9d5);border-color:#f5c886;color:#9a3412}.lc-page.lc-theme-light .lc-monaco-wrap .monaco-editor .margin{background:#e6e9ef!important}.lc-page.lc-theme-light .lc-monaco-wrap .monaco-editor .line-numbers{color:#8c8fa1!important}.lc-page.lc-theme-light .lc-console{background:#e6e9ef;border-top-color:#bcc0cc}.lc-page.lc-theme-light .lc-console-tabs{border-bottom-color:#bcc0cc}.lc-page.lc-theme-light .lc-console-tab{color:#8c8fa1}.lc-page.lc-theme-light .lc-console-tab.active{color:#4c4f69}.lc-page.lc-theme-light .lc-status-bar{color:#7c7f93}.lc-page.lc-theme-light .lc-bottombar{background:#e6e9ef;border-top-color:#bcc0cc}.lc-page.lc-theme-light .lc-btn-run{background:#ccd0da;color:#4c4f69}.lc-page.lc-theme-light .lc-btn-run:hover:not(:disabled){background:#bcc0cc}.lc-page.lc-theme-light .lc-btn-submit{background:#40a02b;color:#eff1f5}.lc-page.lc-theme-light .lc-btn-submit:hover:not(:disabled){background:#179299}.lc-page.lc-theme-light .lc-btn-back{color:#5c5f77;border-color:#bcc0cc}.lc-page.lc-theme-light .lc-btn-back:hover{color:#4c4f69;background:#ccd0da}.lc-page.lc-theme-light .lc-btn-reset{color:#7c7f93}.lc-page.lc-theme-light .lc-testcase-card{background:#eff1f5;border-color:#bcc0cc}.lc-page.lc-theme-light .lc-example-card{background:#f8f9fc;border-color:#e2e8f0}.lc-page.lc-theme-light .lc-example-title{color:#059669}.lc-page.lc-theme-light .lc-example-code{background:#f1f3f9;color:#1e293b}.lc-page.lc-theme-light .lc-example-expl{color:#475569}.lc-page.lc-theme-light .lc-testcase-badge{color:#059669;border-bottom-color:#bcc0cc}.lc-page.lc-theme-light .lc-testcase-title{color:#4c4f69}.lc-page.lc-theme-light .lc-testcase-row>span,.lc-page.lc-theme-light .lc-testcase-hidden-msg{color:#7c7f93}.lc-page.lc-theme-light .lc-testcase-row>pre{background:#e6e9ef;border-color:#bcc0cc;color:#4c4f69}.lc-page.lc-theme-light .lc-submission-case.passed{background:#40a02b20;color:#2b8a3e}.lc-page.lc-theme-light .lc-submission-case.failed{background:#d20f3920;color:#d20f39}.lc-bottombar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#181825;border-top:1px solid #313244;border-radius:0 0 12px 12px;flex-shrink:0}.lc-bottombar-left,.lc-bottombar-right{display:flex;align-items:center;gap:8px}.lc-btn{display:flex;align-items:center;gap:6px;padding:7px 18px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s}.lc-btn:disabled{opacity:.6;cursor:not-allowed}.lc-btn-run{background:#313244;color:#cdd6f4}.lc-btn-run:hover:not(:disabled){background:#45475a}.lc-btn-submit{background:#a6e3a1;color:#1e1e2e}.lc-btn-submit:hover:not(:disabled){background:#94e2d5}.lc-btn-back{background:transparent;color:#6c7086;border:1px solid #45475a}.lc-btn-back:hover{background:#31324420;color:#cdd6f4}.lc-btn-reset{background:transparent;color:#6c7086;padding:6px 10px}.lc-btn-reset:hover{color:#f38ba8}.lc-list-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.lc-list-header h1{font-size:22px;font-weight:700;margin:0}.lc-list-header .lc-count{font-size:13px;font-weight:500;color:var(--text3)}.lc-prob-grid{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--card)}.lc-prob-row{display:grid;grid-template-columns:50px minmax(0,1fr) 110px 70px 130px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.lc-prob-row:last-child{border-bottom:none}.lc-prob-row:hover{background:var(--primary-light)}.lc-prob-row-head{background:var(--bg3);cursor:default;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.lc-prob-row-head:hover{background:var(--bg3)}.lc-prob-num{font-size:14px;font-weight:600;color:var(--text2);text-align:center}.lc-prob-info{display:flex;flex-direction:column;gap:2px}.lc-prob-name{font-size:14px;font-weight:600;color:var(--text)}.lc-prob-desc-short{font-size:12px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.lc-prob-topic-badge{display:inline-flex;align-items:center;width:fit-content;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.2px;color:#155e75;background:linear-gradient(135deg,#cffafe,#dbeafe);border:1px solid #a5f3fc}.lc-diff-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;width:fit-content}.lc-diff-pill-easy{background:#dcfce7;color:#15803d}.lc-diff-pill-medium{background:#fef3c7;color:#b45309}.lc-diff-pill-hard{background:#fecaca;color:#b91c1c}.lc-prob-pts{font-size:13px;font-weight:600;color:var(--primary);text-align:center}.lc-prob-status-head{text-align:center}.lc-prob-status{text-align:center;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:4px}.lc-prob-status-solved{color:#059669}.lc-prob-status-unsolved{color:#b45309}.lc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text3)}.lc-empty svg{margin-bottom:12px;opacity:.4}.lc-empty h3{font-size:16px;color:var(--text2);margin-bottom:6px}.lc-empty p{font-size:13px;max-width:360px}@media(max-width:900px){.lc-split{grid-template-columns:1fr;grid-template-rows:minmax(200px,1fr) minmax(300px,2fr)}.lc-left{border-right:none;border-bottom:2px solid #313244}.lc-prob-row{grid-template-columns:36px minmax(0,1fr) 84px 56px 96px;padding:10px 12px}}@media(max-width:640px){.lc-list-header{align-items:flex-start;gap:8px}.lc-list-header h1{font-size:18px;line-height:1.2}.lc-prob-row-head{display:none}.lc-prob-row{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"num info" "diff points" "status status";gap:8px 10px;align-items:start;padding:12px}.lc-prob-row>:nth-child(1){grid-area:num;align-self:start;padding-top:2px}.lc-prob-row>:nth-child(2){grid-area:info;min-width:0}.lc-prob-row>:nth-child(3){grid-area:diff}.lc-prob-row>:nth-child(4){grid-area:points;justify-self:end}.lc-prob-row>:nth-child(5){grid-area:status;justify-self:start}.lc-prob-name{font-size:13px;line-height:1.35}.lc-prob-desc-short{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.35}.lc-prob-topic-badge{max-width:100%;white-space:normal;line-height:1.35}.lc-prob-pts,.lc-prob-status{font-size:12px}}@media(max-width:768px){.page-header{margin-bottom:18px}.page-title{font-size:17px;gap:7px;flex-wrap:wrap}.page-title svg{flex-shrink:0;width:20px!important;height:20px!important}.page-sub{font-size:12px;flex-wrap:wrap;display:flex;align-items:center;gap:6px}.filter-bar{flex-direction:column;gap:8px;margin-bottom:16px}.filter-bar select,.filter-select{width:100%;min-width:unset;font-size:13px}.filter-select-wrap{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.stat-card{padding:14px}.stat-value{font-size:22px}.stat-label{font-size:10px}.stat-icon-wrap{width:34px;height:34px}.charts-grid{grid-template-columns:1fr!important;gap:14px;margin-bottom:18px}.mixed-charts-grid{grid-template-columns:1fr!important}.charts-grid-3,.charts-grid-3col{grid-template-columns:1fr!important;gap:14px}.chart-card{padding:16px 14px}.chart-title{font-size:13px}.chart-sub{font-size:11px;margin-left:0}.chart-container{height:220px}.chart-container-sm{height:180px}.branding-grid{grid-template-columns:1fr!important}.modal-overlay{padding:12px;align-items:flex-end}.modal-content{max-width:100%!important;width:100%!important;border-radius:18px 18px 0 0;max-height:88vh}.modal-wide{max-width:100%!important}.modal-header{padding:16px 18px 12px}.modal-header h3{font-size:14px}.modal-body{padding:16px 18px 20px}.detail-mini-stats{gap:8px}.detail-mini{min-width:60px;padding:8px 10px}.dm-value{font-size:15px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.data-table thead th{padding:8px 10px;font-size:10px;white-space:nowrap}.data-table tbody td{padding:8px 10px;font-size:12px}.detail-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.search-input{font-size:13px;padding:9px 14px}.badge{font-size:10px;padding:2px 8px}.dashboard-content [style*="display: 'flex'"][style*="gap: 10"],.dashboard-content>div>div[style*="gap: 10"]{flex-wrap:wrap}.stat-view-btn{font-size:11px}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-content [style*="minWidth: 110"]{min-width:80px!important;padding:6px 10px!important}.calendar-heatmap{overflow-x:auto}.notif-dropdown{width:calc(100vw - 32px);right:-8px}.toast-banner{width:calc(100vw - 32px)!important;right:16px!important}}@media(max-width:480px){.dashboard-content{padding:14px 12px}.dashboard-action-bar{flex-direction:column;align-items:stretch}.dashboard-action-bar button{width:100%;justify-content:center;font-size:12px!important}.stats-grid{grid-template-columns:1fr;gap:8px}.skeleton-grid{grid-template-columns:1fr}.stat-card{padding:12px}.stat-value{font-size:20px}.page-title{font-size:15px}.filter-bar select,.filter-select{padding:9px 32px 9px 12px;font-size:12px}.chart-container{height:190px}.chart-container-sm{height:160px}.chart-card{padding:12px 10px}.modal-header{padding:14px 14px 10px}.modal-body{padding:12px 14px 16px}.data-table thead th{padding:7px 8px;font-size:9px}.data-table tbody td{padding:7px 8px;font-size:11px}.detail-mini{min-width:50px;padding:6px 8px}.dm-value{font-size:14px}.dashboard-content [style*="minWidth: 140"]{min-width:100px!important}.dashboard-content [style*="minWidth: 110"]{min-width:70px!important;padding:5px 8px!important}.sidebar-logo{padding:16px 0;min-height:80px}.sidebar-logo-img{height:60px!important}.nav-item{padding:8px 10px;font-size:12px}.topbar{padding:0 10px;gap:8px}.notif-dropdown{width:calc(100vw - 24px);right:-4px}.progress-bar{width:50px}.btn-view{padding:4px 8px;font-size:11px}.chart-header{flex-wrap:wrap;gap:6px}.filter-bar>div[style*="display: 'flex'"],.filter-bar>div[style*="alignItems: 'center'"]{flex-wrap:wrap;gap:4px}}@media(max-width:360px){.stat-value{font-size:18px}.page-title{font-size:14px}.chart-container,.chart-container-sm{height:160px}.dashboard-content{padding:10px 8px}}@page{margin:10mm;size:A4 landscape}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{height:auto!important;overflow:visible!important;background:#fff!important}.dashboard-shell{display:block!important;height:auto!important;min-height:unset!important;overflow:visible!important;position:static!important;background:#fff!important}.dashboard-main,.dashboard-content,.dashboard-content-doodle{height:auto!important;min-height:unset!important;max-height:unset!important;overflow:visible!important;position:static!important;width:100%!important;flex:none!important;background:#fff!important}.sidebar,.sidebar-overlay,.topbar,[class*=chatbot],.modal-overlay,.export-btn,.btn-view,.stat-view-btn,.page-header button,.page-header .export-btn,select,input[type=text],.filter-bar,.dashboard-action-bar,.search-input{display:none!important}*::-webkit-scrollbar{display:none!important}*{scrollbar-width:none!important}.chart-scroll-wrapper{overflow:hidden!important;max-height:unset!important}.table-wrapper,.detail-table-wrap{overflow:visible!important;max-height:unset!important}img[data-print-canvas]{display:block!important;max-width:100%!important;object-fit:contain!important}.chart-card,.stat-card{break-inside:avoid!important;page-break-inside:avoid!important;box-shadow:none!important}.badge{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline-block!important}.calendar-heatmap input[type=range],.calendar-heatmap button{display:none!important}}.landing-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:70px;padding:0 3%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fffffff5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 28px #0f172a14;font-family:Poppins,sans-serif}.landing-navbar.scrolled{background:#fffffffa;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 32px #0f172a1a;height:70px;padding:0 3%}.landing-navbar:before{content:"";position:absolute;inset:0;max-width:1536px;margin:0 auto;pointer-events:none;z-index:-1}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;margin-right:auto}.navbar-logo-image{height:110px;width:auto;object-fit:contain;display:block;margin-left:-18px}.navbar-college-logo-wrap{width:46px;height:46px;padding:5px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0f172a14;overflow:hidden;margin-left:-4px}.navbar-college-logo{width:100%;height:100%;border-radius:999px;object-fit:cover}.landing-navbar.compact{height:70px;padding:0 3%}.landing-navbar.compact .navbar-logo-image{height:110px;margin-left:-18px}.landing-navbar.compact .navbar-college-logo-wrap{width:46px;height:46px;padding:5px;gap:10px;margin-left:-4px}.landing-navbar.compact .navbar-college-logo{width:100%;height:100%}.navbar-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:12px;display:flex;align-items:center;justify-content:center}.navbar-logo-icon svg{width:22px;height:22px;color:#fff}.navbar-logo-text{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.navbar-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0 auto}.navbar-links a{color:#334155;text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap;transition:color .2s,background-color .2s;position:relative;padding:7px 12px;border-radius:10px}.navbar-links a:hover{color:#0f172a;background:transparent}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#4db6ac;transition:width .3s ease}.navbar-links a:hover:after{width:100%}.navbar-route-link.is-active{color:#0f172a!important;background:transparent!important;font-weight:700}.navbar-route-link.is-active:after{width:100%;background:#4db6ac}.navbar-route-link.is-active:hover{color:#0f172a;background:transparent!important}.landing-nav-item{position:relative}.nav-item-with-dropdown{display:flex;align-items:center}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);min-width:190px;padding:10px;border-radius:12px;background:#0a1220f5;border:1px solid rgba(148,163,184,.2);box-shadow:0 12px 30px #02061773;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease;display:flex;flex-direction:column;gap:2px;z-index:1200}.dropdown-menu a{display:block;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:#ffffffdb;text-decoration:none}.dropdown-menu a:after{display:none}.dropdown-menu a:hover{background:#2563eb40;color:#fff}.nav-item-with-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-item-with-dropdown.has-cards .dropdown-menu.card-grid{min-width:320px;width:360px;padding:10px;display:grid;grid-template-columns:1fr;gap:8px}.dropdown-card{display:grid!important;grid-template-columns:56px 1fr;gap:10px;align-items:center;padding:8px!important;border-radius:10px!important;text-decoration:none;background:#0f172a6b;border:1px solid rgba(148,163,184,.22)}.dropdown-card:hover{background:#2563eb38!important;border-color:#7dd3fc73}.dropdown-card-image{width:56px;height:56px;border-radius:8px;object-fit:cover;display:block}.dropdown-card-content{min-width:0}.dropdown-card-title{font-size:13px;font-weight:700;line-height:1.25;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-card-subtitle{margin-top:3px;font-size:11px;color:#e2e8f0e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:968px){.navbar-links{display:none}}@media(max-width:640px){.landing-navbar{height:70px;padding:0 14px}.navbar-logo-image{height:60px}.navbar-college-logo-wrap{width:38px;height:38px;padding:4px}.navbar-college-logo{width:100%;height:100%}.landing-navbar.compact{height:70px;padding:0 14px}.landing-navbar.compact .navbar-logo-image{height:60px}}.navbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.btn-login{padding:10px 24px;color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none}.btn-login:hover{background:#eef2ff;border-color:#a5b4fc;color:#0f172a}.btn-signup{padding:10px 24px;color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none}.btn-signup:hover{background:linear-gradient(135deg,#1d4ed8,#0284c7);transform:translateY(-1px);box-shadow:0 4px 15px #2563eb66}:root{--about-bg-base: #F8FAFC;--about-bg-card: #FFFFFF;--about-primary: #1E40AF;--about-primary-light: #3B82F6;--about-accent: #0EA5E9;--about-gradient-main: linear-gradient(135deg, #1E40AF 0%, #0EA5E9 100%);--about-font-heading: "Poppins", sans-serif;--about-font-body: "Inter", sans-serif;--about-text-main: #0F172A;--about-text-muted: #475569;--about-border-light: rgba(30, 64, 175, .1);--about-shadow-base: 0 4px 20px rgba(0, 0, 0, .04);--about-shadow-glow: 0 0 30px rgba(14, 165, 233, .35);--about-transition: all .3s cubic-bezier(.25, .8, .25, 1)}.about-page-container{font-family:var(--about-font-body);color:var(--about-text-main);line-height:1.6;overflow-x:hidden;position:relative;background-color:var(--about-bg-base);background-image:radial-gradient(rgba(30,64,175,.2) 1.5px,transparent 1.5px);background-size:26px 26px;min-height:100vh}.about-page-container h1,.about-page-container h2,.about-page-container h3,.about-page-container h4,.about-page-container h5{font-family:var(--about-font-heading);font-weight:700;line-height:1.2;color:var(--about-text-main)}.about-page-container .container{max-width:1200px;margin:0 auto;padding:0 5%;position:relative;z-index:2}.about-page-container .section-padding{padding:80px 0;position:relative;z-index:2}.about-page-container .text-gradient{background:var(--about-gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-page-container .section-header{text-align:center;margin-bottom:3.5rem}.about-page-container .section-title{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1rem}.about-page-container .section-subtitle{color:var(--about-text-muted);font-size:1.1rem;max-width:700px;margin:0 auto}.about-page-container .bg-canvas svg,.about-page-container .hero-badge svg,.about-page-container .commitment-icon svg,.about-page-container .service-icon svg,.about-page-container .check-bullet svg,.about-page-container .mode-icon svg{width:100%;height:100%;stroke-width:2;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.about-page-container .bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.about-page-container .floating-icon{position:absolute;bottom:-60px;width:40px;height:40px;color:#173aad26;animation:floatUp var(--duration) linear infinite;left:var(--left);animation-delay:var(--delay)}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(.8);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-120vh) rotate(360deg) scale(1.2);opacity:0}}.about-page-container .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease-out,transform .7s cubic-bezier(.2,.8,.2,1)}.about-page-container .reveal.active{opacity:1;transform:translateY(0)}.about-page-container .delay-1{transition-delay:.1s}.about-page-container .delay-2{transition-delay:.2s}.about-page-container .delay-3{transition-delay:.3s}.about-page-container .hero{padding-top:140px;padding-bottom:60px;text-align:center}.about-page-container .hero-badge{display:inline-flex;align-items:center;padding:6px 16px;background:var(--about-bg-card);border:1px solid var(--about-accent);border-radius:50px;font-size:.85rem;font-weight:600;color:var(--about-primary);margin-bottom:1.25rem;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 10px #0ea5e926}.about-page-container .hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;letter-spacing:-1.5px;margin-bottom:1rem}.about-page-container .hero-desc{font-size:clamp(1.05rem,1.5vw,1.15rem);color:var(--about-text-muted);max-width:800px;margin:0 auto;background:#fffc;padding:10px 20px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about-page-container .commitment-section{padding:60px 0;text-align:center}.about-page-container .commitment-card{max-width:1000px;margin:0 auto;background:var(--about-bg-card);padding:40px;border-radius:20px;border:1px solid var(--about-border-light);box-shadow:var(--about-shadow-base);transition:var(--about-transition)}.about-page-container .commitment-card:hover{box-shadow:var(--about-shadow-glow);border-color:var(--about-accent)}.about-page-container .commitment-icon{width:48px;height:48px;margin:0 auto 1rem;color:var(--about-accent)}.about-page-container .commitment-title{font-size:clamp(1.5rem,3vw,3rem);color:var(--about-primary);margin-bottom:1rem}.about-page-container .commitment-text{font-size:1.1rem;color:var(--about-text-muted);line-height:1.8}.about-page-container .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.about-page-container .service-card{background:var(--about-bg-card);border:1px solid var(--about-border-light);border-radius:12px;padding:1.75rem 1.5rem;transition:var(--about-transition);box-shadow:var(--about-shadow-base);display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:10}.about-page-container .service-card:hover{transform:translateY(-8px);border-color:var(--about-accent);box-shadow:var(--about-shadow-glow);z-index:20}.about-page-container .service-icon{width:45px;height:45px;background:#1e40af0d;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--about-primary);padding:10px;transition:var(--about-transition)}.about-page-container .service-card:hover .service-icon{background:var(--about-gradient-main);color:#fff}.about-page-container .service-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--about-text-main)}.about-page-container .service-card p{color:var(--about-text-muted);font-size:.85rem;line-height:1.5}.about-page-container .motto-section{padding:100px 5%;text-align:center;position:relative}.about-page-container .motto-text{font-size:clamp(1.8rem,4vw,3.5rem);font-weight:800;line-height:1.3;max-width:1100px;margin:0 auto;position:relative;z-index:2;color:var(--about-primary);background:var(--about-bg-card);padding:30px;border-radius:16px;box-shadow:var(--about-shadow-base);border:1px solid var(--about-border-light)}.about-page-container .quote-mark{position:absolute;font-size:clamp(5rem,15vw,14rem);font-family:sans-serif;font-weight:700;color:#0e5be96f;line-height:0;z-index:1}.about-page-container .quote-left{top:70px;left:10%}.about-page-container .quote-right{bottom:-10px;right:10%}.about-page-container .modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.about-page-container .mode-card{background:var(--about-bg-card);border:1px solid var(--about-border-light);border-radius:16px;padding:3rem 2.5rem;box-shadow:var(--about-shadow-base);transition:var(--about-transition)}.about-page-container .mode-card:hover{border-color:var(--about-accent);box-shadow:var(--about-shadow-glow);transform:translateY(-5px)}.about-page-container .mode-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.about-page-container .mode-icon{width:50px;height:50px;background:var(--about-gradient-main);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px}.about-page-container .mode-title{font-size:clamp(1.5rem,3vw,3rem)}.about-page-container .mode-desc{font-weight:600;color:var(--about-primary);margin-bottom:1.5rem;display:block}.about-page-container .checklist{list-style:none;display:flex;flex-direction:column;gap:.75rem}.about-page-container .checklist li{display:flex;align-items:center;color:var(--about-text-muted);font-size:.95rem}.about-page-container .check-bullet{width:20px;height:20px;color:var(--about-accent);margin-right:10px}.about-page-container .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.about-page-container .team-card{background:var(--about-bg-card);border:1px solid var(--about-border-light);border-radius:16px;padding:2.5rem 1.5rem;text-align:center;box-shadow:var(--about-shadow-base);transition:var(--about-transition)}.about-page-container .team-card:hover{transform:translateY(-5px);border-color:var(--about-accent);box-shadow:var(--about-shadow-glow)}.about-page-container .avatar-placeholder{width:90px;height:90px;margin:0 auto 1.25rem;border-radius:50%;background:var(--about-gradient-main);padding:3px}.about-page-container .avatar-inner{width:100%;height:100%;background-color:var(--about-bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--about-primary)}.about-page-container .team-name{font-size:1.1rem;margin-bottom:.25rem}.about-page-container .team-role{color:var(--about-accent);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(max-width:1024px){.about-page-container .services-grid{grid-template-columns:repeat(3,1fr)}.about-page-container .modes-grid{grid-template-columns:1fr}.about-page-container .team-grid{grid-template-columns:repeat(2,1fr)}.about-page-container .quote-left,.about-page-container .quote-right{display:none}}@media(max-width:768px){.about-page-container .services-grid{grid-template-columns:repeat(2,1fr)}.about-page-container .team-grid{grid-template-columns:1fr}}@media(max-width:480px){.about-page-container .services-grid{grid-template-columns:1fr}}.aslide-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 50%,rgba(79,70,229,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(124,58,237,.1) 0%,transparent 55%),radial-gradient(ellipse at 60% 85%,rgba(109,40,217,.08) 0%,transparent 50%),linear-gradient(135deg,#eef2ff,#f5f3ff,#faf5ff);padding:20px;font-family:Poppins,Segoe UI,system-ui,sans-serif}.aslide-container{position:relative;width:940px;max-width:100%;min-height:620px;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 32px 100px #4f46e529,0 12px 40px #00000012}.aslide-form-panel{position:absolute;top:0;left:0;width:50%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;padding:28px 42px;box-sizing:border-box;transition:all .6s ease-in-out}.aslide-sign-in{z-index:2}.aslide-sign-up{opacity:0;z-index:1}.aslide-right-active .aslide-sign-in{transform:translate(100%)}.aslide-right-active .aslide-sign-up{transform:translate(100%);opacity:1;z-index:5;animation:aslide-reveal .6s ease-in-out}@keyframes aslide-reveal{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.aslide-overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.aslide-right-active .aslide-overlay-container{transform:translate(-100%);z-index:200}.aslide-overlay{background:linear-gradient(145deg,#4f46e5,#7c3aed 55%,#6d28d9);color:#fff;position:relative;left:-100%;height:100%;width:200%;transition:transform .6s ease-in-out}.aslide-right-active .aslide-overlay{transform:translate(50%)}.aslide-overlay-panel{position:absolute;top:0;height:100%;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 42px;text-align:center;transition:transform .6s ease-in-out}.aslide-overlay-left{left:0;transform:translate(-20%)}.aslide-overlay-right{right:0;transform:translate(0)}.aslide-right-active .aslide-overlay-left{transform:translate(0)}.aslide-right-active .aslide-overlay-right{transform:translate(20%)}.aslide-overlay-panel h2{font-size:28px;font-weight:800;color:#fff;margin:20px 0 12px;line-height:1.2}.aslide-overlay-panel p{font-size:14px;line-height:1.7;color:#ffffffe0;max-width:230px;margin:0}.aslide-deco-icon-wrap{width:76px;height:76px;background:#ffffff2e;border:2px solid rgba(255,255,255,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.aslide-btn-ghost{margin-top:28px;padding:11px 38px;border-radius:50px;border:2px solid rgba(255,255,255,.75);background:transparent;color:#fff;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;letter-spacing:.4px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.aslide-btn-ghost:hover{background:#ffffff2e;border-color:#fff;transform:translateY(-1px)}.aslide-blob{position:absolute;border-radius:50%;background:#ffffff12;pointer-events:none}.aslide-blob-tl{width:240px;height:240px;top:-70px;right:-60px}.aslide-blob-br{width:180px;height:180px;bottom:-50px;left:-50px}.aslide-form-inner{width:100%}.aslide-logo-link{display:inline-block;line-height:0;position:relative;z-index:2;pointer-events:auto}.aslide-logo{width:160px;height:auto;object-fit:contain;margin-bottom:12px;display:block;cursor:pointer}.aslide-heading{font-size:22px;font-weight:800;color:#1e293b;margin:0 0 5px}.aslide-sub{font-size:13px;color:#64748b;margin:0 0 14px}.aslide-error-box{background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626;border-radius:9px;padding:8px 14px;font-size:12.5px;margin-bottom:10px;line-height:1.5}.aslide-form{display:flex;flex-direction:column;gap:10px}.aslide-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.aslide-field{display:flex;flex-direction:column;gap:5px}.aslide-field label{font-size:11.5px;font-weight:600;color:#475569}.aslide-optional{font-weight:400;color:#94a3b8}.aslide-input-wrap{position:relative;display:flex;align-items:center}.aslide-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none;flex-shrink:0}.aslide-input-wrap input{width:100%;padding:9px 36px 9px 34px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-family:Poppins,sans-serif;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}.aslide-input-wrap input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e517}.aslide-input-wrap input::placeholder{color:#c7d2e2}.aslide-eye{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;display:flex;align-items:center;transition:color .15s}.aslide-eye:hover{color:#475569}.aslide-btn-primary{padding:11px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;width:100%;margin-top:6px;box-shadow:0 4px 16px #4f46e552;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.2px}.aslide-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #4f46e566}.aslide-btn-primary:active:not(:disabled){transform:translateY(0)}.aslide-btn-primary:disabled{opacity:.62;cursor:not-allowed}.aslide-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:aslide-spin .65s linear infinite;display:inline-block;flex-shrink:0}@keyframes aslide-spin{to{transform:rotate(360deg)}}.aslide-bottom-link{margin-top:14px;font-size:13px;color:#64748b;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.aslide-bottom-link button{background:none;border:none;cursor:pointer;color:#4f46e5;font-weight:700;font-size:13px;font-family:Poppins,sans-serif;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.aslide-bottom-link button:hover{color:#4338ca}@media(max-width:760px){.aslide-page{padding:40px 16px 16px;align-items:flex-start}.aslide-container{width:100%;max-width:460px;min-height:unset;border-radius:20px;margin:0 auto}.aslide-overlay-container{display:none}.aslide-form-panel{position:relative;width:100%;left:0!important;padding:36px 28px;transform:none!important;opacity:1!important;animation:none!important;display:none}.aslide-sign-in{display:flex}.aslide-right-active .aslide-sign-in{display:none}.aslide-right-active .aslide-sign-up{display:flex}.aslide-row{grid-template-columns:1fr;gap:12px}}.global-search-wrapper{position:relative;width:100%;max-width:500px}.global-search-input-container{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 14px;transition:all .2s ease;overflow:hidden}.global-search-input-container:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.global-search-icon{flex-shrink:0;color:#94a3b8;margin-right:10px;pointer-events:none}.global-search-input{flex:1;width:100%;padding:10px 0;border:none;background:transparent;font-family:Poppins,sans-serif;font-size:14px;color:#1e293b;outline:none}.global-search-input::placeholder{color:#cbd5e1}.global-search-clear{flex-shrink:0;background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;transition:color .2s}.global-search-clear:hover{color:#475569}.global-search-spinner{flex-shrink:0;width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .6s linear infinite;margin-left:8px}.global-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 32px #0000001f;z-index:1000;max-height:400px;overflow-y:auto;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.global-search-section{padding:8px 0}.global-search-section+.global-search-section{border-top:1px solid #e2e8f0}.global-search-section-label{padding:8px 16px;font-size:11px;font-weight:600;text-transform:uppercase;color:#94a3b8;letter-spacing:.5px}.global-search-item{padding:10px 14px;cursor:pointer;transition:background .15s;border-left:3px solid transparent}.global-search-item:hover,.global-search-item.selected{background:#f1f5f9;border-left-color:#2563eb}.global-search-item-content{display:flex;flex-direction:column;gap:4px}.global-search-item-title{font-size:13px;font-weight:500;color:#1e293b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-subject{font-size:12px;color:#64748b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.global-search-item-difficulty{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:capitalize}.global-search-item-difficulty.diff-easy{background:#f0fdf4;color:#15803d}.global-search-item-difficulty.diff-medium{background:#fefce8;color:#b45309}.global-search-item-difficulty.diff-hard{background:#fef2f2;color:#b91c1c}.global-search-item-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.global-search-item-badge.course-badge{background:#2563eb1a;color:#2563eb}.global-search-item-badge.test-badge{background:#22c55e1a;color:#16a34a}.global-search-item-badge.problem-badge{background:#a855f71a;color:#a855f7}.global-search-no-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 32px #00000014;padding:20px 16px;text-align:center;font-size:13px;color:#94a3b8;z-index:1000}@media(max-width:768px){.global-search-wrapper{max-width:100%}.global-search-dropdown{max-height:300px}.global-search-input{font-size:13px}}.global-search-dropdown::-webkit-scrollbar{width:6px}.global-search-dropdown::-webkit-scrollbar-track{background:transparent}.global-search-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.global-search-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chatbot-toggle{position:fixed;bottom:28px;right:28px;z-index:9999;width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #2563eb73;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatbot-toggle:hover{transform:scale(1.08);box-shadow:0 8px 32px #2563eb8c}.chatbot-toggle.open{background:#64748b;box-shadow:0 4px 16px #64748b66}.chatbot-window{position:fixed;bottom:100px;right:28px;z-index:9998;width:380px;max-height:540px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000002e,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatbot-window.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;flex-shrink:0}.chatbot-header-info{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:38px;height:38px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chatbot-header-title{font-size:15px;font-weight:700;letter-spacing:-.2px}.chatbot-header-status{font-size:11px;color:#ffffffa6;margin-top:1px}.chatbot-close{background:#ffffff1a;border:none;color:#fff;cursor:pointer;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s}.chatbot-close:hover{background:#fff3}.chatbot-messages{flex:1;overflow-y:auto;padding:18px 14px 10px;display:flex;flex-direction:column;gap:10px;max-height:360px;min-height:260px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.chatbot-messages::-webkit-scrollbar{width:5px}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chatbot-message{display:flex;max-width:88%}.chatbot-message.bot{align-self:flex-start}.chatbot-message.user{align-self:flex-end}.chatbot-message-bubble{padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.55;word-break:break-word}.chatbot-message.bot .chatbot-message-bubble{background:#f1f5f9;color:#1e293b;border-bottom-left-radius:4px}.chatbot-message.user .chatbot-message-bubble{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-bottom-right-radius:4px}.chatbot-quick-questions{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px}.chatbot-quick-label{width:100%;font-size:11.5px;color:#94a3b8;font-weight:600;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.chatbot-quick-btn{padding:6px 12px;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.chatbot-quick-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.chatbot-input-area{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid #e2e8f0;background:#fafbfc;flex-shrink:0}.chatbot-input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:13.5px;font-family:inherit;outline:none;background:#fff;transition:border-color .2s;color:#1e293b}.chatbot-input::placeholder{color:#94a3b8}.chatbot-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.chatbot-send{width:40px;height:40px;border-radius:12px;border:none;background:#2563eb;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.chatbot-send:hover:not(:disabled){background:#1d4ed8;transform:scale(1.05)}.chatbot-send:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}@media(max-width:480px){.chatbot-window{right:10px;left:10px;bottom:90px;width:auto;max-height:70vh;border-radius:16px}.chatbot-toggle{bottom:18px;right:18px;width:54px;height:54px}.chatbot-messages{max-height:50vh}}.dot-grid{background-image:radial-gradient(#334155 1px,transparent 1px);background-size:24px 24px}.cyan-glow{box-shadow:0 0 20px #0ea5e94d}.instructor-page-loading,.instructor-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#64748b}.instructor-page-loading .spinner{width:40px;height:40px;animation:spin 1s linear infinite;color:#0ea5e9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instructor-page-error h2{font-size:32px;color:#1e293b;margin-bottom:8px}.instructor-page-error .back-btn{margin-top:20px;padding:12px 24px;background:#0ea5e9;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}.instructor-page-container{font-family:Poppins,sans-serif}.courses-hero{background:linear-gradient(135deg,#f8fafc,#eef2ff 48%,#ecfeff);padding:214px 24px 52px;text-align:center;box-sizing:border-box;max-width:100%;overflow-x:hidden}.courses-hero h1{font-family:Poppins,sans-serif;font-size:38px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px;line-height:1.15}.courses-hero h1 span{display:inline-block;background:linear-gradient(90deg,#1f2937,#2563eb 42%,#0ea5e9 76%,#0f766e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.25)}.courses-hero p{font-family:Poppins,sans-serif;font-size:15px;color:#64748b;max-width:540px;margin:0 auto;line-height:1.6}.courses-body{max-width:1280px;margin:0 auto;padding:32px 24px 64px;display:flex;align-items:flex-start;gap:32px;font-family:Poppins,sans-serif;background:transparent;box-sizing:border-box;width:100%;overflow-x:hidden}.courses-sidebar{width:240px;flex-shrink:0;align-self:flex-start;height:fit-content;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px 18px;box-shadow:0 10px 30px #0f172a0a}.courses-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.courses-sidebar-header h3{font-size:18px;font-weight:700;color:#0f172a}.courses-sidebar-reset{font-size:13px;font-weight:600;color:#0ea5e9;cursor:pointer;background:none;border:none;font-family:Poppins,sans-serif;transition:color .2s}.courses-sidebar-reset:hover{color:#0284c7}.courses-filter-group{margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:20px}.courses-filter-group-tracks{padding-top:4px}.courses-filter-group-note{margin:0 0 12px;font-size:12px;line-height:1.5;color:#64748b}.courses-filter-group:last-child{border-bottom:none}.courses-filter-group-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:12px}.courses-filter-group-header h4{font-size:14px;font-weight:700;color:#0f172a}.courses-filter-group-header svg{width:16px;height:16px;color:#94a3b8;transition:transform .2s}.courses-filter-option{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;font-size:14px;color:#475569;-webkit-user-select:none;user-select:none;transition:color .2s;flex-wrap:wrap}.courses-filter-option:hover{color:#0f172a}.courses-filter-option-label{flex:1;min-width:0;font-weight:500}.courses-filter-option-meta{margin-left:auto;display:inline-flex;align-items:center}.courses-filter-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;background:#fff}.courses-filter-checkbox.checked{background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-color:#4f46e5}.courses-track-filter-chip{font-size:11px;font-weight:700;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:2px 8px;white-space:nowrap}.courses-filter-checkbox svg{width:12px;height:12px;color:#fff}.courses-filter-stars{display:flex;align-items:center;gap:2px}.courses-filter-stars svg{width:16px;height:16px;color:#fbbf24}.courses-filter-rating-text{font-size:13px;color:#475569;margin-left:4px}.courses-main{flex:1;min-width:0;max-width:100%;overflow-x:hidden}.courses-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;position:fixed;top:126px;left:50%;right:auto;transform:translate(-50%);width:min(980px,calc(100vw - 316px));z-index:30;padding:14px 16px;background:linear-gradient(180deg,#f5f9fffa,#f5f9ffe6);border:1px solid rgba(226,232,240,.9);border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #0f172a0f;box-sizing:border-box}.courses-toolbar-spacer{height:96px}.courses-search-wrap{position:relative;flex:1;min-width:220px;max-width:340px}.courses-search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.courses-search-input{width:100%;padding:10px 16px 10px 42px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.courses-search-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.courses-search-input::placeholder{color:#94a3b8}.courses-result-count{font-size:13px;color:#64748b;white-space:nowrap}.courses-sort-wrap{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap}.courses-sort-label{font-size:13px;font-weight:500;color:#64748b}.courses-sort-select{padding:8px 32px 8px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:#1e293b;background:#fff;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .2s}.courses-sort-select:focus{border-color:#0ea5e9}@media(max-width:768px){.courses-toolbar{position:static;top:auto;left:auto;right:auto;padding:12px 14px;transform:none;width:100%;max-width:100%;margin-bottom:18px;box-sizing:border-box;overflow-x:hidden}.courses-toolbar-spacer{display:none}.courses-body{flex-direction:column;padding:16px 12px 56px;gap:20px;max-width:100%;overflow-x:hidden}.courses-sidebar{width:100%;max-width:100%;box-sizing:border-box}}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;max-width:100%;box-sizing:border-box}.course-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000a;min-width:0}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0ea5e91f;border-color:#bae6fd}.course-card-thumb{position:relative;height:170px;overflow:hidden;background:#f1f5f9}.course-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.course-card:hover .course-card-thumb img{transform:scale(1.05)}.course-card-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}.course-card-badge.bestseller{background:#fbbf24;color:#78350f}.course-card-badge.new{background:#0ea5e9;color:#fff}.course-card-wishlist{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:2;transition:all .2s;box-shadow:0 2px 8px #0000001a}.course-card-wishlist:hover{background:#fef2f2;transform:scale(1.1)}.course-card-wishlist svg{width:18px;height:18px;color:#94a3b8;transition:color .2s}.course-card-wishlist:hover svg{color:#ef4444}.course-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.course-card-instructor{font-size:12px;font-weight:600;color:#0ea5e9;margin-bottom:6px}.course-card-title{font-size:15px;font-weight:700;color:#0f172a;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-rating{display:flex;align-items:center;gap:6px;margin-bottom:8px}.course-card-rating-num{font-size:13px;font-weight:700;color:#b45309}.course-card-stars{display:flex;gap:1px}.course-card-stars svg{width:14px;height:14px;color:#fbbf24}.course-card-stars svg.half{color:#e2e8f0}.course-card-review-count{font-size:12px;color:#94a3b8}.course-card-meta{display:flex;align-items:center;gap:14px;margin-bottom:14px;font-size:12px;color:#64748b}.course-card-meta-item{display:flex;align-items:center;gap:4px}.course-card-meta-item svg{width:14px;height:14px;color:#94a3b8}.course-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.course-card-price{font-size:20px;font-weight:800;color:#0f172a}.course-card-price span{font-size:16px}.course-card-cta{font-size:13px;font-weight:600;color:#0ea5e9;display:flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none;font-family:Poppins,sans-serif;transition:color .2s,gap .2s}.course-card-cta:hover{color:#0284c7;gap:8px}.course-card-cta svg{width:16px;height:16px}.courses-pagination{display:flex;align-items:center;justify-content:center;gap:6px}.courses-page-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#475569;background:#fff;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.courses-page-btn:hover:not(.active):not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.courses-page-btn.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.courses-page-btn:disabled{opacity:.4;cursor:not-allowed}.courses-page-btn svg{width:18px;height:18px}.courses-page-dots{font-size:14px;color:#94a3b8;padding:0 4px;-webkit-user-select:none;user-select:none}.courses-instructors-section{margin-top:44px;padding-top:28px;border-top:1px solid #dbe7f3}.courses-instructors-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.courses-instructors-head h2{margin:0;font-size:24px;font-weight:800;color:#0f172a}.courses-instructors-head span{font-size:12px;font-weight:700;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:4px 10px;white-space:nowrap}.courses-instructors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.courses-instructor-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dbe7f3;border-radius:14px;padding:12px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.courses-instructor-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0ea5e91f;border-color:#93c5fd}.courses-instructor-avatar-wrap{width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0}.courses-instructor-avatar{width:100%;height:100%;object-fit:cover;display:block}.courses-instructor-avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}.courses-instructor-info{min-width:0}.courses-instructor-info h3{margin:0;font-size:15px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courses-instructor-info p{margin:2px 0 0;font-size:12px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courses-instructor-info span{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;color:#0369a1}@media(max-width:1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.courses-body{flex-direction:column}.courses-sidebar{width:100%}.courses-hero h1{font-size:28px}.courses-hero{padding:188px 18px 44px}.courses-toolbar{flex-direction:column;align-items:stretch}.courses-result-count{white-space:normal;line-height:1.4}.courses-search-wrap{max-width:100%}.courses-sort-wrap{margin-left:0}.courses-grid{grid-template-columns:1fr;gap:16px}.course-card-footer{flex-direction:column;align-items:flex-start;gap:10px}.course-card-cta{padding:0}.courses-instructors-head{align-items:flex-start;flex-direction:column}.courses-instructors-grid{grid-template-columns:1fr}}.courses-tracks-section{margin-bottom:48px}.courses-tracks-shell{margin-top:40px;padding:24px;background:#fff;border:1px solid #dbe4f0;border-radius:24px;box-shadow:0 10px 30px #0f172a0d;max-width:100%;box-sizing:border-box;overflow-x:hidden}.courses-tracks-heading{display:flex;align-items:center;gap:12px;margin-bottom:8px}.courses-tracks-heading h2{margin:0;font-size:24px;font-weight:800;color:#111827}.courses-tracks-badge{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.4px;text-transform:uppercase}.courses-tracks-subtext{font-size:13px;color:#64748b;margin:0 0 24px}.courses-tracks-grid{display:flex;flex-direction:column;gap:20px}.track-card{background:#fff;border-radius:20px;border:1px solid #dbe4f0;overflow:hidden;box-shadow:0 10px 28px #0f172a0f;transition:box-shadow .3s ease,transform .3s ease}.track-card:hover{box-shadow:0 14px 36px #2563eb1f;transform:translateY(-3px)}.track-card-accent{height:5px;background:linear-gradient(90deg,#0f766e,#2563eb,#7c3aed)}.track-card-body{padding:20px 24px}.track-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.track-card-info{flex:1}.track-card-name{font-size:18px;font-weight:800;color:#111827;margin:0 0 6px}.track-card-desc{font-size:13px;color:#64748b;margin:0;line-height:1.5}.track-meta-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.track-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.track-badge.count{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.track-badge.cert{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.track-badge.threshold{background:#fff7ed;color:#c2410c;border:1px solid #fdba74}.track-courses-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin:16px 0 10px}.track-courses-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.track-courses-row::-webkit-scrollbar{height:4px}.track-courses-row::-webkit-scrollbar-track{background:transparent}.track-courses-row::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.track-course-pill{flex:0 0 200px;background:#fbfdff;border:1px solid #dbe4f0;border-radius:14px;overflow:hidden;text-decoration:none;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column}.track-course-pill:hover{border-color:#93c5fd;box-shadow:0 10px 24px #2563eb1f;transform:translateY(-2px)}.track-course-pill-thumb{height:100px;overflow:hidden;background:#e2e8f0;flex-shrink:0}.track-course-pill-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.track-course-pill:hover .track-course-pill-thumb img{transform:scale(1.06)}.track-course-pill-info{padding:10px 12px 12px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.track-course-pill-title{font-size:13px;font-weight:700;color:#111827;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-course-pill-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.track-course-pill-chapters{font-size:11px;color:#64748b;display:flex;align-items:center;gap:3px}.track-course-pill-chapters svg{width:12px;height:12px;flex-shrink:0}.track-course-pill-price{font-size:13px;font-weight:800;color:#2563eb}.track-card-footer{display:flex;align-items:center;justify-content:flex-end;padding:14px 24px 20px;border-top:1px solid #f1f5f9}.track-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s,transform .2s}.track-cta-btn:hover{opacity:.9;transform:translate(2px)}.track-cta-btn svg{width:16px;height:16px;transition:transform .2s}.track-cta-btn:hover svg{transform:translate(3px)}.courses-tracks-divider{border:none;border-top:2px dashed #dbe4f0;margin:0}@media(max-width:768px){.courses-tracks-grid{gap:16px}.courses-tracks-shell,.track-card-body{padding:16px}.track-card-top{flex-direction:column;gap:10px}.track-course-pill{flex:0 0 160px}.track-course-pill-thumb{height:80px}.track-card-footer{padding:14px 16px 20px}}@media(max-width:480px){.courses-hero{padding:176px 16px 40px}.courses-hero h1{font-size:24px}.courses-hero p{font-size:14px}.courses-grid{gap:14px}.course-card-thumb{height:156px}.course-card-body{padding:14px 15px 16px}.course-card-meta{gap:10px;flex-wrap:wrap}.courses-sidebar{padding:18px 16px}}.svp-container{position:relative;width:100%;background:#0f172a;border-radius:18px;overflow:hidden;aspect-ratio:16 / 9;outline:none;cursor:default;box-shadow:0 25px 60px -12px #0006;display:block}.svp-container.svp-hide-cursor{cursor:none}.svp-container.svp-hide-cursor .svp-controls{opacity:0}.svp-video{width:100%;height:100%;display:block;object-fit:contain;cursor:pointer}.svp-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#00000026;transition:background .2s}.svp-play-overlay:hover{background:#0000004d}.svp-play-icon{width:72px;height:72px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.5));opacity:.9;transition:transform .15s}.svp-play-overlay:hover .svp-play-icon{transform:scale(1.1)}.svp-controls{position:absolute;bottom:0;left:0;right:0;padding:0 0 4px;background:linear-gradient(to top,#000000d9,#0000);opacity:0;transition:opacity .3s ease;z-index:10}.svp-controls.svp-controls-visible{opacity:1}.svp-seekbar{width:100%;padding:10px 12px 4px;cursor:pointer;box-sizing:border-box}.svp-seekbar-track{position:relative;width:100%;height:4px;background:#ffffff40;border-radius:4px;overflow:visible;transition:height .15s}.svp-seekbar:hover .svp-seekbar-track{height:6px}.svp-seekbar-buffered{position:absolute;left:0;top:0;height:100%;background:#ffffff59;border-radius:4px;pointer-events:none}.svp-seekbar-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;pointer-events:none;display:flex;align-items:center;justify-content:flex-end}.svp-seekbar-thumb{width:14px;height:14px;background:#fff;border-radius:50%;transform:translate(50%) scale(0);box-shadow:0 2px 8px #0006;transition:transform .15s;flex-shrink:0}.svp-seekbar:hover .svp-seekbar-thumb{transform:translate(50%) scale(1)}.svp-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 8px;gap:8px}.svp-left,.svp-right{display:flex;align-items:center;gap:4px}.svp-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:background .15s;padding:0;flex-shrink:0}.svp-btn:hover{background:#ffffff26}.svp-btn svg{width:18px;height:18px}.svp-volume-group{display:flex;align-items:center;gap:2px}.svp-volume-slider{-webkit-appearance:none;appearance:none;width:0;height:4px;background:#ffffff4d;border-radius:4px;outline:none;cursor:pointer;transition:width .2s ease,background .2s;overflow:hidden}.svp-volume-group:hover .svp-volume-slider{width:70px}.svp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:-50px 0 0 50px #3b82f6}.svp-time{font-size:12px;font-weight:600;color:#ffffffe6;white-space:nowrap;margin-left:4px;letter-spacing:.3px;font-variant-numeric:tabular-nums}.svp-speed-wrap{position:relative}.svp-speed-btn{font-size:12px;font-weight:700;width:auto;padding:0 10px;border-radius:6px;letter-spacing:.5px;color:#fff}.svp-speed-menu{position:absolute;bottom:44px;right:0;background:#0f172af5;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;min-width:80px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;box-shadow:0 8px 32px #0006}.svp-speed-option{display:block;width:100%;padding:9px 14px;font-size:13px;font-weight:600;color:#fffc;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.svp-speed-option:hover{background:#3b82f64d;color:#fff}.svp-speed-option.active{color:#60a5fa;background:#3b82f626}:fullscreen .svp-container,:-webkit-full-screen .svp-container{border-radius:0;max-height:100vh}.cdp-wrapper{font-family:Poppins,sans-serif;background:#f0f2f8;min-height:100vh}.cdp-topnav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eef2f6;padding:0 32px;height:100px;box-shadow:0 2px 10px #00000005}.cdp-topnav-brand{display:flex;align-items:center;text-decoration:none}.cdp-logo-img{height:90px;width:auto;object-fit:contain}.cdp-topnav-module{font-size:15px;font-weight:600;color:#2563eb;margin-left:24px;padding-left:24px;border-left:2px solid #e2e8f0}.cdp-topnav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.cdp-topnav-links li a{text-decoration:none;font-size:14px;font-weight:600;color:#64748b;transition:all .2s}.cdp-topnav-links li a:hover{color:#1e293b}.cdp-topnav-right{display:flex;align-items:center;gap:20px}.cdp-complete-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.cdp-complete-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.cdp-user-profile{width:40px;height:40px;border-radius:50%;background:#f1f5f9;background-image:linear-gradient(135deg,#ffedd5,#fed7aa);border:2px solid #fff;box-shadow:0 0 0 1px #e2e8f0}.cdp-body{display:flex;flex-direction:row-reverse;width:100%;max-width:none;margin:0;gap:0;min-height:calc(100vh - 60px)}.cdp-sidebar{width:300px;min-width:300px;background:#fff;border-right:none;border-left:1px solid #eef2f6;overflow-y:auto;max-height:calc(100vh - 100px);position:sticky;top:100px;display:flex;flex-direction:column}.cdp-sidebar-header{padding:24px 24px 16px}.cdp-sidebar-header h3{font-size:18px;font-weight:800;color:#2563eb;margin:0 0 4px}.cdp-sidebar-subtitle{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.cdp-sidebar-section{border-bottom:1px solid #f1f5f9}.cdp-sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;cursor:pointer;transition:background .2s}.cdp-sidebar-section-header:hover{background:#f8fafc}.cdp-sidebar-section-header.active{background:#eff6ff}.cdp-sidebar-section-title{font-size:14px;font-weight:700;color:#1e293b}.cdp-sidebar-section-chevron{color:#64748b;transition:transform .3s}.cdp-sidebar-section.open .cdp-sidebar-section-chevron{transform:rotate(180deg)}.cdp-sidebar-lessons{background:#fff;padding-bottom:8px}.cdp-sidebar-lesson-item{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;transition:all .2s}.cdp-sidebar-lesson-item:hover{background:#f1f5f9}.cdp-sidebar-lesson-item.active{background:#f0f7ff;position:relative}.cdp-sidebar-lesson-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2563eb}.cdp-lesson-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#2563eb}.cdp-lesson-icon.completed{color:#10b981}.cdp-lesson-icon.locked{color:#94a3b8}.cdp-lesson-icon.active-progress{color:#2563eb;opacity:1}.cdp-lesson-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cdp-lesson-title{font-size:13px;font-weight:500;color:#475569;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}.cdp-sidebar-lesson-item.active .cdp-lesson-title{color:#2563eb;font-weight:600}.cdp-lesson-duration{font-size:11px;color:#94a3b8;font-weight:500;white-space:nowrap}.cdp-sidebar-quiz-item{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;background:#fff}.cdp-sidebar-quiz-item:hover{background:#f8fafc}.cdp-quiz-icon{color:#64748b}.cdp-quiz-title{font-size:13px;font-weight:700;color:#2563eb}.cdp-quiz-meta{font-size:10px;color:#94a3b8;margin-left:auto}.cdp-module-group{padding:16px 20px 0;flex:1}.cdp-final-access-wrap{margin-top:auto;padding:14px 20px 0;border-top:1px solid #e2e8f0}.cdp-final-mobile-wrap{display:none;margin-bottom:16px}.cdp-final-access-btn{width:100%;text-align:left;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#ecfeff);border-radius:12px;padding:12px;cursor:pointer;transition:all .2s ease}.cdp-final-access-btn:hover{border-color:#60a5fa;box-shadow:0 6px 16px #2563eb1f}.cdp-final-access-btn.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb24}.cdp-final-access-btn.locked{border-color:#e2e8f0;background:#f8fafc;cursor:not-allowed}.cdp-final-access-label{font-size:13px;font-weight:700;color:#0f172a}.cdp-final-access-btn.locked .cdp-final-access-label{color:#64748b}.cdp-final-access-meta{margin-top:4px;font-size:11px;color:#0369a1;font-weight:500}.cdp-final-access-btn.locked .cdp-final-access-meta{color:#94a3b8}.cdp-module-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:10px}.cdp-chapter-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;margin-bottom:4px;transition:all .15s}.cdp-chapter-item:hover{background:#f1f5f9}.cdp-chapter-item.active{background:#eff6ff;border:1px solid #bfdbfe}.cdp-chapter-item.completed .cdp-ch-icon{background:#16a34a;color:#fff}.cdp-chapter-item.active .cdp-ch-icon{background:#2563eb;color:#fff;animation:pulse-icon 2s infinite}@keyframes pulse-icon{0%,to{box-shadow:0 0 #2563eb4d}50%{box-shadow:0 0 0 6px #2563eb00}}.cdp-ch-icon{width:28px;height:28px;min-width:28px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8}.cdp-ch-icon svg{width:14px;height:14px}.cdp-ch-info{flex:1;min-width:0}.cdp-ch-title{font-size:13px;font-weight:500;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdp-ch-duration{font-size:11px;color:#94a3b8;margin-top:1px}.cdp-chapter-item.locked .cdp-ch-title{color:#94a3b8}.cdp-content{flex:1;padding:28px 36px;min-width:0}.cdp-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:12px}.cdp-course-title-block{margin-bottom:24px}.cdp-course-title{margin:0;font-size:32px;line-height:1.2;color:#1e293b;font-weight:800;letter-spacing:-.5px}.cdp-course-subtitle{margin:8px 0 0;font-size:14px;color:#64748b;font-weight:500}.cdp-breadcrumb a{color:#64748b;text-decoration:none}.cdp-breadcrumb a:hover{color:#2563eb}.cdp-breadcrumb svg{width:14px;height:14px}.cdp-watch-indicator{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;color:#64748b}.cdp-watch-indicator span{white-space:nowrap;font-weight:500}.cdp-watch-bar{height:4px;border-radius:2px;background:linear-gradient(90deg,#2563eb,#06b6d4);transition:width .3s}.cdp-chapter-status{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.cdp-status-item{display:flex;align-items:center;gap:12px}.cdp-status-label{font-size:12px;font-weight:600;color:#64748b;width:80px;min-width:80px}.cdp-status-bar{flex:1;height:6px;border-radius:3px;background:#e2e8f0;overflow:hidden}.cdp-status-fill{height:100%;border-radius:3px;transition:width .3s}.cdp-status-pct{font-size:12px;font-weight:600;color:#1e293b;width:40px;text-align:right}.cdp-status-badge{font-size:12px;font-weight:500;padding:3px 10px;border-radius:6px}.cdp-status-badge.passed{background:#dcfce7;color:#16a34a}.cdp-status-badge.ready{background:#dbeafe;color:#2563eb}.cdp-status-badge.locked{background:#f1f5f9;color:#94a3b8}.cdp-video-wrap{margin:0 0 32px;width:100%;max-width:none;display:block;position:relative;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#0f172a}.cdp-video-wrap>.cdp-video-player,.cdp-video-wrap>.svp-container{width:100%;height:100%;border-radius:inherit}.cdp-video-player{width:100%;height:100%;display:block;object-fit:contain;border:none;border-radius:16px}.cdp-video-wrap video.cdp-video-player{transform:none}.cdp-video-wrap video.cdp-video-player::-webkit-media-controls-picture-in-picture-button{display:none!important}.cdp-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000001a;pointer-events:none}.cdp-play-icon-large{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2563eb;box-shadow:0 8px 24px #0003}.cdp-iframe-settings{position:absolute;right:12px;bottom:12px;z-index:7}.cdp-iframe-settings-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.45);border-radius:10px;background:#0f172acc;color:#e2e8f0;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cdp-iframe-settings-menu{margin-top:8px;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:10px;border:1px solid rgba(148,163,184,.45);background:#0f172ae6;min-width:92px}.cdp-iframe-speed-option{border:none;border-radius:8px;background:transparent;color:#e2e8f0;font-size:12px;font-weight:700;text-align:left;padding:6px 8px;cursor:pointer}.cdp-iframe-speed-option:hover{background:#94a3b833}.cdp-iframe-speed-option.active{background:#f8fafc;color:#0f172a}.cdp-no-video{border-radius:16px;background:linear-gradient(135deg,#1e293b,#0f172a);padding:60px 40px;text-align:center;margin-bottom:24px;color:#fff}.cdp-no-video h3{font-size:18px;font-weight:600;margin:16px 0 8px;color:#e2e8f0}.cdp-no-video p{font-size:14px;color:#94a3b8;margin:0}.cdp-speed-bar{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f8fafc;border-top:1px solid #e2e8f0}.cdp-speed-btn{padding:4px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px;font-family:inherit;color:#64748b;cursor:pointer;transition:all .15s}.cdp-speed-btn:hover{border-color:#2563eb;color:#2563eb}.cdp-speed-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.cdp-completion-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;padding:48px;text-align:center;color:#fff;margin-bottom:24px}.cdp-completion-icon{width:64px;height:64px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.cdp-completion-icon svg{width:32px;height:32px;color:#fff}.cdp-completion-card h2{font-size:26px;font-weight:700;margin:0 0 8px}.cdp-completion-card p{font-size:14px;color:#94a3b8;margin:0 0 24px}.cdp-completion-btns{display:flex;align-items:center;justify-content:center;gap:12px}.cdp-btn-quiz{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.cdp-btn-quiz:hover{background:#dc2626}.cdp-btn-quiz svg{width:18px;height:18px}.cdp-btn-review{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.cdp-btn-review:hover{background:#fff3}.cdp-lesson-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cdp-lesson-prev,.cdp-lesson-next{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cdp-lesson-prev{background:none;border:1px solid #e2e8f0;color:#334155}.cdp-lesson-prev:hover{background:#f1f5f9}.cdp-lesson-next{background:#2563eb;color:#fff;border:none}.cdp-lesson-next:hover{background:#1d4ed8}.cdp-lesson-prev svg,.cdp-lesson-next svg{width:16px;height:16px}.cdp-tabs-nav{display:flex;gap:32px;border-bottom:2px solid #f1f5f9;margin-bottom:32px}.cdp-tab-nav-item{padding:12px 4px;font-size:15px;font-weight:700;color:#64748b;cursor:pointer;position:relative;transition:all .2s}.cdp-tab-nav-item.active{color:#2563eb}.cdp-tab-nav-item.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#2563eb}.cdp-objectives-box{background:#f0f7ff;border:1px solid #dbeafe;border-radius:16px;padding:24px;margin-top:32px}.cdp-objectives-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:16px;font-weight:800;color:#1e40af}.cdp-objective-item{display:flex;gap:12px;margin-bottom:12px;font-size:14px;color:#334155;line-height:1.5}.cdp-objective-icon{color:#2563eb;margin-top:2px}.cdp-right-column{width:680px;display:flex;flex-direction:row;gap:20px;align-items:flex-start}.cdp-side-card{flex:1;background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 4px 12px #00000008}.cdp-card-label{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.cdp-instructor-profile{display:flex;align-items:center;gap:16px}.cdp-instructor-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.cdp-instructor-info h4{font-size:15px;font-weight:800;color:#1e293b;margin:0}.cdp-instructor-info p{font-size:12px;color:#64748b;margin:2px 0 0}.cdp-resource-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.cdp-resource-icon-wrap{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#2563eb;box-shadow:0 2px 6px #0000000d}.cdp-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.cdp-resource-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;cursor:pointer}.cdp-resource-item:hover{border-color:#bfdbfe;background:#eff6ff}.cdp-resource-icon{width:42px;height:42px;min-width:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.cdp-resource-icon.pdf{background:#fee2e2;color:#ef4444}.cdp-resource-icon.code{background:#dbeafe;color:#2563eb}.cdp-resource-icon.doc{background:#dcfce7;color:#16a34a}.cdp-resource-info{flex:1;min-width:0}.cdp-resource-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdp-resource-meta{font-size:11px;color:#94a3b8;margin-top:2px}.cdp-resource-action svg{width:18px;height:18px;color:#94a3b8}.cdp-download-syllabus{position:fixed;bottom:28px;left:28px;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0000001a;font-family:inherit;font-size:13px;font-weight:600;color:#1e293b;cursor:pointer;z-index:50;transition:all .2s}.cdp-download-syllabus:hover{border-color:#2563eb;color:#2563eb}.cdp-download-syllabus svg{width:18px;height:18px}.cdp-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:16px}.cdp-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cdp-tab-btn.locked{color:#cbd5e1;cursor:not-allowed}.cdp-tab-btn.locked:hover{color:#cbd5e1}.cdp-assessment-header{margin-bottom:20px}.cdp-assessment-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.cdp-assessment-header p{font-size:13px;color:#64748b;margin:0}.cdp-question-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px}.cdp-q-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cdp-q-number{font-size:12px;font-weight:700;color:#2563eb;background:#dbeafe;padding:2px 10px;border-radius:6px}.cdp-q-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;background:#f1f5f9;color:#64748b}.cdp-q-marks{font-size:11px;color:#94a3b8;margin-left:auto}.cdp-q-text{font-size:14px;font-weight:500;color:#1e293b;line-height:1.6;margin:0 0 14px}.cdp-options{display:flex;flex-direction:column;gap:8px}.cdp-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s;font-size:13px;color:#334155}.cdp-option:hover{border-color:#93c5fd;background:#eff6ff}.cdp-option.selected{border-color:#2563eb;background:#eff6ff}.cdp-option input{display:none}.cdp-option-key{width:26px;height:26px;min-width:26px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#64748b}.cdp-option.selected .cdp-option-key{background:#2563eb;color:#fff}.cinfo-page{font-family:Poppins,sans-serif;background:#f8fafc;min-height:100vh}.cinfo-container{max-width:1200px;margin:100px auto 40px;padding:0 20px}.cinfo-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}.cinfo-main{min-width:0}.cinfo-title{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 16px;line-height:1.2}.cinfo-description{font-size:16px;color:#475569;line-height:1.6;margin:0 0 30px}.cinfo-section{margin-bottom:40px}.cinfo-section-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 16px;display:flex;align-items:center;gap:10px}.cinfo-video-wrap{max-width:100%;margin:0}.cinfo-demo-frame,.cinfo-demo-video{width:100%;height:100%;border:none;border-radius:12px;display:block}.cinfo-no-demo{padding:60px;text-align:center;background:#0f172a;border-radius:12px;color:#94a3b8}.cinfo-syllabus-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.cinfo-syllabus-item{padding:20px 24px;border-bottom:1px solid #f1f5f9}.cinfo-syllabus-item.last{border-bottom:none}.cinfo-syllabus-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.cinfo-syllabus-title{font-size:15px;font-weight:600;color:#334155;margin:0}.cinfo-syllabus-count{font-size:12px;color:#94a3b8;white-space:nowrap}.cinfo-syllabus-desc{font-size:13px;color:#64748b;margin:0}.cinfo-sidebar-wrap{position:sticky;top:100px;height:fit-content}.cinfo-sidebar-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 10px 30px #0000000d;overflow:hidden}.cinfo-sidebar-image{width:100%;height:200px;object-fit:cover;display:block}.cinfo-sidebar-content{padding:30px}.cinfo-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.cinfo-price{font-size:40px;line-height:1;font-weight:800;color:#0f172a}.cinfo-old-price{font-size:16px;color:#94a3b8;text-decoration:line-through}.cinfo-start-btn{width:100%;padding:14px;border-radius:12px;background:#2563eb;color:#fff;border:none;font-weight:700;font-size:16px;cursor:pointer;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.cinfo-feature-list{display:flex;flex-direction:column;gap:12px}.cinfo-feature-item{display:flex;align-items:center;gap:12px;color:#475569;font-size:14px}@media(max-width:1100px){.cinfo-grid{grid-template-columns:1fr;gap:24px}.cinfo-sidebar-wrap{position:static;top:auto}}@media(max-width:768px){.cinfo-container{margin:84px auto 28px;padding:0 14px}.cinfo-title{font-size:28px}.cinfo-description{font-size:15px;margin-bottom:22px}.cinfo-section{margin-bottom:28px}.cinfo-section-title{font-size:18px}.cinfo-no-demo{padding:32px 20px}.cinfo-syllabus-item{padding:16px}.cinfo-syllabus-head{align-items:flex-start;flex-direction:column;gap:4px}.cinfo-sidebar-content{padding:18px 16px}.cinfo-price{font-size:34px}.cinfo-start-btn{font-size:15px;padding:12px}}.cdp-code-input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-family:Fira Code,Courier New,monospace;font-size:13px;background:#1e293b;color:#e2e8f0;resize:vertical}.cdp-btn-submit{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:8px}.cdp-btn-submit:hover{opacity:.9}.cdp-btn-submit:disabled{opacity:.5;cursor:not-allowed}.cdp-result-header{text-align:center;padding:32px;border-radius:14px;margin-bottom:20px}.cdp-result-header.passed{background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #86efac}.cdp-result-header.failed{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}.cdp-result-icon{font-size:40px;margin-bottom:10px}.cdp-result-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.cdp-result-score{font-size:24px;color:#1e293b;margin:0 0 6px}.cdp-result-score span{font-size:14px;color:#64748b}.cdp-result-review{display:flex;flex-direction:column;gap:10px}.cdp-result-q{padding:14px 16px;border-radius:10px;border:1px solid #e2e8f0}.cdp-result-q.correct{background:#f0fdf4;border-color:#bbf7d0}.cdp-result-q.wrong{background:#fef2f2;border-color:#fecaca}.cdp-result-q-head{display:flex;align-items:center;gap:10px;font-size:13px;color:#334155;flex-wrap:wrap}.cdp-result-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;flex-shrink:0}.cdp-result-badge.correct{background:#22c55e;color:#fff}.cdp-result-badge.wrong{background:#ef4444;color:#fff}.cdp-btn-retry{display:block;width:100%;padding:14px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;margin-top:20px;transition:background .2s}.cdp-btn-retry:hover{background:#334155}.cdp-content{flex:1;min-width:0;display:block;padding:28px 36px;background:#f8fafc}.cdp-main-panel{width:100%;margin:0}.cdp-right-column{width:680px;flex-shrink:0}@media(max-width:900px){.cdp-body{flex-direction:column}.cdp-sidebar{width:100%;position:relative;top:0;border-left:none;border-right:none;border-top:1px solid #eef2f6;order:2;max-height:none;overflow:visible}.cdp-main{order:1}.cdp-content{padding:20px 16px;flex-direction:column}.cdp-main-panel{width:100%}.cdp-right-column{width:100%;max-width:100%;flex-direction:column}.cdp-course-title{font-size:22px}.cdp-final-mobile-wrap{display:block}.cdp-topnav{padding:0 16px}.cdp-topnav-module{display:none}.cdp-complete-btn{padding:8px 12px;font-size:12px}.cdp-topnav-links,.cdp-search-bar{display:none}.cdp-completion-card{padding:32px 20px}.cdp-completion-btns{flex-direction:column}}.fap-preview{max-width:980px;margin:0 auto;padding:16px 8px 24px}.fap-badge{display:inline-flex;padding:6px 12px;border-radius:999px;background:#2563eb1f;color:#2563eb;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.fap-title{margin:12px 0 0;font-size:clamp(30px,5.2vw,52px);line-height:1.03;color:#111827;letter-spacing:-.03em}.fap-title span{color:#2563eb}.fap-subtitle{margin:10px 0 0;max-width:760px;font-size:14px;color:#64748b;line-height:1.5}.fap-roadmap{margin-top:24px;padding:20px;border-radius:18px;background:#f8faff;border:1px solid #e2e8f0}.fap-roadmap h3{margin:0 0 16px;font-size:17px;color:#1f2937}.fap-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fap-line{position:absolute;top:12px;left:5%;right:5%;height:2px;background:#dbe4ff}.fap-step{position:relative;z-index:1;text-align:center;color:#9ca3af;font-size:11px;font-weight:600}.fap-step span{display:block;width:24px;height:24px;margin:0 auto 8px;border-radius:999px;background:#e5e7eb;border:3px solid #f8faff}.fap-step.done{color:#334155}.fap-step.done span{background:#2563eb}.fap-step.active{color:#1d4ed8}.fap-step.active span{background:#fff;border-color:#2563eb;box-shadow:inset 0 0 0 4px #dbeafe}.fap-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.fap-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:18px}.fap-card h4{margin:0;font-size:18px;color:#1f2937}.fap-meta-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.fap-meta-grid label{display:block;color:#6b7280;font-size:11px;margin-bottom:2px}.fap-meta-grid strong{color:#111827;font-size:14px}.fap-cert-card p{margin:6px 0 12px;color:#64748b;font-size:12px}.fap-cert-preview{border-radius:12px;border:1px solid #dbeafe;background:linear-gradient(180deg,#eff6ff,#fff);padding:12px}.fap-cert-box{border:1px solid #bfdbfe;border-radius:10px;padding:12px;text-align:center;background:#fff}.fap-cert-box small{display:block;color:#93c5fd;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.fap-cert-box strong{display:block;margin-top:8px;font-size:14px;color:#1f2937}.fap-cert-box em{display:inline-block;margin-top:8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:4px 10px;font-size:10px;font-style:normal;font-weight:700}.fap-cert-card>span{display:block;margin-top:10px;color:#6b7280;font-size:11px;line-height:1.4}.fap-tip-box{margin-top:14px;border:1px solid #dbeafe;border-radius:16px;background:#f8faff;padding:16px}.fap-tip-box h4{margin:0 0 8px;color:#1d4ed8;font-size:15px}.fap-tip-box ul{margin:0;padding-left:18px;color:#334155;font-size:12px;line-height:1.5}.fap-start-btn{display:block;margin:18px auto 8px;border:none;border-radius:12px;padding:12px 28px;color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);font-size:15px;font-weight:700;cursor:pointer}.fap-lock-note{text-align:center;margin:0;font-size:11px;color:#64748b}@media(max-width:900px){.fap-grid{grid-template-columns:1fr}.fap-steps{grid-template-columns:1fr 1fr;row-gap:14px}.fap-line{display:none}}.fat-live-layout{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.fat-question-stack{min-width:0}.fat-side-panel{display:grid;gap:12px;align-content:start;position:sticky;top:90px;height:fit-content}.fat-info-card,.fat-tip-card{border-radius:16px;border:1px solid #dbe2ef;background:#f8faff;padding:14px}.fat-info-card h4,.fat-tip-card h4{margin:0 0 10px;color:#1f2937;font-size:15px}.fat-info-card ul,.fat-tip-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.fat-info-card li{border-radius:10px;background:#fff;border:1px solid #e2e8f0;padding:8px 10px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.fat-info-card li span{color:#64748b}.fat-info-card li strong{color:#0f172a}.fat-tip-card li{font-size:12px;color:#334155;padding-left:14px;position:relative;line-height:1.5}.fat-tip-card li:before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;border-radius:999px;background:#2563eb}@media(max-width:1100px){.fat-live-layout{grid-template-columns:1fr}.fat-side-panel{position:static;grid-template-columns:1fr 1fr}}@media(max-width:760px){.fat-side-panel{grid-template-columns:1fr}}.legal-page{font-family:Inter,Poppins,system-ui,sans-serif;min-height:100vh;background:#f8fafc;color:#334155}.legal-page.with-landing-navbar{padding-top:128px}@media(max-width:640px){.legal-page.with-landing-navbar{padding-top:96px}}.legal-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legal-header-inner{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.legal-header-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.legal-header-logo{width:32px;height:32px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px}.legal-header-title{font-weight:700;font-size:18px;letter-spacing:-.02em;color:#0f172a;text-transform:uppercase}.legal-back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#3b82f6;text-decoration:none;transition:color .2s}.legal-back-link:hover{color:#2563eb;text-decoration:underline}.legal-back-arrow{display:inline-flex;align-items:center;transition:transform .2s}.legal-back-link:hover .legal-back-arrow{transform:translate(-3px)}.legal-hero{max-width:1280px;margin:0 auto;padding:48px 24px 32px}.legal-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#94a3b8;margin-bottom:16px}.legal-breadcrumb a{color:#94a3b8;text-decoration:none;transition:color .2s}.legal-breadcrumb a:hover{color:#3b82f6}.legal-breadcrumb-sep{display:inline-flex;align-items:center;color:#94a3b8}.legal-breadcrumb-current{color:#0f172a;font-weight:600}.legal-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0 0 12px}.legal-hero-subtitle{font-size:17px;line-height:1.7;color:#64748b;max-width:680px}.legal-hero-meta{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.legal-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#64748b;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.legal-highlights{max-width:1280px;margin:0 auto;padding:0 24px 40px}.legal-highlights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.legal-highlight-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 3px #0000000a;transition:transform .2s,box-shadow .2s}.legal-highlight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.legal-highlight-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:22px}.legal-highlight-icon.blue{background:#eff6ff;color:#2563eb}.legal-highlight-icon.green{background:#f0fdf4;color:#16a34a}.legal-highlight-icon.purple{background:#faf5ff;color:#9333ea}.legal-highlight-icon.amber{background:#fffbeb;color:#d97706}.legal-highlight-card h3{font-weight:700;font-size:15px;color:#0f172a;margin:0 0 4px}.legal-highlight-card p{font-size:12px;color:#94a3b8;margin:0;line-height:1.5}.legal-layout{max-width:1280px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:280px 1fr;gap:48px}.legal-sidebar{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto}.legal-sidebar-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;padding:0 12px;margin-bottom:12px}.legal-sidebar-nav{display:flex;flex-direction:column;gap:2px}.legal-sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;border-radius:10px;border-left:2px solid transparent;transition:all .2s}.legal-sidebar-link:hover{color:#0f172a;background:#fff}.legal-sidebar-link.active{color:#3b82f6;background:#3b82f60f;border-left-color:#3b82f6}.legal-sidebar-link-icon{font-size:18px;opacity:.7}.legal-sidebar-link:hover .legal-sidebar-link-icon{opacity:1}.legal-sidebar-link-toc{display:flex;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;border-left:2px solid transparent;transition:all .2s}.legal-sidebar-link-toc:hover{color:#0f172a;border-left-color:#cbd5e1}.legal-sidebar-link-toc.active{color:#3b82f6;background:#3b82f60a;border-left-color:#3b82f6}.legal-sidebar-info{margin-top:32px;padding:20px;background:#3b82f60f;border:1px solid rgba(59,130,246,.12);border-radius:16px}.legal-sidebar-info h4{font-size:14px;font-weight:700;color:#3b82f6;margin:0 0 6px;display:flex;align-items:center;gap:6px}.legal-sidebar-info p{font-size:12px;color:#64748b;line-height:1.6;margin:0}.legal-sidebar-help{margin-top:32px;padding:20px;background:#f1f5f9;border-radius:14px}.legal-sidebar-help h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 6px}.legal-sidebar-help p{font-size:12px;color:#94a3b8;line-height:1.6;margin:0 0 14px}.legal-sidebar-help a{font-size:13px;font-weight:500;color:#3b82f6;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.legal-sidebar-help a:hover{text-decoration:underline}.legal-content{min-width:0}.legal-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px;margin-bottom:28px;box-shadow:0 1px 3px #0000000a;scroll-margin-top:100px}.legal-section-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:28px}.legal-section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px}.legal-section-icon.blue{background:#dbeafe;color:#2563eb}.legal-section-icon.indigo{background:#e0e7ff;color:#4f46e5}.legal-section-icon.pink{background:#fce7f3;color:#db2777}.legal-section-icon.green{background:#dcfce7;color:#16a34a}.legal-section-icon.purple{background:#f3e8ff;color:#9333ea}.legal-section-icon.amber{background:#fef3c7;color:#d97706}.legal-section-icon.red{background:#fee2e2;color:#dc2626}.legal-section-header h2{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.legal-section-header p{font-size:14px;color:#94a3b8;margin:0}.legal-section-num{font-size:28px;font-weight:800;color:#3b82f626;margin-right:8px}.legal-section h2.legal-section-numbered{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#0f172a;margin:0 0 24px}.legal-section p,.legal-section li{font-size:15px;line-height:1.75;color:#475569}.legal-section p+p{margin-top:14px}.legal-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.legal-data-card{padding:18px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px}.legal-data-card h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 6px;display:flex;align-items:center;gap:8px}.legal-data-card h4 span{color:#94a3b8;font-size:16px}.legal-data-card p{font-size:13px;color:#64748b;margin:0}.legal-check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.legal-check-item{display:flex;align-items:flex-start;gap:14px}.legal-check-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;font-size:14px}.legal-check-icon.indigo{background:#4f46e514;color:#6366f1}.legal-check-icon.primary{color:#3b82f6;font-size:20px}.legal-bullet-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px}.legal-bullet-item{display:flex;align-items:flex-start;gap:12px}.legal-bullet-dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;flex-shrink:0;margin-top:9px}.legal-alert{padding:18px 20px;border-radius:0 12px 12px 0;border-left:4px solid;display:flex;align-items:flex-start;gap:12px;margin:16px 0}.legal-alert.warning{background:#fef2f2;border-left-color:#ef4444}.legal-alert.warning .legal-alert-icon{color:#ef4444}.legal-alert.amber{background:#fffbeb;border-left-color:#f59e0b}.legal-alert.amber .legal-alert-text{color:#92400e;font-weight:500}.legal-alert-icon{font-size:20px;flex-shrink:0;margin-top:1px}.legal-alert-text{font-size:14px;font-weight:500;margin:0;line-height:1.6}.legal-alert.warning .legal-alert-text{color:#b91c1c}.legal-info-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;padding:22px;margin-top:16px}.legal-info-box h4{font-weight:700;font-size:15px;color:#0f172a;margin:0 0 6px;display:flex;align-items:center;gap:8px}.legal-info-box h4 span{color:#3b82f6}.legal-info-box p{font-size:13px;color:#475569;margin:0}.legal-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.legal-security-badge{background:#f8fafc;border-radius:14px;padding:18px;text-align:center}.legal-security-badge .badge-icon{color:#94a3b8;font-size:24px;margin-bottom:8px}.legal-security-badge .badge-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.legal-security-badge .badge-value{display:block;font-size:14px;font-weight:600;color:#0f172a;margin-top:4px}.legal-rights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.legal-rights-btn{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;border:1px solid #f1f5f9;background:#fff;cursor:pointer;text-align:left;transition:all .2s;font-family:inherit}.legal-rights-btn:hover{border-color:#3b82f64d;background:#3b82f608}.legal-rights-btn.danger:hover{border-color:#ef44444d;background:#fef2f2}.legal-rights-btn .rights-icon{font-size:22px}.legal-rights-btn .rights-icon.primary{color:#3b82f6}.legal-rights-btn .rights-icon.red{color:#ef4444}.legal-rights-btn strong{display:block;font-size:14px;font-weight:700;color:#0f172a}.legal-rights-btn small{font-size:12px;color:#94a3b8}.legal-cta{background:#0f172a;color:#fff;padding:40px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:28px}.legal-cta h3{font-size:22px;font-weight:700;margin:0 0 10px}.legal-cta p{font-size:14px;color:#94a3b8;margin:0;max-width:420px;line-height:1.7}.legal-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;padding:14px 28px;border-radius:14px;font-weight:700;font-size:15px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}.legal-cta-btn:hover{background:#2563eb;transform:translateY(-1px)}.legal-bottom-bar{margin-top:48px;padding-top:32px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.legal-bottom-bar p{font-size:13px;color:#94a3b8;margin:0}.legal-bottom-bar-actions{display:flex;gap:12px}.legal-btn-outline{padding:10px 22px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#334155;background:#fff;cursor:pointer;transition:background .2s}.legal-btn-outline:hover{background:#f8fafc}.legal-btn-primary{padding:10px 22px;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;background:#3b82f6;cursor:pointer;box-shadow:0 4px 14px #3b82f633;transition:background .2s}.legal-btn-primary:hover{background:#2563eb}.legal-page-footer{max-width:1280px;margin:0 auto;padding:32px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.legal-page-footer-brand{display:flex;align-items:center;gap:12px}.legal-page-footer-logo{width:32px;height:32px;background:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;font-style:italic}.legal-page-footer p{font-size:13px;color:#94a3b8;margin:0}.legal-page-footer-links{display:flex;align-items:center;gap:28px}.legal-page-footer-links a{font-size:14px;font-weight:500;color:#94a3b8;text-decoration:none;transition:color .2s}.legal-page-footer-links a:hover{color:#3b82f6}@media(max-width:1024px){.legal-layout{grid-template-columns:1fr;gap:0}.legal-sidebar{display:none}.legal-section{padding:28px 20px;border-radius:16px}.legal-cta{padding:28px 20px}}@media(max-width:640px){.legal-hero h1{font-size:1.75rem}.legal-security-grid,.legal-rights-grid{grid-template-columns:1fr}.legal-bottom-bar{flex-direction:column;align-items:stretch;text-align:center}.legal-bottom-bar-actions{justify-content:center}.legal-cta,.legal-page-footer{flex-direction:column;text-align:center}.legal-highlights-grid{grid-template-columns:repeat(2,1fr)}}.contact-page{background:radial-gradient(900px 500px at 10% 5%,rgba(37,99,235,.16),transparent 60%),radial-gradient(800px 420px at 95% 20%,rgba(34,211,238,.14),transparent 60%),linear-gradient(180deg,#eaf4ff,#f7fbff 45%,#fff);min-height:100vh}.contact-main{max-width:1140px;margin:0 auto;padding:130px 24px 70px}.contact-hero{text-align:center;margin-bottom:34px}.contact-tag{display:inline-block;margin:0 0 12px;border:1px solid rgba(30,58,138,.18);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8;background:#ffffffbf}.contact-hero h1{margin:0;color:#0f172a;font-size:clamp(30px,4.8vw,52px);line-height:1.04;letter-spacing:-.03em}.contact-hero p{max-width:720px;margin:12px auto 0;color:#475569;font-size:16px}.contact-layout{display:grid;grid-template-columns:360px 1fr;gap:18px}.contact-info-card,.contact-form-card{border-radius:22px;border:1px solid rgba(148,163,184,.2);background:#ffffffd6;box-shadow:0 18px 36px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-info-card{padding:24px}.contact-info-card h2,.contact-form-card h2{margin:0;color:#0f172a;font-size:22px}.contact-info-sub,.contact-form-card p{margin:8px 0 18px;color:#64748b;font-size:14px}.contact-info-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;border:1px solid #e2e8f0;border-radius:14px;padding:12px;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-info-item:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0f172a14}.contact-icon-wrap{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#2563eb;background:#dbeafe}.contact-info-item strong{display:block;color:#0f172a;font-size:14px}.contact-info-item small{color:#64748b;font-size:13px}.contact-note{margin-top:16px;border-radius:14px;background:#0f172a;color:#dbeafe;display:flex;gap:8px;align-items:flex-start;padding:12px;font-size:13px;line-height:1.45}.contact-form-card{padding:24px}.contact-form{display:grid;gap:14px}.contact-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;border-radius:12px;border:1px solid #dbe2ef;background:#fff;padding:11px 12px;color:#0f172a;font-size:14px;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.contact-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:12px;padding:12px 16px;background:linear-gradient(120deg,#2563eb,#0891b2);color:#fff;font-size:14px;font-weight:700;cursor:pointer}.contact-submit-btn:hover{filter:brightness(1.05)}.contact-success{border-radius:10px;border:1px solid #86efac;background:#f0fdf4;color:#166534;font-size:13px;font-weight:600;padding:10px}@media(max-width:900px){.contact-layout,.contact-grid-2{grid-template-columns:1fr}}:root{--sub-brand-blue: #2979ff;--sub-brand-dark: #0a0f24;--sub-brand-cyan: #00bcd4;--sub-bg-light: #f8faff;--sub-card-bg: #ffffff;--sub-text-main: #111827;--sub-text-muted: #6b7280;--sub-text-light: #9ca3af;--sub-success-green: #10b981;--sub-border-color: #e5e7eb;--sub-ease-spring: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}.subscribe-page{font-family:Poppins,Segoe UI,sans-serif;background:var(--sub-bg-light);color:var(--sub-text-main);min-height:100vh}.subscribe-page *{font-family:inherit}.subscribe-split-layout{display:flex;min-height:100vh;width:100%}.subscribe-left-panel{width:50%;background:var(--sub-brand-dark);background-image:radial-gradient(circle at top left,rgba(41,121,255,.1),transparent 40%),radial-gradient(circle at bottom right,rgba(0,188,212,.05),transparent 40%);color:#fff;padding:20px 6%;display:flex;flex-direction:column;justify-content:center}.subscribe-brand-logo{display:flex;align-items:center;gap:0;margin-bottom:12px}.subscribe-brand-logo-badge{width:74px;height:74px;border-radius:999px;background:#fff;border:1px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px #00000052}.subscribe-brand-logo-img{height:56px;width:auto;object-fit:contain;display:block}.subscribe-left-heading{font-size:28px;font-weight:800;line-height:1.15;margin-bottom:16px}.subscribe-left-heading span{color:#fbbf24}.subscribe-video-container{width:100%;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 16px 32px #00000080;border:1px solid rgba(255,255,255,.1);margin-bottom:16px;aspect-ratio:16 / 9;min-height:clamp(220px,26vw,360px);max-height:none;background:#0b1228}.subscribe-video-container img{width:100%;height:100%;object-fit:cover;opacity:.7}.subscribe-video-container iframe,.subscribe-video-container video{width:100%;height:100%;border:0;display:block;object-fit:cover;background:#0b1228}.subscribe-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4)}.subscribe-play-btn svg{width:20px;height:20px;fill:#fff;margin-left:4px}.subscribe-offer-banner{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:12px 16px;display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:16px}.subscribe-offer-text-group{display:flex;flex-direction:column;gap:4px;align-items:center}.subscribe-offer-title{font-size:15px;font-weight:700;color:#fff}.subscribe-offer-subtitle{font-size:13px;color:var(--sub-success-green);display:flex;align-items:center;gap:4px}.subscribe-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding:0}.subscribe-benefit-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#e5e7eb;font-weight:500}.subscribe-check-icon{color:var(--sub-success-green);font-size:16px;font-weight:700}.subscribe-right-panel{width:50%;padding:20px 8%;background:var(--sub-bg-light);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:hidden}.subscribe-right-timer-banner{display:flex;align-items:center;justify-content:space-between;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:8px 12px;margin-bottom:16px;width:100%;max-width:680px}.subscribe-right-timer-text{font-size:14px;font-weight:700;color:var(--sub-success-green);display:flex;align-items:center;gap:6px}.subscribe-timer-group{display:flex;gap:6px;align-items:center}.subscribe-timer-box{background:var(--sub-success-green);color:#0a0f24;font-weight:800;font-size:13px;padding:4px 8px;border-radius:4px;min-width:32px;text-align:center}.subscribe-timer-colon{color:var(--sub-text-main);font-weight:700}.subscribe-right-title{font-size:22px;font-weight:800;color:var(--sub-text-main);margin-bottom:12px}.subscribe-plans-group-heading{font-size:12px;font-weight:700;color:var(--sub-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;width:100%;max-width:680px}.subscribe-plans-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:680px;margin-bottom:16px}.subscribe-plan-label{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--sub-card-bg);border:1px solid var(--sub-border-color);border-radius:12px;cursor:pointer;transition:all .2s var(--sub-ease-spring);position:relative}.subscribe-plan-label:hover{border-color:#2979ff66;background:#f0f4ff}.subscribe-plan-label.active{border-color:var(--sub-brand-blue);background:#2979ff0d;box-shadow:0 4px 16px #2979ff14}.subscribe-plan-label.highlight:before{content:"Most Popular";position:absolute;top:-12px;right:24px;background:linear-gradient(90deg,var(--sub-brand-blue),var(--sub-brand-cyan));color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:12px;text-transform:uppercase}.subscribe-plan-info-left{display:flex;align-items:center;flex:1}.subscribe-radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--sub-text-light);margin-right:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.subscribe-radio-circle:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--sub-brand-blue);transform:scale(0);transition:transform .2s var(--sub-ease-spring)}.subscribe-plan-label.active .subscribe-radio-circle{border-color:var(--sub-brand-blue)}.subscribe-plan-label.active .subscribe-radio-circle:after{transform:scale(1)}.subscribe-plan-duration{font-size:16px;font-weight:700;color:var(--sub-text-main);width:110px}.subscribe-plan-price-group{display:flex;align-items:center;gap:10px}.subscribe-plan-total{font-size:16px;font-weight:800;color:var(--sub-text-main)}.subscribe-plan-strike{font-size:13px;color:var(--sub-text-light);text-decoration:line-through}.subscribe-plan-monthly{font-size:15px;font-weight:700;color:var(--sub-success-green)}.subscribe-cta-btn{width:100%;max-width:680px;padding:14px;border-radius:12px;background:linear-gradient(135deg,var(--sub-brand-blue),var(--sub-brand-cyan));color:#fff;font-size:16px;font-weight:700;border:none;cursor:pointer;box-shadow:0 8px 24px #2979ff40;transition:all .3s}.subscribe-cta-btn:hover{box-shadow:0 12px 32px #2979ff66;transform:translateY(-2px)}.subscribe-safe-checkout{margin-top:20px;text-align:center;font-size:13px;color:var(--sub-text-muted);display:flex;align-items:center;justify-content:center;gap:8px}.subscribe-safe-checkout svg{width:16px;height:16px;fill:var(--sub-text-light)}.subscribe-contact-info-section{margin-top:auto;padding-top:15px;padding-bottom:10px;width:100%;max-width:680px;border-top:1px solid var(--sub-border-color)}.subscribe-contact-prompt{font-size:13px;color:var(--sub-text-muted);margin-bottom:12px;font-weight:600;text-align:center}.subscribe-contact-details-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.subscribe-contact-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--sub-card-bg);border:1px solid var(--sub-border-color);border-radius:8px;color:var(--sub-text-main);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s;flex:1;min-width:200px}.subscribe-contact-link:hover{border-color:var(--sub-brand-blue);background:#f0f4ff;color:var(--sub-brand-blue);transform:translateY(-2px);box-shadow:0 4px 12px #2979ff1a}.subscribe-contact-link svg{width:18px;height:18px;color:var(--sub-brand-blue)}@media(max-width:1024px){.subscribe-split-layout{flex-direction:column}.subscribe-left-panel,.subscribe-right-panel{width:100%}.subscribe-left-panel,.subscribe-right-panel{padding:60px 5%}.subscribe-contact-info-section{margin-top:40px}.subscribe-video-container{min-height:clamp(200px,38vw,300px)}}@media(max-width:600px){.subscribe-plan-info-left{flex-direction:column;align-items:flex-start;gap:6px}.subscribe-plan-label{padding:16px 20px}.subscribe-plan-monthly{font-size:13px}.subscribe-right-timer-banner{flex-direction:column;gap:10px}.subscribe-contact-details-row{flex-direction:column}.subscribe-benefits-grid{grid-template-columns:1fr}.subscribe-video-container{min-height:clamp(180px,56vw,240px)}}.subscribe-features-grid{display:flex;flex-wrap:wrap;gap:6px 0;margin-bottom:16px;width:100%;max-width:680px}.subscribe-feature-item{flex:0 0 50%;font-size:11px;color:var(--sub-text-muted);font-weight:500;display:flex;align-items:center;gap:4px}.checkout-page{--lavender: #e0e7ff;--mint: #ecfdf5;--peach: #fff7ed;--coral: #ff6b6b;--sunshine: #ffd93d;--text: #334155;--bg: #fdfcfb;min-height:100vh;background:radial-gradient(circle at 0% 0%,#fffef8 0%,var(--bg) 45%),radial-gradient(circle at 100% 0%,#fff6f0 0%,transparent 35%);color:var(--text);font-family:Poppins,Segoe UI,sans-serif}.checkout-header{padding:2rem 1rem 1rem;display:flex;justify-content:center}.checkout-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.checkout-logo-image{height:clamp(4.8rem,10vw,6rem);width:auto;object-fit:contain;display:block}.checkout-logo-icon{width:3.6rem;height:3.6rem;border-radius:1rem;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 10px 25px #ff6b6b40;transform:rotate(3deg)}.checkout-main{width:min(860px,100% - 2rem);margin:0 auto;padding-bottom:4rem}.checkout-hero{text-align:center;margin-bottom:2rem}.checkout-hero h2{margin:0 0 .75rem;color:#1e293b;font-size:clamp(1.9rem,3.8vw,2.7rem);line-height:1.15}.checkout-hero p{margin:0;color:#64748b;font-size:1.05rem}.checkout-sections{display:grid;gap:1.25rem}.checkout-card{background:#fff;border-radius:1.5rem;border:1px solid #eef2ff;box-shadow:0 14px 30px #0f172a0d;padding:1.25rem}.checkout-step-title{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5;font-size:.74rem;margin-bottom:1rem}.checkout-step-title-peach{color:#f97316}.checkout-step-title-mint{color:#10b981}.checkout-step-icon{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--lavender);color:currentColor}.checkout-product{display:grid;gap:1rem}.checkout-product-image-wrap{position:relative;justify-self:center}.checkout-product-image{width:132px;height:132px;border-radius:1rem;object-fit:cover;border:4px solid var(--mint)}.checkout-badge{position:absolute;top:-.7rem;right:-.7rem;border-radius:999px;padding:.28rem .5rem;background:var(--sunshine);color:#1e293b;font-size:.58rem;font-weight:700;border:1px solid #fff}.checkout-product-meta h3{margin:0;font-size:1.25rem;color:#1e293b}.checkout-instructor{margin:.35rem 0;color:#64748b}.checkout-rating{margin:0 0 1rem;color:#334155;font-weight:600}.checkout-price-box{background:var(--mint);border-radius:1rem;padding:.9rem;display:grid;gap:.4rem}.checkout-price-box>div{display:flex;align-items:center;justify-content:space-between}.checkout-strike{color:#94a3b8;text-decoration:line-through}.checkout-discount{color:#059669}.checkout-total-row{border-top:1px solid #d1fae5;margin-top:.4rem;padding-top:.5rem;font-weight:700}.checkout-total-row strong{color:#0f172a;font-size:1.4rem}.checkout-subtitle{color:#64748b;margin:0 0 1rem;text-align:center;font-style:italic}.checkout-payments{display:grid;gap:.75rem}.checkout-payment-method{border:2px solid #e2e8f0;border-radius:1rem;background:#f8fafc;width:100%;padding:.9rem;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.checkout-payment-method.selected{border:3px solid var(--sunshine);background:#fff8db}.checkout-payment-method p{margin:0;font-weight:700;color:#1e293b}.checkout-payment-method span{display:block;font-size:.8rem;color:#64748b}.checkout-payment-right{display:flex;align-items:center;gap:.6rem}.checkout-payment-right em{font-size:.7rem;color:#92400e;background:#fef3c7;border-radius:999px;padding:.2rem .4rem;font-style:normal;font-weight:700}.checkout-radio{width:1.4rem;height:1.4rem;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center;color:#1f2937;font-size:.7rem}.checkout-coupon-row{margin-top:1rem;display:grid;grid-template-columns:1fr auto;gap:.5rem}.checkout-coupon-row input{border:1px solid #e2e8f0;border-radius:.8rem;padding:.75rem;font-family:inherit}.checkout-coupon-row button{border:none;border-radius:.8rem;background:#1e293b;color:#fff;padding:.75rem 1rem;font-weight:700;cursor:pointer}.checkout-card-final{box-shadow:0 18px 40px #ff6b6b29}.checkout-terms-row{display:flex;align-items:center;gap:.6rem;color:#64748b;font-size:.9rem}.checkout-terms-row input{margin:0;width:1rem;height:1rem;flex:0 0 auto}.checkout-terms-row span{line-height:1.35}.checkout-terms-row a{color:#4f46e5}.checkout-cta{margin-top:1rem;width:100%;border:none;border-radius:1.2rem;background:var(--coral);color:#fff;padding:.95rem;display:grid;place-items:center;gap:.2rem;cursor:pointer;font-family:inherit;font-weight:800}.checkout-cta:disabled{opacity:.5;cursor:not-allowed}.checkout-cta small{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:.9}.checkout-trust-grid{margin-top:1.1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.4rem}.checkout-trust-grid div{text-align:center;background:#f8fafc;border-radius:.8rem;padding:.55rem .3rem}.checkout-trust-grid span{display:block;line-height:0;margin-bottom:.2rem}.checkout-trust-grid p{margin:0;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:700}.checkout-footer{text-align:center;padding:1.2rem 1rem 2.5rem}.checkout-footer p{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .75rem;border-radius:999px;background:#94a3b81f;color:#64748b;font-size:.75rem;font-weight:600}@media(min-width:760px){.checkout-card{padding:1.5rem;border-radius:1.65rem}.checkout-product{grid-template-columns:auto 1fr;align-items:center;gap:1.2rem}}