@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=PT+Serif+Caption:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=PT+Serif+Caption:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=PT+Serif+Caption:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=PT+Serif+Caption:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@300;400;500;600;700;800;900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,600;0,700;0,800;0,900;1,600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=PT+Serif+Caption:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=PT+Serif+Caption:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=PT+Serif+Caption:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=PT+Serif+Caption:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=PT+Serif+Caption:ital@0;1&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;height:100%;overflow-x:hidden}.sdh-page{--font:"PT Serif Caption", serif;--fontH:"Outfit", sans-serif;font-family:var(--font);color:#0f172a;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 0 64px;font-weight:400;animation:.4s cubic-bezier(.16,1,.3,1) both sdhUp}.sdh-page *,.sdh-page :before,.sdh-page :after{box-sizing:border-box}@keyframes sdhUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sdh-hero-spacious{box-shadow:none;background:linear-gradient(135deg,#090d16 0%,#111827 45%,#1e1b4b 100%);border:1.5px solid #f59e0b33;border-top:none;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;gap:24px;margin:0 0 24px;padding:24px 36px;display:flex;position:relative;overflow:hidden}.sdh-hero-glow-overlay{pointer-events:none;background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.sdh-hero-content{z-index:2;text-align:left;flex:1;max-width:620px;position:relative}.sdh-hero-badge-gold{color:#fbbf24;font-size:.72rem;font-weight:800;font-family:var(--fontH);letter-spacing:.5px;background:#f59e0b24;border:1px solid #f59e0b4d;border-radius:99px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;display:inline-flex;box-shadow:0 2px 8px #f59e0b1f}.sparkle-gold{color:#fbbf24;filter:drop-shadow(0 0 6px #fbbf24cc)}.sdh-hero-title-large{font-family:var(--fontH);color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:1.75rem;font-weight:900;line-height:1.2}.sdh-gold-txt{background:linear-gradient(120deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sdh-hero-desc{color:#94a3b8;margin:0;font-size:.88rem;line-height:1.45}.sdh-hero-large-graphic{flex-shrink:0;justify-content:center;align-items:center;width:250px;height:150px;display:flex;position:relative}.sdh-brand-canvas{background:linear-gradient(135deg,#111827 0%,#1e1b4b 100%);border:1.5px solid #f59e0b59;border-radius:18px;flex-direction:column;width:240px;height:140px;transition:transform .4s;display:flex;overflow:hidden;transform:perspective(800px)rotateY(-10deg)rotateX(4deg);box-shadow:0 12px 30px #0006,0 0 20px #8b5cf633}.sdh-hero-spacious:hover .sdh-brand-canvas{transform:perspective(800px)rotateY(-2deg)rotateX(2deg)scale(1.04)}.canvas-header{background:#0006;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.canvas-dots{gap:6px;display:flex}.c-dot{border-radius:50%;width:8px;height:8px}.c-dot.red{background:#ef4444}.c-dot.yellow{background:#f59e0b}.c-dot.green{background:#10b981}.canvas-title{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:.68rem}.canvas-body{text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:16px 20px;display:flex}.canvas-badge{color:#fbbf24;font-family:var(--fontH);letter-spacing:.5px;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:.68rem;font-weight:800;display:inline-flex}.canvas-heading{font-family:var(--fontH);color:#fff;letter-spacing:.5px;margin:0;font-size:1.15rem;font-weight:900}.canvas-sub{color:#a855f7;margin:0;font-size:.74rem;font-weight:700}.canvas-meter{flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:4px;display:flex}.meter-track{background:#ffffff1a;border-radius:99px;width:100%;height:6px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:99px;width:92%;height:100%}.canvas-meter span{color:#94a3b8;font-size:.66rem;font-weight:600}.canvas-footer-row{color:#34d399;align-items:center;gap:6px;margin-top:4px;font-size:.65rem;font-weight:700;display:flex}.sdh-section-wrapper,.sdh-features-section{margin-bottom:36px;padding:0 24px}.sdh-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.sdh-header-left{align-items:center;gap:14px;display:flex}.sdh-sec-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sdh-sec-icon-box.gold{color:#d97706;background:#fef3c7}.sdh-sec-icon-box.purple{color:#8b5cf6;background:#f3e8ff}.sdh-sec-icon-box.blue{color:#3b82f6;background:#eff6ff}.sdh-sec-icon-box.green{color:#059669;background:#d1fae5}.sdh-header-left h2{font-family:var(--fontH);color:#0f172a;letter-spacing:-.3px;margin:0 0 2px;font-size:1.35rem;font-weight:800}.sdh-header-left p{color:#64748b;margin:0;font-size:.82rem}.sdh-view-all-link{font-family:var(--font);color:#8b5cf6;align-items:center;gap:6px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.sdh-view-all-link:hover{color:#7c3aed;transform:translate(3px)}.sdh-features-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.sdh-feat-card{color:#0f172a;background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 16px #00000005}.sdh-feat-card:hover{border-color:#8b5cf640;transform:translateY(-4px);box-shadow:0 14px 32px #8b5cf61a}.sdh-feat-top{justify-content:space-between;align-items:center;display:flex}.sdh-feat-icon-box{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sdh-feat-chip{background:#fff;border:1px solid #0000;border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:800}.sdh-feat-title{font-family:var(--fontH);color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.sdh-feat-desc{color:#64748b;margin:0;font-size:.8rem;line-height:1.45}.sdh-feat-arrow{color:#8b5cf6;align-items:center;gap:4px;margin-top:auto;padding-top:4px;font-size:.78rem;font-weight:700;display:flex}.sdh-feat-card:hover .sdh-feat-arrow{transform:translate(3px)}.sdh-support-banner{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin:0 24px 16px;padding:28px 36px;display:flex;box-shadow:0 16px 40px -10px #1e1b4b66}.sdh-sb-content{align-items:center;gap:20px;display:flex}.sdh-sb-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fbbf24;background:#ffffff1f;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sdh-sb-content h3{font-family:var(--fontH);color:#fff;margin:0 0 4px;font-size:1.25rem;font-weight:800}.sdh-sb-content p{color:#c7d2fe;margin:0;font-size:.86rem;line-height:1.45}.sdh-sb-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.sdh-sb-btn-primary{color:#0f172a;font-family:var(--font);background:#fbbf24;border-radius:99px;align-items:center;gap:8px;padding:12px 22px;font-size:.86rem;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #fbbf244d}.sdh-sb-btn-primary:hover{color:#fff;background:#f59e0b;transform:translateY(-2px)}.sdh-sb-btn-secondary{color:#fff;font-family:var(--font);background:#ffffff1f;border:1px solid #fff3;border-radius:99px;align-items:center;gap:8px;padding:12px 20px;font-size:.86rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.sdh-sb-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}@media (width<=992px){.sdh-hero-spacious{flex-direction:column;align-items:flex-start;padding:32px}.sdh-support-banner{flex-direction:column;align-items:flex-start}}@media (width<=768px){.sdh-hero-spacious{padding:24px}.sdh-ecosystem-stats,.sdh-section-wrapper,.sdh-features-section{padding:0 16px}.sdh-support-banner{margin:0 16px 16px;padding:24px 20px}.sdh-sb-content{flex-direction:column;align-items:flex-start}}.sdh-quiz-analytics-container{margin-bottom:40px}.sdh-qa-tabs{background:#f1f5f9;border-radius:12px;align-items:center;gap:8px;padding:4px;display:flex}.qa-tab-btn{font-family:var(--fontH);color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.qa-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #00000014}.sdh-analytics-grid{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}@media (width<=992px){.sdh-analytics-grid{grid-template-columns:1fr}}.sdh-analytics-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:24px;flex-direction:column;padding:24px;display:flex;box-shadow:0 6px 20px #00000008}.qa-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.qa-card-header h3{font-family:var(--fontH);color:#0f172a;margin:0 0 4px;font-size:1.15rem;font-weight:800}.qa-card-header p{color:#64748b;margin:0;font-size:.8rem}.qa-chip-badge{font-family:var(--fontH);border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.qa-chip-badge.gold{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.qa-bar-graph-container{flex-direction:column;gap:14px;display:flex}.qa-bar-row{align-items:center;gap:14px;display:flex}.qa-bar-label-group{flex-shrink:0;align-items:center;gap:8px;width:150px;display:flex}.qa-tech-icon-small{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.qa-tech-name{font-family:var(--fontH);color:#1e293b;white-space:nowrap;font-size:.85rem;font-weight:700}.qa-bar-track-wrap{flex:1}.qa-bar-track{background:#f1f5f9;border-radius:99px;width:100%;height:10px;overflow:hidden}.qa-bar-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.qa-bar-score-group{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;width:150px;display:flex}.qa-bar-score-val{font-family:var(--fontH);font-size:.95rem;font-weight:900}.qa-bar-marks{color:#64748b;font-size:.72rem;font-weight:600}.qa-pie-chart-body{flex-direction:column;flex:1;align-items:center;gap:24px;padding:12px 0;display:flex}.qa-svg-donut-wrapper{justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.qa-donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-bg{fill:#0000;stroke:#f1f5f9;stroke-width:18px}.donut-segment{transition:stroke-dasharray .8s,stroke-dashoffset .8s}.qa-donut-center-label{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.qa-center-score{font-family:var(--fontH);color:#0f172a;font-size:1.6rem;font-weight:900;line-height:1}.qa-center-txt{color:#64748b;margin-top:4px;font-size:.72rem;font-weight:600}.qa-pie-legend{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.qa-legend-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-lbl{color:#475569;flex:1;font-size:.75rem;font-weight:600}.legend-val{font-family:var(--fontH);color:#0f172a;font-size:.82rem;font-weight:800}.qa-pie-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:16px}.qa-take-quiz-btn{color:#fff;font-family:var(--font);background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.86rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 16px #4361ee4d}.qa-take-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4361ee66}.qa-topic-breakdown-card{margin-top:28px}.qa-topic-list-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1200px){.qa-topic-list-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.qa-topic-list-grid{grid-template-columns:1fr}}.qa-topic-item-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:18px;flex-direction:column;gap:10px;padding:16px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000005}.qa-topic-item-card:hover{border-color:#4361ee40;transform:translateY(-4px);box-shadow:0 12px 28px #4361ee17}.qa-topic-card-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.qa-topic-tech-badge{align-items:center;gap:6px;display:flex}.qa-topic-tag-name{font-family:var(--fontH);color:#64748b;white-space:nowrap;font-size:.72rem;font-weight:700}.qa-topic-name{font-family:var(--fontH);color:#0f172a;margin:0;font-size:.95rem;font-weight:800;line-height:1.3}.qa-topic-card-bottom{border-top:1px dashed #f1f5f9;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px;display:flex}.qa-topic-marks-info{justify-content:space-between;align-items:center;display:flex}.qa-topic-score-val{font-family:var(--fontH);font-size:.88rem;font-weight:900}.qa-topic-total{color:#64748b;font-size:.72rem;font-weight:700}.qa-topic-pct-val{font-family:var(--fontH);color:#475569;font-size:.75rem;font-weight:800}.qa-topic-progress-track{background:#f1f5f9;border-radius:99px;width:100%;height:6px;overflow:hidden}.qa-topic-progress-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.qa-topic-status-badge{font-family:var(--fontH);letter-spacing:.2px;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:800;display:inline-flex}.qa-topic-status-badge.pass{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.qa-topic-status-badge.fail{color:#e11d48;background:#ffe4e6;border:1px solid #fecdd3}.qa-domain-expertise-container{background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.qa-domain-head{font-family:var(--fontH);color:#0f172a;letter-spacing:-.2px;margin:0;font-size:.88rem;font-weight:800}.qa-domain-row{flex-direction:column;gap:4px;display:flex}.qa-domain-info{justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.qa-domain-title{color:#334155;font-weight:700}.qa-domain-val{font-family:var(--fontH);font-size:.78rem;font-weight:800}.qa-domain-track{background:#e2e8f0;border-radius:99px;width:100%;height:7px;overflow:hidden}.qa-domain-fill{border-radius:99px;height:100%;transition:width .8s}.dashboard-container{color:#0f172a;background:#fff;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:10;background-color:#fff;border-right:1px solid #0000000d;flex-direction:column;width:270px;transition:all .3s;display:flex;position:relative;box-shadow:4px 0 30px #0000000d}.sidebar-header,.sidebar-content,.sidebar-footer{z-index:1;position:relative}.sidebar-header{align-items:center;padding:12px 18px;display:flex}.sidebar-toggle{cursor:pointer;color:#475569;z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:21px;right:-15px;box-shadow:0 4px 6px -1px #0000001a}.sidebar-toggle:hover{color:#0ea5e9;background:#f8fafc;transform:scale(1.1)}.logo{object-fit:contain;width:auto;max-height:48px}.sidebar-content{flex:1;padding:10px 10px 30px 20px;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:5px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:#0ea5e94d;border-radius:10px}.section-items{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.sidebar-item{cursor:pointer;color:#475569;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;font-family:PT Serif Caption,serif;font-size:1rem;font-weight:400;text-decoration:none;transition:all .2s;display:flex;position:relative}.item-label-group{align-items:center;gap:12px;display:flex}.sidebar-icon{opacity:.8;transition:opacity .2s}.sidebar-item:hover .sidebar-icon,.sidebar-item.active .sidebar-icon{opacity:1}.sidebar-item:hover{color:#1e293b;background:#f8fafc;transform:translate(2px)}.sidebar-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);font-style:italic;font-weight:600;box-shadow:0 4px 12px #2563eb33;color:#fff!important}.sidebar-item.active .sidebar-icon{color:#fff!important;opacity:1!important}.sidebar-item.active:before{display:none}.sidebar-footer{background:0 0;border-top:none;padding:0 8px 5px}.logout-button{text-align:center;color:#f43f5e;box-sizing:border-box;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0;font-family:PT Serif Caption,serif;font-style:italic;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.logout-button:hover{background:#ffe4e6;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e1a}.main-content{background-color:#fff;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.main-content:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#0ea5e90a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:0;right:0}.content-area{z-index:1;-ms-overflow-style:none;scrollbar-width:none;background-color:#fff;flex-direction:column;flex:1;gap:0;padding:0;display:flex;overflow-y:auto}.content-area::-webkit-scrollbar{display:none}.placeholder-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff9;border-radius:24px;min-height:280px;padding:40px 48px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000014}.placeholder-card:before{content:"";background:linear-gradient(90deg,#38bdf8,#0284c7);height:4px;position:absolute;top:0;left:0;right:0}.card-icon{margin-bottom:20px;font-size:3rem}.placeholder-card h2{letter-spacing:-1px;background:0 0,#0f172a;margin-top:0;margin-bottom:16px;font-size:2.5rem;font-weight:700}.placeholder-card p{color:#475569;max-width:600px;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.action-button{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:12px;padding:14px 32px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 8px 20px #0ea5e94d}.action-button:hover{background:#0284c7;transform:translateY(-2px);box-shadow:0 12px 25px #0284c766}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-container.collapsed .sidebar{width:80px}.dashboard-container.collapsed .sidebar-header{justify-content:center;padding:12px 0}.dashboard-container.collapsed .logo{width:100%;max-width:80px}.dashboard-container.collapsed .sidebar-content{padding-top:0}.dashboard-container.collapsed .sidebar-footer{justify-content:center;padding:0 0 12px;display:flex}.dashboard-container.collapsed .logout-button{border-radius:12px;width:44px;height:44px;padding:0}.dashboard-container.collapsed .item-text,.dashboard-container.collapsed .logout-button span{display:none}.dashboard-container.collapsed .sidebar-item{justify-content:center;padding:9.5px 0}.dashboard-container.collapsed .item-label-group{gap:0}.dashboard-container.collapsed .active-indicator,.dashboard-container.collapsed .main-header,.sidebar-overlay{display:none}@media (width<=768px){.dashboard-container{flex-direction:column;height:100vh}.sidebar{z-index:1000;width:270px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.dashboard-container:not(.collapsed) .sidebar{transform:translate(0)}.sidebar-toggle{display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a66;display:block;position:fixed;inset:0}.mobile-header{z-index:10;background:#fff;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 2px 10px #00000005}.menu-toggle-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.menu-toggle-btn:hover{color:#3b82f6;background-color:#f1f5f9}.mobile-logo{object-fit:contain;width:auto;max-height:36px}.notification-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex;position:relative}.notification-btn:hover{color:#3b82f6;background-color:#f1f5f9}.notification-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px}.content-area{padding:16px!important}.placeholder-card{min-height:auto;padding:24px 20px}.placeholder-card h2{font-size:1.8rem}.placeholder-card p{margin-bottom:20px;font-size:.95rem}.action-button{padding:10px 20px;font-size:.95rem}}@media (width>=769px){.mobile-header{display:none}}.compiler-wrapper{background-color:#f8fafc;flex-direction:column;width:100%;height:100%;font-family:Inter,-apple-system,sans-serif;display:flex}.compiler-nav{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;min-height:52px;padding:10px 16px;display:flex;position:relative}.lang-tabs{flex-wrap:wrap;flex:1;gap:8px;max-width:calc(100% - 150px);display:flex}.lang-tab{cursor:pointer;opacity:.85;background:0 0;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;transition:all .2s;display:flex;position:relative}.lang-tab:hover{opacity:1;background:#f1f5f9}.lang-tab.active{opacity:1;filter:none;background:#eff6ff;border-color:#3b82f6;box-shadow:0 1px 3px #3b82f626}.lang-tab-name{color:#334155;font-size:.82rem;font-weight:600}.lang-tab.active .lang-tab-name{color:#2563eb}.lang-icon{border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-actions{z-index:10;box-sizing:border-box;align-items:center;gap:8px;height:32px;display:flex;position:absolute;top:10px;right:16px}.nav-btn{color:#475569;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.nav-btn:hover{color:#0f172a;background:#f8fafc}.compiler-main{background:#f8fafc;flex:1;gap:0;padding:0;display:flex;overflow:hidden}.editor-pane,.console-pane{background:#1e1e1e;border:1px solid #334155;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000001a}.editor-pane{border-right:none}.pane-header{box-sizing:border-box;background:#1e1e1e;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.pane-body{flex:1;position:relative;overflow:hidden}.file-info{color:#94a3b8;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.file-icon{color:#6366f1}.file-dot{background:#6366f1;border-radius:50%;width:6px;height:6px;margin-left:4px}.editor-actions{gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.action-btn.secondary{color:#cbd5e1;background:0 0;border:1px solid #475569}.action-btn.secondary:hover{color:#fff;background:#334155}.action-btn.primary{color:#fff;background:#7c3aed}.action-btn.primary:hover{background:#6d28d9}.action-btn:disabled{opacity:.6;cursor:not-allowed}.console-pane{background:#fff;border-color:#cbd5e1}.console-pane .pane-header{background:#f8fafc;border-bottom-color:#e2e8f0}.console-title{color:#334155;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.execution-badge{color:#475569;background:#e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.status-tag{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.status-tag.success{color:#166534;background:#dcfce7}.status-tag.error{color:#991b1b;background:#fee2e2}.console-header-actions{align-items:center;gap:10px;display:flex}.copy-output-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.copy-output-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.copy-output-btn.copied{color:#15803d;background:#f0fdf4;border-color:#86efac}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.close-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.console-body{background:#fff;flex-direction:column;flex:1;padding:5px;display:flex;overflow-y:auto}.execution-status{align-items:center;gap:8px;margin-bottom:12px;font-family:monospace;font-size:.9rem;display:flex}.execution-status.running{color:#2563eb}.spin-icon{animation:1.5s infinite pulse}.output-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;min-height:200px;display:flex;overflow:hidden}.html-output-frame{background:#fff;border:none;flex:1;width:100%}.text-output{color:#0f172a;white-space:pre-wrap;flex:1;margin:0;padding:16px;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;overflow-y:auto}.text-output.error{color:#dc2626}.empty-console{color:#64748b;justify-content:center;align-items:center;height:100%;font-size:.9rem;display:flex}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.share-container{position:relative}.share-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:180px;margin-top:8px;padding:8px;animation:.2s dropdownFade;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0000001a}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.share-dropdown button{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.share-dropdown button:hover{color:#0f172a;background:#f1f5f9}@media (width<=1100px){.compiler-nav{flex-direction:column;align-items:stretch;gap:12px;padding:10px 16px}.lang-tabs{flex-wrap:wrap;order:2;gap:8px;width:100%;display:flex;max-width:100%!important}.nav-actions{order:1;justify-content:flex-end;width:100%;height:32px;display:flex;position:static!important}}@media (width<=900px){.compiler-main{flex-direction:column;overflow-y:auto}.editor-pane{border-bottom:1px solid #334155;border-right:none;flex:none;height:420px}.console-pane{flex:none;height:350px}}@media (width<=600px){.pane-header{padding:0 8px}.action-btn span,.copy-output-btn span{display:none}.action-btn,.copy-output-btn{padding:6px 10px}.file-dot{display:none}}.dsa-page{--font:"PT Serif Caption", serif;--fontH:"Outfit", sans-serif;font-family:var(--font);color:#0f172a;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 0 64px;font-weight:400;animation:.4s cubic-bezier(.16,1,.3,1) forwards dsaFadeIn}.dsa-page *,.dsa-page :before,.dsa-page :after{box-sizing:border-box}@keyframes dsaFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dsa-hero{background:linear-gradient(135deg,#fff 0%,#fcfbfe 60%,#f6f3ff 100%);border:1.5px solid #9333ea1f;border-top:none;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;gap:24px;margin:0 0 24px;padding:20px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #9333ea14,0 4px 16px #00000005}.dsa-hero-text{z-index:2;text-align:left;flex:1;max-width:660px;position:relative}.dsa-hero-badge{color:#8b5cf6;background:#f3e8ff;border-radius:99px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #8b5cf614}.dsa-hero-text h2{font-family:var(--fontH);color:#1e1b4b;letter-spacing:-.6px;margin:0 0 6px;font-size:2rem;font-weight:900;line-height:1.15}.highlight-text{background:linear-gradient(120deg,#9333ea 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dsa-hero-text p{color:#64748b;margin:0 0 12px;font-size:.88rem;line-height:1.5}.dsa-hero-stats{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.dsa-stat-chip{color:#475569;white-space:nowrap;background:#fff;border:1.5px solid #f1f5f9;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:600;display:flex;box-shadow:0 2px 10px #00000008}.dsa-stat-chip strong{color:#0f172a;font-weight:800}.stat-icon-purple{color:#8b5cf6}.stat-icon-blue{color:#3b82f6}.stat-icon-green{color:#10b981}.dsa-hero-illustration{flex-shrink:0;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.dsa-hi-card{text-align:center;background:#fff;border:1.5px solid #8b5cf62e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:154px;height:110px;padding:16px;transition:transform .4s;display:flex;transform:perspective(600px)rotateY(-8deg)rotateX(4deg);box-shadow:0 16px 36px #8b5cf61f}.dsa-hero:hover .dsa-hi-card{transform:perspective(600px)rotateY(-2deg)rotateX(1deg)scale(1.05)}.dsa-hi-icon{background:#f3e8ff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #8b5cf61a}.dsa-hi-lbl{font-family:var(--fontH);color:#8b5cf6;letter-spacing:.5px;text-align:center;width:100%;font-size:.68rem;font-weight:800;line-height:1.2}.dsa-topics-header,.dsa-topics-grid,.dsa-questions-section{padding-left:24px;padding-right:24px}.dsa-features-row{background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin:32px 24px 40px;padding:24px 32px;display:flex;box-shadow:0 4px 20px #00000005}.dsa-feature-item{flex:1;align-items:center;gap:16px;display:flex}.feature-text h4{font-family:var(--fontH);color:#0f172a;margin:0 0 2px;font-size:.98rem;font-weight:800}.dsa-stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:20px 28px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 8px 32px #0003}.dsa-stat-card:hover{border-color:#818cf866;transform:translateY(-4px);box-shadow:0 12px 36px #0000004d}.dsa-stat-card:after{content:"";border-radius:4px;width:28px;height:3px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.dsa-stat-card:first-child .stat-icon-wrapper{color:#c4b5fd;background:#8b5cf633}.dsa-stat-card:first-child:after{background:linear-gradient(90deg,#8b5cf6,#c4b5fd)}.dsa-stat-card:nth-child(2) .stat-icon-wrapper{color:#7dd3fc;background:#0ea5e933}.dsa-stat-card:nth-child(2):after{background:linear-gradient(90deg,#0ea5e9,#7dd3fc)}.dsa-stat-card:nth-child(3) .stat-icon-wrapper{color:#6ee7b7;background:#10b98133}.dsa-stat-card:nth-child(3):after{background:linear-gradient(90deg,#10b981,#6ee7b7)}.stat-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:6px;display:flex}.stat-icon{color:inherit}.stat-content{flex-direction:column;align-items:center;gap:2px;display:flex}.dsa-stat-card .stat-num{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.dsa-stat-card .stat-label{color:#cbd5e1;font-size:.82rem;font-weight:600}.dsa-topics-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dsa-topics-title{color:#0f172a;letter-spacing:-.3px;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:800;display:flex}.dsa-topics-title span{background:#4f46e5;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #4f46e526}.dsa-topics-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:36px;display:grid}.dsa-topic-card{border:1px solid #e2e8f0;border-bottom:3.5px solid var(--topic-color,#cbd5e1);cursor:pointer;text-align:center;background:#fff;border-radius:16px;padding:20px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #00000008}.dsa-topic-card:hover{border-color:var(--topic-color,#94a3b8);transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.dsa-topic-card.active{border:2px solid var(--topic-color,#4f46e5);background:#f8fafc;transform:translateY(-3px);box-shadow:0 10px 30px #4f46e51f}.dsa-topic-icon{margin-bottom:8px;font-size:2.1rem;display:inline-block}.dsa-topic-name{color:#0f172a;margin-bottom:4px;font-size:.95rem;font-weight:700;display:block}.dsa-topic-count{color:#64748b;font-size:.8rem;font-weight:500;display:block}.dsa-topic-card.active .dsa-topic-name{color:#4f46e5}.dsa-questions-section{animation:.4s forwards dsaFadeIn}.dsa-section-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.dsa-section-title{align-items:center;gap:12px;display:flex}.title-icon-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;display:flex;box-shadow:0 2px 8px #0000000a}.title-text{color:#0f172a;letter-spacing:-.4px;font-size:1.5rem;font-weight:800}.dsa-section-badge{background:var(--badge-color,#4f46e5);color:#fff;letter-spacing:.3px;white-space:nowrap;border-radius:99px;margin-left:6px;padding:5px 14px;font-size:.78rem;font-weight:700}.dsa-section-actions{align-items:center;gap:12px;display:flex}.dsa-search-wrapper{align-items:center;display:flex;position:relative}.dsa-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.dsa-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:99px;outline:none;width:200px;padding:8px 16px 8px 38px;font-family:Outfit,sans-serif;font-size:.85rem;transition:all .25s;box-shadow:0 1px 3px #00000008}.dsa-search-input:focus{border-color:#6366f1;width:250px;box-shadow:0 0 0 3px #6366f126}.dsa-back-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:99px;align-items:center;gap:8px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.dsa-back-btn:hover{color:#4f46e5;background:#f8fafc;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.dsa-question-list{flex-direction:column;gap:16px;display:flex}.dsa-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 2px 10px #00000008}.dsa-question-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000000f}.dsa-question-card.expanded{border-color:#6366f1;box-shadow:0 12px 32px #6366f11f}.dsa-question-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.dsa-question-left{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.dsa-q-number-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.1rem;font-weight:800;display:flex}.dsa-q-divider{border-radius:2px;flex-shrink:0;width:3px;height:38px}.dsa-q-texts{flex-direction:column;gap:4px;display:flex}.dsa-q-title{color:#0f172a;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.4}.dsa-q-subtitle{color:#64748b;font-size:.88rem;font-weight:400;line-height:1.4}.dsa-chevron-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .3s;display:flex}.dsa-question-card.expanded .dsa-chevron-btn{transform:rotate(90deg)}.color-0.dsa-q-number-box{color:#7e22ce;background:#f3e8ff}.color-0.dsa-q-divider{background:#a855f7}.color-0.dsa-chevron-btn{color:#7e22ce;background:#f3e8ff}.color-1.dsa-q-number-box{color:#0284c7;background:#e0f2fe}.color-1.dsa-q-divider{background:#38bdf8}.color-1.dsa-chevron-btn{color:#0284c7;background:#e0f2fe}.color-2.dsa-q-number-box{color:#15803d;background:#dcfce7}.color-2.dsa-q-divider{background:#22c55e}.color-2.dsa-chevron-btn{color:#15803d;background:#dcfce7}.color-3.dsa-q-number-box{color:#c2410c;background:#ffedd5}.color-3.dsa-q-divider{background:#f97316}.color-3.dsa-chevron-btn{color:#c2410c;background:#ffedd5}.dsa-question-body{background:#f8fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:20px;padding:24px;animation:.3s forwards bodySlide;display:flex}@keyframes bodySlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dsa-info-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dsa-info-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px}.dsa-info-header{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:10px;font-size:.75rem;font-weight:700;display:flex}.input-header{color:#7c3aed}.output-header{color:#059669}.icon-wrap{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.input-icon{background:#f3e8ff}.output-icon{background:#d1fae5}.dsa-info-box pre{color:#1e293b;white-space:pre-wrap;word-break:break-word;margin:0;font-family:JetBrains Mono,monospace;font-size:.85rem}.dsa-explanation{background:#fff;border:1px solid #e0f2fe;border-radius:14px;padding:20px 24px;box-shadow:0 2px 6px #00000005}.dsa-explanation h4{text-transform:uppercase;letter-spacing:.8px;color:#0284c7;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;font-weight:800;display:flex}.bulb-icon{background:#e0f2fe;border-radius:50%;padding:4px}.dsa-explanation p{color:#334155;margin:0;font-size:.92rem;line-height:1.6}.dsa-code-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px}.dsa-code-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.code-header-title{text-transform:uppercase;letter-spacing:.8px;color:#0f172a;align-items:center;gap:8px;margin:0;font-size:.82rem;font-weight:800;display:flex}.dsa-lang-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dsa-lang-tabs{flex-wrap:wrap;gap:8px;display:flex}.dsa-lang-tab{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.dsa-lang-tab:hover{color:#0f172a;background:#f1f5f9}.dsa-lang-tab.active-lang{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e540}.dsa-code-block-wrapper{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a26}.dsa-code-block{display:none}.dsa-syntax-highlighter{box-sizing:border-box!important;background:#1e293b!important;width:100%!important;margin:0!important;padding:20px 16px!important;font-family:JetBrains Mono,monospace!important;font-size:.88rem!important;overflow-x:auto!important}.dsa-action-btns{align-items:center;gap:10px;display:flex}.dsa-try-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.dsa-try-btn:hover{background:#dbeafe;transform:translateY(-1px)}.dsa-copy-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.dsa-copy-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.dsa-copy-btn.copied{color:#15803d;background:#dcfce7;border-color:#86efac}.dsa-empty{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px 20px}.dsa-empty-icon{margin-bottom:12px;font-size:3rem}.dsa-empty p{margin:0;font-size:1rem}.dsa-features-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-top:40px;padding:32px 40px;display:flex;box-shadow:0 4px 20px #00000008}.dsa-feature-divider{background:#e2e8f0;width:1px;height:48px}.dsa-feature-item{flex:1;align-items:center;gap:16px;padding:0 16px;display:flex}.dsa-feature-item:first-child{padding-left:0}.dsa-feature-item:last-child{padding-right:0}.feature-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-blue{color:#3b82f6;background:#eff6ff}.feature-green{color:#22c55e;background:#f0fdf4}.feature-orange{color:#f97316;background:#fff7ed}.feature-purple{color:#a855f7;background:#faf5ff}.feature-text h4{color:#1e293b;margin:0 0 4px;font-size:1.05rem;font-weight:700}.feature-text p{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}@media (width<=1024px){.dsa-topics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.dsa-hero{flex-direction:column;gap:24px;padding:10px}.dsa-hero-stats{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%}.dsa-info-row{grid-template-columns:1fr}.dsa-topics-grid{grid-template-columns:repeat(2,1fr)}.dsa-features-row{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.dsa-feature-item{padding:0}.dsa-feature-divider{display:none}.dsa-section-header{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:12px}.dsa-section-title{justify-content:space-between;width:100%}.dsa-section-actions{gap:8px;width:100%;display:flex}.dsa-search-wrapper{flex:1}.dsa-search-input{box-sizing:border-box;width:100%!important}.dsa-search-input:focus{width:100%!important}.dsa-back-btn{flex-shrink:0}}@media (width<=480px){.dsa-page{padding:10px!important}.dsa-topics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.dsa-topic-card{padding:14px 8px}.dsa-topic-name{font-size:.85rem}.dsa-topic-count{font-size:.75rem}.dsa-hero-text h2{font-size:1.8rem}.dsa-hero{padding:20px 16px}.dsa-hero-stats{width:100%;flex-flow:row!important;gap:8px!important}.dsa-stat-card{border-radius:12px;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;width:auto!important;padding:12px 6px 16px!important}.dsa-stat-card .stat-num{font-size:1.3rem!important}.dsa-stat-card .stat-label{text-align:center;font-size:.7rem!important}.dsa-stat-card .stat-icon-wrapper{width:34px!important;height:34px!important;margin-bottom:4px!important}.dsa-stat-card .stat-icon-wrapper svg{width:16px!important;height:16px!important}.dsa-stat-card:after{width:20px!important;height:2px!important;bottom:8px!important}.title-icon-wrapper{width:34px!important;height:34px!important;font-size:1.1rem!important}.title-text{font-size:1.15rem!important}.dsa-section-badge{margin-left:4px!important;padding:4px 10px!important;font-size:.7rem!important}.dsa-features-row{grid-template-columns:repeat(2,1fr)!important;gap:16px 8px!important;padding:10px 8px!important;display:grid!important}.dsa-feature-item{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:0!important}.feature-icon-wrapper{border-radius:10px!important;width:40px!important;height:40px!important}.feature-icon-wrapper svg{width:18px!important;height:18px!important}.feature-text h4{font-size:.95rem!important}.feature-text p{font-size:.78rem!important}.dsa-question-header{gap:10px!important;padding:12px 14px!important}.dsa-question-left{gap:10px!important}.dsa-q-number-box{border-radius:8px!important;width:36px!important;height:36px!important;font-size:.9rem!important}.dsa-q-divider{height:28px!important}.dsa-q-title{font-size:.92rem!important}.dsa-chevron-btn{width:30px!important;height:30px!important}.dsa-question-body{padding:16px 12px!important}.dsa-syntax-highlighter{padding:16px 12px!important;font-size:.8rem!important}}.qz-hub{--font:"PT Serif Caption", serif;--fontH:"Outfit", sans-serif;--blue:#4361ee;--blue-dk:#2f4ac7;--blue-lt:#eef0ff;--blue-mid:#c7cefa;--green:#10b981;--green-dk:#059669;--green-lt:#d1fae5;--purple:#7c3aed;--purple-dk:#5b21b6;--purple-lt:#ede9fe;--orange:#f59e0b;--orange-lt:#fef3c7;--sky:#0ea5e9;--sky-lt:#e0f2fe;--rose:#e11d48;--rose-lt:#fff1f2;--text:#1e293b;--text2:#475569;--text3:#94a3b8;--text4:#cbd5e1;--bg:#f1f4ff;--card:#fff;--border:#1e293b12;--border2:#1e293b21;--s0:0 0 0 1px #1e293b0f;--s1:0 2px 8px #1e293b0f, 0 1px 3px #1e293b0a;--s2:0 8px 28px #1e293b17, 0 3px 8px #1e293b0d;--s3:0 20px 56px #1e293b1c, 0 6px 16px #1e293b0f;--s-blue:0 6px 24px #4361ee4d;--s-green:0 6px 24px #10b98147;--s-purple:0 6px 24px #7c3aed47;--r1:7px;--r2:12px;--r3:16px;--r4:22px;--r5:28px;--rpill:999px;--ease:cubic-bezier(.4, 0, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--t1:.13s;--t2:.22s;--t3:.35s;font-family:var(--font);color:var(--text);box-sizing:border-box;-webkit-font-smoothing:antialiased;width:100%;max-width:1275px;margin:0 auto;padding:0 0 4px}.qz-hub *,.qz-hub :before,.qz-hub :after{box-sizing:border-box}.qz-hub button{font-family:var(--font);cursor:pointer}.qz-cats,.qz-bc,.qz-sh,.qz-chaps,.qz-tech-grid,.qz-search-results-section{padding-left:24px;padding-right:24px}.qz-back-nav-btn{font-family:var(--font);color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;margin:20px 24px 16px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000008}.qz-back-nav-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translate(-3px)}.qz-page{animation:qzUp var(--t3) var(--ease) both}@keyframes qzUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.qz-cats{grid-template-columns:repeat(3,minmax(280px,1fr));justify-content:center;gap:24px;width:100%;max-width:1040px;margin:0 auto;display:grid}@media (width<=960px){.qz-cats{grid-template-columns:repeat(2,minmax(270px,1fr));max-width:700px}}@media (width<=620px){.qz-cats{grid-template-columns:1fr;max-width:360px}}.qz-arena-card{cursor:pointer;animation:qzUp var(--t3) var(--ease) both;background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;flex-direction:column;gap:16px;padding:24px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0f172a0d,0 2px 6px #0f172a05}.qz-arena-card:hover{border-color:#4361ee4d;transform:translateY(-6px);box-shadow:0 20px 40px -12px #0f172a1f,0 4px 12px #0f172a0a}.cat-green.qz-arena-card:hover{border-color:#10b9814d}.cat-purple.qz-arena-card:hover{border-color:#7c3aed4d}.qz-ac-mesh-bg{pointer-events:none;z-index:0;height:120px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.cat-blue .qz-ac-mesh-bg{background:radial-gradient(circle at 20% 0,#4361ee1f 0%,#fff0 70%),linear-gradient(#4361ee0a 0%,#fff0 100%)}.cat-green .qz-ac-mesh-bg{background:radial-gradient(circle at 20% 0,#10b9811f 0%,#fff0 70%),linear-gradient(#10b9810a 0%,#fff0 100%)}.cat-purple .qz-ac-mesh-bg{background:radial-gradient(circle at 20% 0,#7c3aed1f 0%,#fff0 70%),linear-gradient(#7c3aed0a 0%,#fff0 100%)}.qz-ac-top-row{z-index:2;justify-content:space-between;align-items:center;margin-bottom:2px;display:flex;position:relative}.qz-ac-logo-box{border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex}.cat-blue .qz-ac-logo-box{background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);box-shadow:0 8px 20px -4px #4361ee73}.cat-green .qz-ac-logo-box{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 20px -4px #10b98173}.cat-purple .qz-ac-logo-box{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);box-shadow:0 8px 20px -4px #7c3aed73}.qz-arena-card:hover .qz-ac-logo-box{transform:scale(1.08)rotate(-4deg)}.qz-ac-top-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#475569;background:#ffffffd9;border:1px solid #e2e8f0e6;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0f172a08}.qz-ac-heading-wrap{z-index:2;flex-direction:column;flex:1;gap:6px;display:flex;position:relative}.qz-ac-title{font-family:var(--fontH);color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:900;line-height:1.25}.qz-ac-desc{color:#64748b;margin:0;font-size:.84rem;line-height:1.45}.qz-ac-stats-row{z-index:2;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 8px;display:grid;position:relative}.qz-ac-stat{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.qz-ac-stat:not(:last-child):after{content:"";background:#e2e8f0;width:1px;position:absolute;top:15%;bottom:15%;right:0}.qz-ac-stat-val{font-family:var(--fontH);font-size:1.15rem;font-weight:900;line-height:1.2}.cat-blue .qz-ac-stat-val{color:#4361ee}.cat-green .qz-ac-stat-val{color:#10b981}.cat-purple .qz-ac-stat-val{color:#7c3aed}.qz-ac-stat-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.62rem;font-weight:800}.qz-ac-techs{z-index:2;flex-wrap:wrap;align-items:center;gap:8px;min-height:38px;display:flex;position:relative}.qz-ct-icon{cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.qz-ct-icon:hover{transform:translateY(-4px)scale(1.15)}.qz-ct-img{object-fit:contain;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:11px;width:36px;height:36px;padding:6px;transition:all .25s;box-shadow:0 2px 6px #0f172a0a}.qz-ac-start-btn{color:#fff;cursor:pointer;z-index:2;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.88rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cat-blue .qz-ac-start-btn{background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);box-shadow:0 6px 18px -2px #4361ee59}.cat-green .qz-ac-start-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 18px -2px #10b98159}.cat-purple .qz-ac-start-btn{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);box-shadow:0 6px 18px -2px #7c3aed59}.qz-ac-start-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.cat-blue .qz-ac-start-btn:hover{box-shadow:0 10px 24px -2px #4361ee80}.cat-green .qz-ac-start-btn:hover{box-shadow:0 10px 24px -2px #10b98180}.cat-purple .qz-ac-start-btn:hover{box-shadow:0 10px 24px -2px #7c3aed80}.qz-ac-start-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.qz-ac-start-btn:hover svg{transform:translate(4px)}.qz-ct-icon:hover .qz-ct-img{box-shadow:0 8px 16px #0f172a14}.cat-blue .qz-ct-icon:hover .qz-ct-img{border-color:#4361ee66}.cat-green .qz-ct-icon:hover .qz-ct-img{border-color:#10b98166}.cat-purple .qz-ct-icon:hover .qz-ct-img{border-color:#7c3aed66}.qz-ct-icon:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:#0f172a;border-radius:6px;padding:5px 10px;font-size:.68rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-6px)scale(.8);box-shadow:0 10px 15px -3px #0003}.qz-ct-icon:after{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:10;border:5px solid #0000;border-top-color:#0f172a;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(0)scale(.8)}.qz-ct-icon:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(-10px)scale(1)}.qz-ct-icon:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(-2px)scale(1)}.qz-cat-btn{z-index:1;color:#fff;letter-spacing:-.2px;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:auto;padding:14px 20px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.cat-blue .qz-cat-btn{background:linear-gradient(135deg,#4361ee 0%,#2f4ac7 100%);box-shadow:0 4px 14px #4361ee4d}.cat-green .qz-cat-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b9814d}.cat-purple .qz-cat-btn{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);box-shadow:0 4px 14px #7c3aed4d}.qz-cat-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#fff0 100%);border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.qz-cat-btn:hover{transform:translateY(-2px)}.qz-cat-btn:hover:before{opacity:1}.cat-blue .qz-cat-btn:hover{box-shadow:0 8px 24px #4361ee73}.cat-green .qz-cat-btn:hover{box-shadow:0 8px 24px #10b98173}.cat-purple .qz-cat-btn:hover{box-shadow:0 8px 24px #7c3aed73}.qz-cat-btn svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.qz-cat-btn:hover svg{transform:translate(5px)}.qz-techs-section{background:var(--card);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--s1);padding:18px 22px}.qz-techs-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.qz-techs-head h3{font-family:var(--fontH);color:var(--text);margin:0;font-size:.95rem;font-weight:700}.qz-techs-scroll{scrollbar-width:none;align-items:center;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.qz-techs-scroll::-webkit-scrollbar{display:none}.qz-tech-pill{background:var(--bg);border:1px solid var(--border2);border-radius:var(--rpill);white-space:nowrap;cursor:pointer;transition:all var(--t1) var(--ease);flex-shrink:0;align-items:center;gap:7px;padding:7px 14px;display:flex}.qz-tech-pill:hover{background:var(--blue-lt);border-color:var(--blue-mid)}.qz-tp-img{object-fit:contain;width:18px;height:18px}.qz-tp-name{color:var(--text2);font-size:.78rem;font-weight:600}.qz-bc{animation:qzUp var(--t2) var(--ease) both;align-items:center;gap:6px;margin-bottom:20px;font-size:.8rem;font-weight:500;display:flex}.qz-bc-home{border-radius:var(--r1);background:var(--card);border:1px solid var(--border2);width:28px;height:28px;color:var(--text3);cursor:pointer;transition:all var(--t1) var(--ease);box-shadow:var(--s1);justify-content:center;align-items:center;display:flex}.qz-bc-home:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.qz-bc-txt{color:var(--text3)}.qz-bc-lnk{color:var(--text2);cursor:pointer;transition:color var(--t1)}.qz-bc-lnk:hover{color:var(--blue)}.qz-bc-cur{color:var(--text);font-weight:600}.qz-bc-sep{color:var(--text4)}.qz-sh-v2{background:var(--sh-bg-mesh,#fff);border:1.5px solid #e2e8f0d9;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:16px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px -10px #0f172a0f;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-sh-bg-decor{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.qz-sh-ring-decor{pointer-events:none;border-radius:50%;position:absolute}.qz-sh-ring-decor.ring-1{border:1.5px solid #4361ee1f;width:160px;height:160px;top:-30px;left:-30px;box-shadow:0 0 0 24px #4361ee08}.qz-sh-ring-decor.ring-2{border:1.5px solid #8b5cf61a;width:200px;height:200px;bottom:-40px;right:-40px}.qz-sh-dots-grid{opacity:.35;grid-template-columns:repeat(5,1fr);gap:8px;display:grid;position:absolute;top:50%;right:220px;transform:translateY(-50%)}.qz-sh-dots-grid span{background:#94a3b8;border-radius:50%;width:4px;height:4px}.qz-sh-orb{filter:blur(24px);opacity:.18;border-radius:50%;position:absolute}.qz-sh-orb.orb-1{width:160px;height:160px;top:-20px;right:60px}.qz-sh-orb.orb-2{background:#8b5cf6;width:190px;height:190px;bottom:-20px;right:-20px}.qz-sh-main-content{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex;position:relative}.qz-sh-left-group{flex:1;align-items:center;gap:16px;min-width:280px;display:flex}.qz-sh-v2-back{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0f172a0a}.qz-sh-v2-back:hover{border-color:var(--sh-color,#4361ee);color:var(--sh-color,#4361ee);background:#fff;transform:translate(-3px)scale(1.05);box-shadow:0 6px 16px #4361ee2e}.qz-sh-v2-squircle{border:1.5px solid #e2e8f0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;background:#fff!important}.qz-sh-v2:hover .qz-sh-v2-squircle{transform:translateY(-2px)scale(1.05)rotate(-3deg)}.qz-sh-v2-img{object-fit:contain;width:34px;height:34px}.qz-sh-v2-text{flex-direction:column;flex:1;gap:3px;display:flex}.qz-sh-v2-pill{color:#64748b;letter-spacing:.04em;align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:inline-flex}.qz-pulse-dot{border-radius:50%;width:7px;height:7px;animation:2s infinite qzPulse;box-shadow:0 0 0 3px #4361ee33}@keyframes qzPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.qz-sh-v2-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:900;line-height:1.25;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-sh-v2-gradient-text{font-weight:900}.qz-sh-v2-sub{color:#64748b;margin:0;font-size:.86rem;line-height:1.35;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-sh-graph-card{-webkit-backdrop-filter:blur(16px);background:#fffffff0;border:1.5px solid #e2e8f0f2;border-radius:20px;flex-shrink:0;align-items:center;gap:18px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 12px 32px -8px #0f172a12}.qz-sh-graph-card:hover{border-color:var(--sh-color,#4361ee);transform:translateY(-3px)scale(1.01);box-shadow:0 18px 40px -6px #0f172a1f}.qz-sh-graph-ring-wrap{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.qz-sh-graph-svg{width:100%;height:100%;transform:rotate(-90deg)}.qz-sh-graph-track{fill:none;stroke:#e2e8f0;stroke-width:7px}.qz-sh-graph-fill{fill:none;stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.qz-sh-graph-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qz-sh-graph-pct{color:#0f172a;font-size:1.1rem;font-weight:900;line-height:1;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-sh-graph-lbl{color:#64748b;letter-spacing:.05em;margin-top:2px;font-size:.58rem;font-weight:800}.qz-sh-graph-info{flex-direction:column;gap:8px;min-width:170px;display:flex}.qz-sh-gi-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.qz-level-badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.qz-level-badge.master{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.qz-level-badge.inter{color:#4361ee;background:#eef2ff;border:1px solid #c7d2fe}.qz-level-badge.starter{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd}.qz-level-badge.unrated{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.qz-sh-gi-score-wrap{align-items:baseline;gap:3px;display:flex}.qz-sh-gi-score-val{font-size:1.15rem;font-weight:900;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-sh-gi-score-total{color:#94a3b8;font-size:.76rem;font-weight:700}.qz-sh-gi-bar-wrap{flex-direction:column;gap:4px;display:flex}.qz-sh-gi-bar-track{background:#e2e8f0;border-radius:99px;width:100%;height:7px;position:relative;overflow:hidden}.qz-sh-gi-bar-fill{border-radius:99px;height:100%;transition:width 1s ease-in-out}.qz-sh-gi-meta{color:#64748b;font-size:.72rem;font-weight:700}.qz-tech-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;display:grid}.qz-tc{background:var(--card);border:1px solid var(--border);border-radius:var(--r3);cursor:pointer;transition:all var(--t2) var(--spring);box-shadow:var(--s1);animation:qzUp var(--t3) var(--ease) both;flex-direction:column;padding:20px 16px 16px;display:flex}.qz-tc:hover{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-lt), var(--s2);transform:translateY(-3px)}.qz-tc-ico{width:50px;height:50px;transition:transform var(--t2) var(--spring);border-radius:13px;justify-content:center;align-items:center;margin-bottom:13px;padding:10px;display:flex}.qz-tc:hover .qz-tc-ico{transform:scale(1.1)rotate(-4deg)}.qz-tc-img{object-fit:contain;width:100%;height:100%}.qz-tc-name{color:var(--text);margin:0 0 4px;font-size:.93rem;font-weight:700}.qz-tc-desc{color:var(--text3);margin:0 0 auto;padding-bottom:13px;font-size:.77rem;line-height:1.5}.qz-tc-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:11px;padding-top:11px;display:flex}.qz-tc-badge{border-radius:var(--rpill);align-items:center;gap:4px;padding:3px 9px;font-size:.71rem;font-weight:700;display:flex}.qz-tc-go{border-radius:var(--r1);background:var(--bg);width:26px;height:26px;color:var(--text3);transition:all var(--t1) var(--ease);border:none;justify-content:center;align-items:center;display:flex}.qz-tc:hover .qz-tc-go{background:var(--blue);color:#fff}.qz-chaps{flex-direction:column;gap:10px;display:flex}.qz-chap{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;transition:all var(--t2) var(--ease);box-shadow:var(--s1);animation:qzUp var(--t3) var(--ease) both;align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.qz-chap:before{content:"";background:linear-gradient(to bottom, var(--blue), var(--purple));width:3px;transition:transform var(--t2) var(--ease);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.qz-chap:hover{border-color:var(--blue);box-shadow:var(--s2);transform:translate(4px)}.qz-chap:hover:before{transform:scaleY(1)}.qz-chap-num{background:var(--blue-lt);width:36px;height:36px;color:var(--blue);transition:all var(--t2) var(--spring);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex}.qz-chap:hover .qz-chap-num{background:var(--blue);color:#fff;transform:rotate(-5deg)scale(1.06)}.qz-chap-info{flex:1}.qz-chap-info h3{color:var(--text);margin:0 0 2px;font-size:.9rem;font-weight:700}.qz-chap-info p{color:var(--text3);align-items:center;gap:5px;margin:0;font-size:.77rem;display:flex}.qz-chap-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.qz-chap-score-tag{white-space:nowrap;border-radius:8px;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.qz-chap-score-tag.pass{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.qz-chap-score-tag.fail{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.qz-chap-btn{background:var(--blue-lt);color:var(--blue);border:1px solid var(--blue-mid);border-radius:var(--r1);white-space:nowrap;transition:all var(--t1) var(--ease);align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex}.qz-chap:hover .qz-chap-btn{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:var(--s-blue)}.qz-exam-layout{z-index:99999;animation:qzUp var(--t3) var(--ease) both;font-family:var(--font);background:#f8fafc;border:none;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden;width:100%!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important}.qz-exam-header{border-bottom:2px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.qz-ex-back{background:var(--bg);border:1px solid var(--border);color:var(--text3);border-radius:var(--r1);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.qz-ex-back:hover{background:var(--border2);color:var(--text)}.qz-ex-title{font-family:var(--fontH);color:var(--blue);font-size:1.1rem;font-weight:700}.qz-ex-inst{color:#0ea5e9;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.qz-inst-i{border:1.5px solid #0ea5e9;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;font-weight:800;display:flex}.qz-ex-timer{color:var(--text2);font-size:.95rem}.qz-ex-timer strong{color:var(--text);margin-left:4px;font-weight:700}.qz-exam-body{background:#fff;flex:1;display:flex}.qz-exam-main{border-right:2px solid var(--border);flex-direction:column;flex:1;display:flex}.qz-ex-qhead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.qz-ex-qnum{font-family:var(--fontH);color:var(--text);font-size:1.05rem;font-weight:700}.qz-ex-qacts{color:var(--text2);align-items:center;gap:16px;font-size:.85rem;display:flex}.qz-ex-marks{font-weight:500}.qz-m-pos{color:#10b981;background:#d1fae5;border-radius:4px;margin-left:6px;padding:2px 6px;font-weight:700}.qz-m-neg{color:var(--text3);background:#f1f5f9;border-radius:4px;margin-left:4px;padding:2px 6px;font-weight:700}.qz-ex-tspent{align-items:center;gap:4px;margin-left:8px;font-weight:600;display:flex}.qz-ex-btn-mark,.qz-ex-btn-save{border:1px solid var(--blue);color:var(--blue);cursor:pointer;transition:all var(--t1) var(--ease);background:#fff;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.qz-ex-btn-mark:hover,.qz-ex-btn-save:hover{background:var(--blue-lt)}.qz-ex-qcontent{flex:1;padding:32px}.qz-ex-qtxt{color:var(--text);margin-bottom:32px;font-size:1.1rem;font-weight:600;line-height:1.6}.qz-ex-opts{flex-direction:column;gap:20px;display:flex}.qz-ex-opt{color:var(--text);cursor:pointer;align-items:center;gap:16px;font-size:.95rem;display:flex}.qz-ex-opt input[type=radio]{width:18px;height:18px;accent-color:var(--blue);cursor:pointer}.qz-ex-qfoot{border-top:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.qz-ex-btn-prev{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:6px;padding:10px 20px;font-weight:600;display:flex}.qz-ex-btn-prev:hover:not(:disabled){background:var(--bg);color:var(--text)}.qz-ex-btn-next{border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:6px;padding:10px 20px;font-weight:600;display:flex}.qz-ex-btn-next:hover{background:var(--blue-lt)}.qz-exam-sidebar{background:#f8fafc;flex-direction:column;width:420px;display:flex}.qz-ex-profile{border-bottom:2px solid var(--border);background:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex}.qz-ex-avatar{color:#fff;background:#f43f5e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.qz-ex-name{color:var(--text);font-weight:600}.qz-ex-summary{border-bottom:2px solid var(--border);background:#fff;padding:20px}.qz-ex-shead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.qz-ex-sinst{color:#0ea5e9;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.qz-ex-legends{grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.qz-ex-leg{color:var(--text);align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.qz-leg-shp{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex;position:relative}.l-notans{clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:#f43f5e}.l-ans{clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:#10b981}.l-mark{background:#8b5cf6;border-radius:50%}.l-notvis{background:#fff;border-radius:4px;color:var(--text)!important;border:1px solid #000!important}.l-ansmark{background:#8b5cf6;border-radius:50%}.qz-ex-grid-wrap{background:#fff;flex:1;padding:24px 32px;overflow-y:auto}.qz-ex-grid-title{color:var(--text2);text-align:center;margin-bottom:20px;font-size:.95rem;font-weight:700}.qz-ex-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.qz-ex-grid-btn{aspect-ratio:1;cursor:pointer;width:100%;transition:transform var(--t1);border:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.qz-ex-grid-btn.g-active{box-shadow:0 0 0 3px #0ea5e966}.qz-ex-submit{color:#fff;cursor:pointer;transition:background var(--t1);background:#0ea5e9;border:none;padding:16px;font-size:1.05rem;font-weight:700}.qz-ex-submit:hover{background:#0284c7}.qz-result-card{max-width:800px;animation:qzUp var(--t3) var(--ease) both;background:#fff;border-radius:20px;margin:10px auto;padding-bottom:12px;position:relative;box-shadow:0 10px 40px #0000000a}.qz-card-dots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:absolute;top:24px;left:24px}.qz-card-dots span{background:#cbd5e1;border-radius:50%;width:4px;height:4px}.qz-top-trophy{cursor:pointer;background:#e0e7ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;position:absolute;top:24px;right:24px}.qz-top-trophy:hover{transform:scale(1.05)}.qz-res-hero{text-align:center;padding:48px 40px 16px;position:relative}.qz-ring-wrapper{justify-content:center;width:220px;height:160px;margin:0 auto 10px;display:flex;position:relative}.qz-ring{z-index:2;width:150px;height:150px;position:relative}.qz-ring-svg{width:150px;height:150px;transform:rotate(-90deg)}.qz-ring-bg{fill:none;stroke:#f1f5f9;stroke-width:10px}.qz-ring-arc{fill:none;stroke-width:10px;stroke-linecap:round}.qz-ring-in{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qz-ring-pct{font-family:var(--fontH);color:#1e293b;letter-spacing:-1px;font-size:2.2rem;font-weight:900;line-height:1}.qz-ring-sub{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.65rem;font-weight:700}.qz-laurel{z-index:1;width:60px;height:100px;position:absolute;top:-10px}.l-left{left:0}.l-right{right:0}.qz-decor-confetti{z-index:0;border-radius:1px;width:6px;height:6px;position:absolute}.c-1{background:#3b82f6;top:10%;left:5%;transform:rotate(15deg)}.c-2{background:#10b981;top:60%;left:-10%;transform:rotate(45deg)}.c-3{background:#ef4444;border-radius:50%;width:5px;height:5px;bottom:10%;left:15%}.c-4{background:#f59e0b;top:15%;right:10%;transform:rotate(30deg)}.c-5{background:#8b5cf6;width:5px;height:5px;top:50%;right:-5%;transform:rotate(60deg)}.c-6{background:#14b8a6;bottom:5%;right:15%;transform:rotate(10deg)}.qz-res-title{font-family:var(--fontH);color:#1e293b;letter-spacing:-.5px;margin:0 0 6px;font-size:2rem;font-weight:800}.qz-res-sub{color:#64748b;margin:0;font-size:.95rem}.qz-res-stats-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(3,1fr);margin:10px 20px;display:grid}.qz-rs{text-align:center;padding:14px 10px;position:relative}.qz-rs:not(:last-child):after{content:"";background:#e2e8f0;width:1px;position:absolute;top:20px;bottom:20px;right:0}.qz-rs-ico{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 12px;display:flex}.qz-rs-ico.green{background:#d1fae5}.qz-rs-ico.red{background:#ffe4e6}.qz-rs-ico.blue{background:#e0e7ff}.qz-rs-val{font-family:var(--fontH);margin-bottom:6px;font-size:2rem;font-weight:900;line-height:1}.rv-g{color:#10b981}.rv-r{color:#e11d48}.rv-b{color:#4361ee}.qz-rs-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.72rem;font-weight:700}.qz-rperf{border-radius:12px;align-items:center;gap:12px;margin:0 40px 24px;padding:16px 20px;font-size:.95rem;font-weight:600;display:flex}.rp-gold{color:#a16207;background:#fef9c3}.rp-blue{color:#4338ca;background:#e0e7ff}.rp-sky{color:#0369a1;background:#e0f2fe}.rp-rose{color:#ef4444;background:#fce8e8}.qz-res-acts{justify-content:center;align-items:center;gap:16px;padding:12px 40px 24px;display:flex}.qz-rbtn{transition:all var(--t2) var(--ease);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex}.qz-rbtn.sec{color:#1e293b;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000005}.qz-rbtn.sec:hover{background:#f8fafc}.qz-rbtn.pri{color:#fff;background:#4361ee;border:none;box-shadow:0 4px 12px #4361ee40}.qz-rbtn.pri:hover{background:#2f4ac7;transform:translateY(-2px);box-shadow:0 6px 16px #4361ee59}.qz-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:72px 40px;display:flex}.qz-empty-ico{background:var(--blue-lt);width:60px;height:60px;color:var(--blue);box-shadow:var(--s2);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.qz-empty h3{font-family:var(--fontH);color:var(--text2);margin:0 0 6px;font-size:1.2rem;font-weight:700}.qz-empty p{color:var(--text3);margin:0;font-size:.875rem}@media (width<=960px){.qz-hub{padding:12px 16px}}@media (width<=640px){.qz-tech-grid{grid-template-columns:repeat(2,1fr)}.qz-res-stats-box{grid-template-columns:1fr 1fr}.qz-res-stats-box .qz-rs:nth-child(3){border-right:none;border-top:1px solid var(--border);grid-column:1/-1}}.qz-hero-banner{background:linear-gradient(135deg,#fff 0%,#fcfbfe 60%,#f6f3ff 100%);border:1.5px solid #9333ea1f;border-top:none;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:24px;margin:0 0 20px;padding:16px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -10px #9333ea12,0 4px 12px #00000005}.qz-hero-content{z-index:2;text-align:left;flex:1;max-width:660px;position:relative}.qz-hero-badge{color:#8b5cf6;background:#f3e8ff;border-radius:99px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #8b5cf614}.qz-hero-title{font-family:var(--fontH);color:#1e1b4b;letter-spacing:-.6px;margin:0 0 8px;font-size:1.95rem;font-weight:900;line-height:1.15}.qz-title-accent{background:linear-gradient(120deg,#9333ea 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.qz-hero-sub{color:#64748b;margin:0 0 14px;font-size:.88rem;line-height:1.5}.qz-hero-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qz-hstat-chip{color:#475569;background:#fff;border:1.5px solid #f1f5f9;border-radius:99px;align-items:center;gap:6px;padding:5px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000008}.qz-hstat-chip:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.icon-orange{color:#f97316}.qz-hero-illustration{flex-shrink:0;justify-content:center;align-items:center;width:190px;height:115px;display:flex;position:relative}.qz-hi-quiz-card{background:#1e1b4b;border-radius:14px;flex-direction:column;gap:6px;width:150px;height:100px;padding:10px;transition:transform .4s;display:flex;transform:perspective(600px)rotateY(-12deg)rotateX(6deg);box-shadow:0 16px 32px -8px #1e1b4b66}.qz-hero-banner:hover .qz-hi-quiz-card{transform:perspective(600px)rotateY(-4deg)rotateX(2deg)scale(1.04)}.qz-hi-qc-header{gap:5px;display:flex}.qz-hi-qc-body{flex-direction:column;gap:5px;padding-top:2px;display:flex}.qz-hi-opt{background:#ffffff14;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}.qz-hi-opt.opt-checked{background:#10b98133;border:1px solid #10b98166}.opt-check{color:#34d399;font-size:.68rem;font-weight:900}.opt-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px}.opt-bar{background:#fff6;border-radius:4px;width:60px;height:4px}.opt-bar.short{width:40px}.qz-hi-tag{font-family:var(--fontH);white-space:nowrap;z-index:10;border-radius:99px;width:auto;height:auto;padding:4px 10px;font-size:.68rem;font-weight:800;line-height:1.2;animation:3s ease-in-out infinite alternate floatTagQz;display:inline-block;position:absolute;box-shadow:0 6px 16px #0000001a}.qz-tag-quiz{color:#8b5cf6;background:#f3e8ff;border:1px solid #e9d5ff;top:-8px;left:-10px}.qz-tag-score{color:#059669;background:#d1fae5;border:1px solid #a7f3d0;animation-delay:1s;top:6px;right:-10px}.qz-tag-timer{color:#ca8a04;background:#fef9c3;border:1px solid #fef08a;animation-delay:2s;bottom:-8px;right:10px}@keyframes floatTagQz{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(4deg)}}.qz-search-results-section{border-radius:var(--r3);box-shadow:var(--s2);border:1px solid var(--border);background:#fff;padding:24px}.qz-search-results-title{font-family:var(--fontH);color:#0f172a;margin:0 0 16px;font-size:1.1rem;font-weight:700}.qz-cat.cat-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.qz-cat.cat-amber:after{background:radial-gradient(circle,#f59e0b14,#0000 70%)}.cat-amber .qz-cat-title{color:#b45309}.cat-amber .qz-cat-ico{color:#d97706;background:#fef3c7}.cat-amber .qz-cat-count{color:#d97706}.cat-amber .qz-cat-btn{background:#f59e0b;box-shadow:0 6px 24px #f59e0b47}.qz-cat.cat-sky:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.qz-cat.cat-sky:after{background:radial-gradient(circle,#0ea5e914,#0000 70%)}.cat-sky .qz-cat-title{color:#0369a1}.cat-sky .qz-cat-ico{color:#0284c7;background:#e0f2fe}.cat-sky .qz-cat-count{color:#0284c7}.cat-sky .qz-cat-btn{background:#0ea5e9;box-shadow:0 6px 24px #0ea5e947}.qz-exam-layout{z-index:99999!important;color:#0f172a!important;background:#f8fafc!important;flex-direction:column!important;width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.qz-exam-header{z-index:20;background:#fff;border-bottom:1.5px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;box-shadow:0 2px 10px #0f172a0a}.qz-ex-h-left{align-items:center;gap:14px;display:flex}.qz-ex-back{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.qz-ex-back:hover{color:#0f172a;background:#e2e8f0;transform:translate(-2px)}.qz-ex-title{color:#0f172a;letter-spacing:-.3px;font-size:1.1rem;font-weight:800}.qz-ex-h-right{align-items:center;gap:16px;display:flex}.qz-ex-inst{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;white-space:nowrap!important}.qz-ex-inst:hover{background:#e0f2fe}.qz-inst-i{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-style:normal;font-weight:900;display:inline-flex}.qz-ex-timer{color:#ea580c;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex;white-space:nowrap!important}.qz-ex-timer strong{font-family:Fira Code,monospace;font-size:.92rem;font-weight:800;white-space:nowrap!important}.qz-exam-body{background:#fff;flex:1;width:100%;height:calc(100vh - 64px);display:flex;overflow:hidden}.qz-exam-main{background:#fff;flex-direction:column;flex:1;padding:24px 32px;display:flex;overflow-y:auto;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.qz-ex-qhead{border-bottom:1.5px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.qz-ex-qnum{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:6px 16px;font-size:1.25rem;font-weight:900}.qz-ex-qacts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qz-ex-marks{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700}.qz-m-pos{color:#16a34a;font-weight:800}.qz-m-neg{color:#dc2626;font-weight:800}.qz-ex-tspent{color:#475569;background:#f1f5f9;border-radius:8px;padding:6px 12px;font-family:Fira Code,monospace;font-size:.8rem;font-weight:700}.qz-ex-btn-mark{color:#7c3aed;cursor:pointer;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.qz-ex-btn-mark:hover{background:#ede9fe}.qz-ex-btn-save{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.qz-ex-btn-save:hover{background:#ffe4e6}.qz-ex-qcontent{flex:1}.qz-ex-qtxt{color:#0f172a;margin-bottom:16px;font-size:1.15rem;font-weight:700;line-height:1.5;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-ex-opts{flex-direction:column;gap:10px;width:100%;margin-bottom:20px;display:flex}.qz-ex-opt{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 16px;transition:all .2s;display:flex}.qz-ex-opt:hover{background:#fff;border-color:#cbd5e1;transform:translate(4px)}.qz-ex-opt input[type=radio]{accent-color:#4361ee;cursor:pointer;flex-shrink:0;width:18px;height:18px}.qz-ex-opt-txt{color:#1e293b;font-size:.98rem;font-weight:600;line-height:1.5;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-ex-opt:has(input:checked){background:#eef2ff;border-color:#4361ee;box-shadow:0 4px 14px #4361ee1f}.qz-ex-qfoot{border-top:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding:20px 0 0;display:flex;box-shadow:none!important;background:0 0!important}.qz-ex-btn-prev{color:#334155!important;cursor:pointer!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:10px 22px!important;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif!important;font-size:.9rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important}.qz-ex-btn-prev:hover:not(:disabled){color:#0f172a!important;background:#f1f5f9!important;border-color:#94a3b8!important}.qz-ex-btn-prev:disabled{opacity:.5!important;cursor:not-allowed!important}.qz-ex-btn-next{color:#fff!important;cursor:pointer!important;letter-spacing:.2px!important;background:linear-gradient(135deg,#4361ee 0%,#2f4ac7 100%)!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:11px 26px!important;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif!important;font-size:.92rem!important;font-weight:800!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;box-shadow:0 4px 14px #4361ee59!important}.qz-ex-btn-next:hover,.qz-ex-btn-next:focus,.qz-ex-btn-next:active{color:#fff!important;background:linear-gradient(135deg,#374df0 0%,#1e3bb3 100%)!important;transform:translateY(-2px)!important;box-shadow:0 8px 22px #4361ee80!important}.qz-exam-sidebar{background:#fff;border-left:1.5px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:16px;width:340px;height:100%;padding:22px 20px;display:flex;overflow-y:auto;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-ex-profile{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;display:flex;box-shadow:0 4px 14px #0f172a0a}.qz-ex-avatar{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#ff5e18 0%,#ff8a00 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;font-weight:900;display:flex;box-shadow:0 4px 12px #ff5e1840}.qz-ex-name{color:#0f172a;letter-spacing:-.2px;font-size:.98rem;font-weight:800;line-height:1.3}.qz-ex-summary{flex-direction:column;gap:12px;display:flex}.qz-ex-shead{justify-content:space-between;align-items:center;display:flex}.qz-ex-scount{color:#0f172a;font-size:.9rem;font-weight:800}.qz-ex-sinst{color:#0284c7;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:flex;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-ex-sinst:hover{color:#0369a1;text-decoration:underline}.qz-ex-legends{background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:16px;grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px 16px;display:grid}.qz-ex-leg{color:#475569;align-items:center;gap:10px;font-size:.78rem;font-weight:700;line-height:1.25;display:flex}.qz-ex-leg:nth-child(5){grid-column:1/-1}.qz-leg-shp{box-sizing:border-box!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;font-size:.78rem!important;font-weight:800!important;line-height:1!important;display:inline-flex!important;position:relative!important;box-shadow:0 2px 6px #0f172a14!important}.qz-leg-shp.l-notans{color:#fff;background:#ef4444;border-radius:6px 6px 12px 12px}.qz-leg-shp.l-ans{color:#fff;background:#10b981;border-radius:6px}.qz-leg-shp.l-mark{color:#fff;background:#8b5cf6;border-radius:50%}.qz-leg-shp.l-notvis{color:#475569;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px}.qz-leg-shp.l-ansmark{color:#fff;background:#8b5cf6;border-radius:50%}.l-dot{background:#10b981;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;bottom:0;right:0}.qz-ex-grid-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 16px #0f172a08}.qz-ex-grid-title{color:#0f172a;letter-spacing:-.2px;font-size:.92rem;font-weight:900}.qz-ex-grid-btns{grid-template-columns:repeat(5,1fr);align-content:start;gap:10px;max-height:250px;padding:4px;display:grid;overflow-y:auto}.qz-ex-grid-btns::-webkit-scrollbar{width:5px}.qz-ex-grid-btns::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.qz-ex-grid-btns::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.qz-ex-grid-btns::-webkit-scrollbar-thumb:hover{background:#94a3b8}.qz-ex-grid-btn{cursor:pointer!important;box-sizing:border-box!important;border:none!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0 auto!important;font-family:Plus Jakarta Sans,system-ui,sans-serif!important;font-size:.85rem!important;font-weight:800!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important;box-shadow:0 2px 6px #0f172a0f!important}.qz-ex-grid-btn:hover{transform:translateY(-2px)scale(1.05)!important}.qz-ex-grid-btn.l-notans{color:#fff;background:#ef4444;border-radius:6px 6px 12px 12px}.qz-ex-grid-btn.l-ans{color:#fff;background:#10b981;border-radius:6px}.qz-ex-grid-btn.l-mark{color:#fff;background:#8b5cf6;border-radius:50%}.qz-ex-grid-btn.l-notvis{color:#475569;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px}.qz-ex-grid-btn.l-ansmark{color:#fff;background:#8b5cf6;border-radius:50%}.qz-ex-grid-btn.g-active{outline-offset:2px!important;z-index:5!important;outline:3px solid #0284c7!important;transform:scale(1.1)!important;box-shadow:0 0 12px #0284c766!important}.qz-ex-submit{color:#fff!important;letter-spacing:.4px!important;cursor:pointer!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:14px!important;width:100%!important;margin-top:auto!important;padding:14px!important;font-family:Plus Jakarta Sans,system-ui,sans-serif!important;font-size:.98rem!important;font-weight:800!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 6px 20px #10b98159!important}.qz-ex-submit:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px #10b98173!important}@media (width<=900px){.qz-exam-layout{-webkit-overflow-scrolling:touch!important;height:100vh!important;overflow-y:auto!important}.qz-exam-body{flex-direction:column!important;height:auto!important;min-height:calc(100vh - 64px)!important;overflow:visible!important}.qz-exam-main{box-sizing:border-box!important;flex:none!important;width:100%!important;height:auto!important;margin:0!important;padding:16px 14px!important;overflow:visible!important}.qz-exam-sidebar{box-sizing:border-box!important;border-top:2px solid #e2e8f0!important;border-left:none!important;width:100%!important;height:auto!important;padding:16px 14px!important;overflow:visible!important}}.qz-pre-inst-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:18px;width:100%;max-width:880px;margin:0 auto 30px;padding:24px 20px;display:flex;box-shadow:0 16px 40px -10px #0f172a0f;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-pre-inst-header{border-bottom:1.5px solid #f1f5f9;padding-bottom:14px}.qz-pre-badge{color:#7c3aed;background:#f3e8ff;border-radius:99px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.qz-pre-title{letter-spacing:-.015em;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;font-size:1.45rem;font-weight:700;display:flex}.qz-title-topic{color:#4361ee;font-weight:800}.qz-title-sep{color:#cbd5e1;font-weight:400}.qz-title-sub{color:#1e293b;font-weight:700}.qz-pre-inst-header p{color:#64748b;margin:0;font-size:.95rem}.qz-pre-meta-grid{background:0 0;border:none;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;display:grid}@media (width<=768px){.qz-pre-meta-grid{grid-template-columns:repeat(2,1fr)}}.qz-pre-meta-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.meta-ico-orange{color:#f97316}.meta-ico-blue{color:#0284c7}.meta-ico-green{color:#16a34a}.meta-ico-purple{color:#8b5cf6}.meta-val{color:#0f172a;font-size:.95rem;font-weight:800;line-height:1.25;display:block}.meta-lbl{color:#64748b;margin-top:2px;font-size:.75rem;font-weight:600;display:block}.qz-pre-rules-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:24px}.qz-pre-rules-box h3{color:#0f172a;align-items:center;gap:10px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.qz-rules-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.qz-rules-list li{color:#334155;font-size:.92rem;line-height:1.6}.qz-rule-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.rule-chip{border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.rule-chip.red{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.rule-chip.green{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0}.rule-chip.purple{color:#8b5cf6;background:#f5f3ff;border:1px solid #ddd6fe}.rule-chip.white{color:#475569;background:#fff;border:1px solid #cbd5e1}.qz-pre-agree-row{background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;padding:16px 20px}.qz-agree-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.qz-agree-label input[type=checkbox]{accent-color:#4361ee;cursor:pointer;flex-shrink:0;width:20px;height:20px}.qz-agree-txt{color:#0369a1;font-size:.9rem;font-weight:700;line-height:1.4}.qz-pre-actions{justify-content:space-between;align-items:center;gap:16px;padding-top:10px;display:flex}.qz-btn-begin:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.qz-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.qz-modal-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:520px;animation:.25s both qzUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a33;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-modal-head{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.qz-modal-title{color:#0f172a;align-items:center;gap:10px;font-size:1rem;font-weight:800;display:flex}.qz-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.qz-modal-close:hover{color:#0f172a;background:#e2e8f0}.qz-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.qz-modal-summary-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qz-m-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:flex}.qz-modal-rules-content h4{color:#0f172a;margin:0 0 10px;font-size:.95rem;font-weight:800}.qz-modal-rules-content ul{color:#475569;flex-direction:column;gap:10px;margin:0;padding-left:20px;font-size:.88rem;line-height:1.5;display:flex}.qz-modal-foot{background:#f8fafc;border-top:1.5px solid #e2e8f0;justify-content:flex-end;padding:16px 24px;display:flex}.qz-modal-btn-ok{color:#fff;cursor:pointer;background:#4361ee;border:none;border-radius:12px;padding:10px 24px;font-size:.9rem;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #4361ee4d}.qz-modal-btn-ok:hover{background:#2f4ac7}@media (width<=768px){.qz-page{padding-left:4px!important;padding-right:4px!important}.qz-pre-inst-card{border-radius:16px;margin:0 auto 14px;width:100%!important;padding:18px 12px!important}.qz-pre-meta-grid{grid-template-columns:repeat(2,1fr);gap:8px}.qz-pre-rules-box{border-radius:12px;padding:14px 12px!important}.qz-pre-title{font-size:1.2rem}.qz-exam-header{gap:10px;padding:10px 14px}.qz-ex-title{font-size:1rem}.qz-ex-timer{padding:6px 12px;font-size:.85rem}.qz-ex-qhead{flex-direction:column;align-items:flex-start;gap:12px}.qz-ex-qacts{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%}.qz-ex-qfoot{gap:10px}.qz-modal-overlay{padding:12px}.qz-modal-box{border-radius:16px;max-width:100%}.qz-modal-head,.qz-modal-body,.qz-modal-foot{padding:14px 12px}}@media (width<=480px){.qz-page{padding:8px 0!important}.qz-pre-inst-card{border-radius:12px;width:100%!important;box-shadow:none!important;margin:0!important;padding:14px 8px!important}.qz-pre-meta-grid{grid-template-columns:1fr;gap:6px}.qz-pre-meta-item{padding:8px}.qz-pre-rules-box{padding:12px 10px!important}.qz-pre-actions{flex-direction:column-reverse;gap:10px;width:100%}.qz-pre-actions button{justify-content:center!important;width:100%!important}.qz-agree-label{gap:8px}.qz-agree-txt{font-size:.8rem}.qz-rules-list li{font-size:.82rem}.qz-exam-header{flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important;height:auto!important;min-height:52px!important;padding:8px 10px!important}.qz-ex-h-left{gap:8px!important;min-width:0!important}.qz-ex-title{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.92rem!important;overflow:hidden!important}.qz-ex-h-right{flex-shrink:0!important;gap:6px!important}.qz-ex-inst{white-space:nowrap!important;padding:4px 8px!important;font-size:.72rem!important}.qz-ex-timer{white-space:nowrap!important;padding:4px 10px!important;font-size:.78rem!important}.qz-ex-timer strong{white-space:nowrap!important;font-size:.82rem!important}.qz-exam-main{padding:12px 6px!important}.qz-ex-qtxt{margin-bottom:12px!important;font-size:1rem!important;line-height:1.4!important}.qz-ex-opts{gap:8px!important;margin-bottom:16px!important}.qz-ex-opt{border-radius:10px!important;gap:10px!important;padding:8px 12px!important}.qz-ex-opt-txt{font-size:.88rem!important}.qz-ex-qfoot{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.qz-ex-btn-prev,.qz-ex-btn-next{white-space:nowrap!important;flex:1!important;justify-content:center!important;width:auto!important;padding:10px 12px!important;font-size:.85rem!important}.qz-ex-grid-btns{grid-template-columns:repeat(5,1fr);gap:6px;padding:2px}.qz-ex-legends{gap:6px 8px;padding:10px}.qz-res-stats-box{grid-template-columns:1fr;gap:10px}.qz-res-acts{flex-direction:column;width:100%}.qz-rbtn{justify-content:center!important;width:100%!important}}.qz-result-wrapper{max-width:900px;margin:0 auto;padding:24px 16px;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-res-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:28px;padding:32px 36px;animation:.35s both qzUp;display:flex;box-shadow:0 20px 50px -12px #0f172a14}.qz-res-banner{border-bottom:1.5px solid #f1f5f9;padding-bottom:20px}.qz-res-badge-wrap{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.qz-res-topic-chip{color:#4361ee;background:#eef2ff;border:1px solid #c7d2fe;border-radius:99px;padding:4px 12px;font-size:.8rem;font-weight:800}.qz-res-status-chip{border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.qz-res-status-chip.pass{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.qz-res-status-chip.fail{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.qz-res-heading{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:1.8rem;font-weight:900}.qz-res-subheading{color:#64748b;margin:0;font-size:.95rem}.qz-res-hero-grid{grid-template-columns:260px 1fr;align-items:stretch;gap:20px;display:grid}.qz-res-gauge-card{text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:18px 14px;display:flex}.qz-res-gauge-card .qz-ring-wrapper{margin:-10px auto -15px;transform:scale(.82)}.qz-res-badge-message{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0f172a08}.qz-res-emoji{font-size:1.1rem}.qz-res-metrics-grid{grid-template-columns:repeat(2,1fr);gap:14px;height:100%;display:grid}.qz-rm-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;height:100%;padding:16px 18px;transition:all .2s;display:flex}.qz-rm-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 20px #0f172a0d}.qz-rm-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.qz-rm-ico.blue{color:#4361ee;background:#eef2ff}.qz-rm-ico.purple{color:#7c3aed;background:#f5f3ff}.qz-rm-ico.green{color:#10b981;background:#ecfdf5}.qz-rm-ico.red{color:#ef4444;background:#fef2f2}.qz-rm-data{flex-direction:column;display:flex}.qz-rm-val{color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1.25}.qz-rm-val.rv-g{color:#059669}.qz-rm-val.rv-r{color:#dc2626}.qz-rm-total{color:#94a3b8;font-size:.85rem;font-weight:600}.qz-rm-lbl{color:#64748b;margin-top:2px;font-size:.76rem;font-weight:700}.qz-res-breakdown-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.qz-res-bb-head{color:#0f172a;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:800;display:flex}.qz-res-track{background:#e2e8f0;border-radius:99px;width:100%;height:12px;display:flex;overflow:hidden}.qz-track-seg.green{background:#10b981}.qz-track-seg.red{background:#ef4444}.qz-res-track-legend{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.qz-tl-item{color:#475569;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.qz-tl-dot{border-radius:50%;width:8px;height:8px}.qz-tl-dot.green{background:#10b981}.qz-tl-dot.red{background:#ef4444}.qz-tl-dot.total{background:#94a3b8}.qz-res-candidate-bar{border-top:1.5px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.qz-rc-user{align-items:center;gap:12px;display:flex}.qz-rc-avatar{color:#fff;background:linear-gradient(135deg,#ff5e18 0%,#ff8a00 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:800;display:flex}.qz-rc-name{color:#0f172a;font-size:.92rem;font-weight:800;line-height:1.25;display:block}.qz-rc-time{color:#64748b;font-size:.78rem;font-weight:600;display:block}.qz-res-cta-row{align-items:center;gap:12px;display:flex}.qz-res-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;font-family:Plus Jakarta Sans,system-ui,sans-serif!important}.qz-res-btn.sec{color:#334155;background:#fff;border:1.5px solid #cbd5e1}.qz-res-btn.sec:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.qz-res-btn.pri{color:#fff;background:linear-gradient(135deg,#4361ee 0%,#2f4ac7 100%);border:none;box-shadow:0 4px 14px #4361ee4d}.qz-res-btn.pri:hover{background:linear-gradient(135deg,#374df0 0%,#1e3bb3 100%);transform:translateY(-2px);box-shadow:0 8px 20px #4361ee73}@media (width<=768px){.qz-res-card{border-radius:18px;padding:20px 16px}.qz-res-hero-grid{grid-template-columns:1fr}.qz-res-metrics-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.qz-res-metrics-grid{grid-template-columns:1fr}.qz-res-candidate-bar{flex-direction:column;align-items:stretch}.qz-res-cta-row{flex-direction:column;width:100%}.qz-res-btn{justify-content:center;width:100%}}.cd-wrap{--font:"Inter", system-ui, sans-serif;--fontH:"Plus Jakarta Sans", "Inter", sans-serif;--text:#111827;--text2:#6b7280;--text3:#9ca3af;--bg:#fff;--card:#fff;--border:#00000012;--border2:#0000001c;--s0:0 1px 3px #0000000a;--s1:0 4px 20px #00000012, 0 1px 4px #00000008;--s2:0 12px 40px #0000001a, 0 3px 10px #0000000d;--s3:0 24px 60px #00000021, 0 6px 18px #0000000f;--r1:8px;--r2:12px;--r3:16px;--r4:20px;--r5:28px;--rpill:999px;--ease:cubic-bezier(.4, 0, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--t1:.13s;--t2:.22s;--t3:.36s;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:28px 32px 56px}.cd-course-card,.motion-3d-card{--course-color:#6366f1;--course-color-lt:#eef2ff}[data-course-id=html]{--course-color:#e34f26;--course-color-lt:#fbebe6}[data-course-id=css3]{--course-color:#1572b6;--course-color-lt:#e8f1f8}[data-course-id=javascript]{--course-color:#f7df1e;--course-color-lt:#fefce8}[data-course-id=bootstrap]{--course-color:#7952b3;--course-color-lt:#f2eef7}[data-course-id=reactjs]{--course-color:#61dafb;--course-color-lt:#effbfe}[data-course-id=angular]{--course-color:#dd0031;--course-color-lt:#fce6eb}[data-course-id=genai]{--course-color:#d946ef;--course-color-lt:#fdf4ff}[data-course-id=agenticai]{--course-color:#8b5cf6;--course-color-lt:#ede9fe}[data-course-id=ai-agent-automation]{--course-color:#7c3aed;--course-color-lt:#f5f3ff}[data-course-id=capstone-project]{--course-color:#ec4899;--course-color-lt:#fdf2f8}[data-course-id=ml]{--course-color:#ff6f00;--course-color-lt:#fff0e5}[data-course-id=dl]{--course-color:#ee4c2c;--course-color-lt:#fdeded}[data-course-id=prompt-eng]{--course-color:#10b981;--course-color-lt:#ecfdf5}[data-course-id=csharp]{--course-color:#4f46e5;--course-color-lt:#eef2ff}[data-course-id=adv-csharp]{--course-color:#2563eb;--course-color-lt:#eff6ff}[data-course-id=aspnet-mvc],[data-course-id=mvc]{--course-color:#7c3aed;--course-color-lt:#f5f3ff}[data-course-id=dotnet-rest]{--course-color:#0284c7;--course-color-lt:#f0f9ff}[data-course-id=microservices-net]{--course-color:#9333ea;--course-color-lt:#faf5ff}[data-course-id=core-dotnet],[data-course-id=oops-dotnet],[data-course-id=aspnet]{--course-color:#0284c7;--course-color-lt:#f0f9ff}[data-course-id=java]{--course-color:#0f766e;--course-color-lt:#f0fdfa}[data-course-id=adv-java],[data-course-id=oops]{--course-color:#b91c1c;--course-color-lt:#fef2f2}[data-course-id=springboot]{--course-color:#16a34a;--course-color-lt:#f0fdf4}[data-course-id=java-rest]{--course-color:#007396;--course-color-lt:#e6f1f4}[data-course-id=microservices]{--course-color:#ea580c;--course-color-lt:#fff7ed}[data-course-id=python],[data-course-id=core-python]{--course-color:#3776ab;--course-color-lt:#ebf1f6}[data-course-id=adv-python],[data-course-id=oops-python]{--course-color:#0284c7;--course-color-lt:#f0f9ff}[data-course-id=django-flask],[data-course-id=django]{--course-color:#092e20;--course-color-lt:#e6eae8}[data-course-id=python-rest],[data-course-id=fastapi]{--course-color:#009688;--course-color-lt:#e6f4f3}[data-course-id=python-microservices],[data-course-id=flask]{--course-color:#1e293b;--course-color-lt:#f1f5f9}[data-course-id=nodejs]{--course-color:#393;--course-color-lt:#ebf5eb}[data-course-id=express]{--course-color:#000;--course-color-lt:#e6e6e6}[data-course-id=nestjs]{--course-color:#e0234e;--course-color-lt:#fce8ec}[data-course-id=graphql]{--course-color:#e10098;--course-color-lt:#fce5f4}[data-course-id=typescript]{--course-color:#3178c6;--course-color-lt:#eaf1f9}[data-course-id=mongodb]{--course-color:#47a248;--course-color-lt:#edf6ed}[data-course-id=mysql]{--course-color:#4479a1;--course-color-lt:#ecf1f5}[data-course-id=postgresql]{--course-color:#336791;--course-color-lt:#eaf0f4}[data-course-id=sqlserver]{--course-color:#cc292b;--course-color-lt:#faeaea}[data-course-id=oracle]{--course-color:#f80000;--course-color-lt:#fee5e5}[data-course-id=git]{--course-color:#f05032;--course-color-lt:#fdeeeb}[data-course-id=docker]{--course-color:#2496ed;--course-color-lt:#e9f5fd}[data-course-id=kubernetes]{--course-color:#326ce5;--course-color-lt:#eaf0fc}[data-course-id=jenkins]{--course-color:#d33833;--course-color-lt:#fbe9e9}[data-course-id=aws]{--course-color:#232f3e;--course-color-lt:#e9eaeb}[data-course-id=azure-devops]{--course-color:#0078d4;--course-color-lt:#e6f2fb}[data-course-id=powerbi]{--course-color:#eab308;--course-color-lt:#fefce8}[data-course-id=tableau]{--course-color:#ea580c;--course-color-lt:#fff7ed}[data-course-id=excel-sql]{--course-color:#059669;--course-color-lt:#ecfdf5}[data-course-id=pandas-numpy]{--course-color:#0284c7;--course-color-lt:#f0f9ff}[data-course-id=data-vis]{--course-color:#0891b2;--course-color-lt:#ecfeff}[data-course-id=ethical-hacking]{--course-color:#e11d48;--course-color-lt:#fff1f2}[data-course-id=network-security]{--course-color:#be123c;--course-color-lt:#ffe4e6}[data-course-id=web-security]{--course-color:#9f1239;--course-color-lt:#fecdd3}[data-course-id=cryptography]{--course-color:#b91c1c;--course-color-lt:#fef2f2}[data-course-id=cyber-defense]{--course-color:#4c1d95;--course-color-lt:#f3e8ff}.cd-wrap *,.cd-wrap :before,.cd-wrap :after{box-sizing:border-box}.cd-wrap button{font-family:var(--font);cursor:pointer}.cd-page{animation:cdUp var(--t3) var(--ease) both}@keyframes cdUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cd-page-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#eef2ff 100%);border:1px solid #6366f12e;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:5px;padding:15px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 35px -8px #6366f117,0 4px 12px #00000008}.cd-page-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.cd-page-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#ec489914 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-40px;left:20%}.cd-page-title{font-family:var(--fontH);color:#0f172a;letter-spacing:-1px;z-index:1;margin:0 0 6px;font-size:2.2rem;font-weight:900;position:relative}.cd-page-title span{background:linear-gradient(120deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cd-page-sub{color:#475569;z-index:1;margin:0;font-size:.95rem;position:relative}.cd-ph-right{z-index:1;background:#fff;border:1px solid #6366f126;border-radius:18px;flex-shrink:0;align-items:center;gap:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #0000000f,0 0 12px #6366f10a}.cd-ph-stat{text-align:center;padding:14px 24px}.cd-ph-stat-val{font-family:var(--fontH);color:#0f172a;letter-spacing:-.5px;font-size:1.45rem;font-weight:900;line-height:1;display:block}.cd-ph-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.8px;margin-top:4px;font-size:.68rem;font-weight:700}.cd-ph-divider{background:#6366f126;width:1px;height:44px}.cd-tracks-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.cd-track-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r4);box-shadow:var(--s1);cursor:pointer;transition:all var(--t2) var(--spring);flex-direction:column;display:flex;position:relative;overflow:hidden}.cd-track-card:hover{box-shadow:var(--s2);border-color:rgba(var(--tc), .2);transform:translateY(-6px)}.cd-tc-bar{flex-shrink:0;width:100%;height:4px}.cd-track-card>:not(.cd-tc-bar):not(.cd-tc-btn){padding-left:18px;padding-right:18px}.cd-tc-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;padding-top:16px!important}.cd-tc-icon{border:1.5px solid var(--border2);width:44px;height:44px;transition:transform var(--t2) var(--spring);border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.cd-track-card:hover .cd-tc-icon{transform:scale(1.08)rotate(-5deg)}.cd-tc-icon img{object-fit:contain;width:100%;height:100%}.cd-tc-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:var(--rpill);border:1px solid;padding:3px 10px;font-size:.65rem;font-weight:800}.cd-tc-title{font-family:var(--fontH);color:var(--text);letter-spacing:-.3px;margin:0 0 10px;padding-left:18px;padding-right:18px;font-size:1.15rem;font-weight:800}.cd-tc-meta{color:var(--text2);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding-left:18px;padding-right:18px;font-size:.72rem;font-weight:600;display:flex}.cd-tc-meta span{align-items:center;gap:5px;display:flex}.cd-tc-techs{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;padding-left:22px;padding-right:22px;display:flex}.cd-tc-chip{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rpill);color:var(--text2);transition:all var(--t1);align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:flex}.cd-track-card:hover .cd-tc-chip{border-color:var(--border2)}.cd-tc-chip-img{object-fit:contain;width:16px;height:16px}.cd-more{color:var(--text3);background:#f3f4f6;font-weight:700}.cd-tc-prog-wrap{margin-bottom:18px;padding-left:22px;padding-right:22px}.cd-tc-prog-info{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.cd-tc-prog-lbl{color:var(--text3);font-size:.74rem;font-weight:600}.cd-tc-prog-pct{font-size:.82rem;font-weight:800}.cd-tc-prog-track{background:var(--bg);border-radius:var(--rpill);height:7px;overflow:hidden}.cd-tc-prog-fill{border-radius:var(--rpill);height:100%;transition:width 1s var(--ease) .3s;min-width:6px}.cd-tc-btn{border-radius:var(--r2);color:#fff;letter-spacing:.2px;width:calc(100% - 36px);transition:all var(--t1) var(--ease);border:none;justify-content:center;align-items:center;gap:6px;margin:auto 18px 18px;padding:10px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001f}.cd-tc-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.cd-hero{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r4);box-shadow:var(--s1);animation:cdUp var(--t3) var(--ease) both 50ms;align-items:center;gap:36px;margin-bottom:24px;padding:30px 36px;display:flex;position:relative;overflow:hidden}.cd-hero:before{content:"";background:var(--track-gradient,linear-gradient(90deg, var(--track-color), #818cf8));height:4px;position:absolute;top:0;left:0;right:0}.cd-hero:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--track-color) 12%, transparent), transparent 65%);pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.cd-hero-left{z-index:1;flex:1;position:relative}.cd-hero-badge{letter-spacing:1.2px;text-transform:uppercase;border-radius:var(--rpill);border:1px solid;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:.68rem;font-weight:800;display:inline-flex}.cd-hero-title{font-family:var(--fontH);letter-spacing:-.8px;margin:0 0 8px;font-size:2rem;font-weight:900}.cd-hero-sub{color:var(--text2);max-width:540px;margin:0 0 16px;font-size:.9rem;line-height:1.65}.cd-hero-meta{color:var(--text2);flex-wrap:wrap;align-items:center;gap:16px;font-size:.8rem;font-weight:500;display:flex}.cd-hero-meta span{align-items:center;gap:6px;display:flex}.cd-hero-right{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:18px;display:flex;position:relative}.cd-progress-ring-wrap{width:110px;height:110px;position:relative}.cd-pr-svg{width:110px;height:110px;transform:rotate(-90deg)}.cd-pr-bg{fill:none;stroke:var(--bg);stroke-width:8px}.cd-pr-fill{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1) .3s}.cd-pr-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cd-pr-pct{font-family:var(--fontH);letter-spacing:-1px;font-size:1.6rem;font-weight:900;line-height:1}.cd-pr-sub{color:var(--text3);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px;font-size:.62rem;font-weight:700}.cd-hero-stats{gap:16px;display:flex}.cd-hs{text-align:center}.cd-hs-val{font-family:var(--fontH);color:var(--text);letter-spacing:-.5px;font-size:1.3rem;font-weight:800;line-height:1;display:block}.cd-hs-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.7px;margin-top:3px;font-size:.67rem;font-weight:600}.cd-courses-grid{scrollbar-width:thin;scrollbar-color:#0f172a1f transparent;animation:cdUp var(--t3) var(--ease) both .1s;flex-wrap:nowrap;gap:20px;padding-bottom:14px;display:flex;overflow-x:auto}.cd-courses-grid::-webkit-scrollbar{height:6px}.cd-courses-grid::-webkit-scrollbar-track{background:#0f172a08;border-radius:99px}.cd-courses-grid::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:99px;transition:all .2s}.cd-courses-grid::-webkit-scrollbar-thumb:hover{background:#0f172a40}.cd-course-card.motion-3d-card{cursor:pointer;width:210px;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity, box-shadow;background:#fff;border:1.5px solid #6366f11f;border-radius:18px;flex-direction:column;flex-shrink:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000000d,0 2px 8px #6366f10a}.cd-course-card.motion-3d-card.cd-card-hidden{opacity:0;pointer-events:none;transform:perspective(800px)translateY(-55px)scale(.92)}.cd-course-card.motion-3d-card.cd-card-show{opacity:1;transform:perspective(800px)translateY(0)scale(1)}.cd-course-card.motion-3d-card:hover{border-color:#6366f166;box-shadow:0 22px 45px -10px #6366f138,0 8px 20px #00000014}.cd-course-card.motion-3d-card .cd-cc-banner{transform-style:preserve-3d;transform:translateZ(14px)}.cd-course-card.motion-3d-card .cd-cc-banner-watermark{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:translateZ(24px)}.cd-course-card.motion-3d-card:hover .cd-cc-banner-watermark{transform:translateZ(32px)scale(1.15)rotate(-10deg)}.cd-course-card.motion-3d-card .cd-cc-body{transform:translateZ(10px)}.cd-course-card.motion-3d-card .cd-cc-arrow-circle{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:translateZ(16px)}.cd-course-card.motion-3d-card:hover .cd-cc-arrow-circle{transform:translateZ(22px)scale(1.15)}.cd-category-section{animation:.7s cubic-bezier(.16,1,.3,1) both category3dEntrance}@keyframes category3dEntrance{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cd-cc-banner{text-align:center;color:#fff;justify-content:center;align-items:center;height:80px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.cd-cc-banner-title{font-family:var(--fontH);z-index:1;text-shadow:0 1px 2px #00000026;font-size:.95rem;font-weight:800;line-height:1.3}.cd-cc-banner-watermark{pointer-events:none;color:#fff;transition:all var(--t2) var(--spring);justify-content:flex-end;align-items:flex-end;line-height:1;display:flex;position:absolute;bottom:-10px;right:-10px}.cd-course-card:hover .cd-cc-banner-watermark{transform:scale(1.15)rotate(-10deg)}.cd-cc-body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.cd-cc-rating-row{color:#64748b;align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:flex}.cd-cc-star{color:#fb923c;font-size:.85rem;line-height:1}.cd-cc-rating-val{color:#0f172a;font-weight:800}.cd-cc-reviews{opacity:.8}.cd-cc-title{font-family:var(--fontH);color:#1e293b;letter-spacing:-.2px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.cd-cc-meta-row{color:#475569;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:10px;font-size:.74rem;font-weight:700;display:flex}.cd-cc-meta-col{align-items:center;gap:5px;display:flex}.cd-cc-meta-icon{color:#64748b;opacity:.8}.cd-cc-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.cd-cc-view-btn{letter-spacing:.2px;transition:all var(--t1);border:none;border-radius:99px;padding:6px 14px;font-size:.74rem;font-weight:800;box-shadow:0 2px 6px #00000005}.cd-cc-view-btn:hover{filter:brightness(.96)}.cd-cc-arrow-circle{width:28px;height:28px;transition:all var(--t2) var(--spring);border-radius:50%;justify-content:center;align-items:center;display:flex}.cd-course-card:hover .cd-cc-arrow-circle{transform:scale(1.12)}.cd-cc-status-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:10px;right:10px}.cd-cc-status-icon.done{color:#10b981}.cd-cc-status-icon.locked{color:#ffffffbf}.cd-empty{text-align:center;color:var(--text3);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:60px 32px;display:flex}.cd-empty p{color:var(--text2);font-size:.9rem}@media (width<=768px){.cd-courses-grid{gap:14px;flex-wrap:nowrap!important;display:flex!important;overflow-x:auto!important}.cd-course-card{width:230px!important}}@media (width<=600px){.cd-page-header{flex-direction:column;align-items:flex-start;gap:16px}.cd-ph-right{justify-content:center;width:100%;margin-left:0}.cd-ph-stat{flex:1;padding:10px 16px}}@media (width<=480px){.cd-controls{flex-direction:column;align-items:stretch;gap:12px}.cd-controls .cd-search{max-width:100%}.cd-filter-pills{justify-content:flex-start;gap:6px;width:100%}.cd-pill{text-align:center;flex:1;justify-content:center;padding:6px 12px;font-size:.75rem}.cd-category-title{margin-bottom:12px!important;font-size:1.2rem!important}}.cd-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.cd-controls-left{color:#334155;align-items:center;gap:10px;display:flex}.cd-ctrl-icon{color:#6366f1}.cd-ctrl-title{font-family:var(--fontH);color:#1e293b;font-size:1.1rem;font-weight:800}.cd-back-btn{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #6366f133;border-radius:99px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f114}.cd-back-btn:hover{color:#fff;background:#4f46e5;transform:translate(-3px);box-shadow:0 6px 16px #4f46e540}.cd-search-input-box{background:#fff;border:1px solid #0000001a;border-radius:99px;align-items:center;gap:10px;min-width:280px;padding:8px 18px;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.cd-search-input-box:focus-within{border-color:#6366f1;box-shadow:0 4px 16px #6366f126}.cd-search-ico{color:#94a3b8}.cd-search-input-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem}.cd-category-grid-wrapper{animation:.4s both cdUp}.cd-cat-grid-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cd-cgh-left{align-items:center;gap:14px;display:flex}.cd-cgh-icon-box{background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 6px 16px #6366f140}.cd-cgh-title{font-family:var(--fontH);color:#1e1b4b;letter-spacing:-.4px;margin:0 0 2px;font-size:1.5rem;font-weight:800}.cd-cgh-subtitle{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.cd-cgh-view-all{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex}.cd-cgh-view-all:hover{background:#4f46e514;transform:translate(2px)}.cd-categories-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1200px){.cd-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.cd-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.cd-categories-grid{grid-template-columns:1fr}}.cd-cat-card-img-style{cursor:pointer;background:#fff;border:1.5px solid #00000012;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:135px;padding:16px 18px 14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.cd-cat-card-img-style:hover{border-color:#00000026;transform:translateY(-5px);box-shadow:0 16px 32px -6px #00000014}.cd-cat-white-lines{pointer-events:none;z-index:1;opacity:1;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.cd-cat-card-img-style:hover .cd-cat-white-lines{transform:scale(1.06)rotate(1deg)}.cd-cat-blob{opacity:.07;pointer-events:none;filter:blur(10px);z-index:0;border-radius:50%;width:130px;height:130px;position:absolute;top:-30px;right:-30px}.cd-cat-top-row{z-index:10;justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex;position:relative}.cd-cat-icon-container{border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex;box-shadow:0 6px 16px #0000001f}.cd-cat-card-img-style:hover .cd-cat-icon-container{transform:scale(1.08)rotate(-4deg)}.cd-cat-popular-pill{color:#fff;letter-spacing:.4px;text-transform:uppercase;background:#059669;border:1px solid #fff6;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:800;animation:3s ease-in-out infinite badgePulseGlow;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000026}.cd-cat-popular-pill:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffffd9 50%,#fff0 100%);width:50%;height:200%;animation:2.2s cubic-bezier(.4,0,.2,1) infinite badgeShimmer;position:absolute;top:-50%;left:-75%;transform:rotate(25deg)}.cd-badge-sparkle-ico{color:#fff;animation:1.8s ease-in-out infinite alternate sparkleTwinkle}@keyframes badgeShimmer{0%{left:-75%}50%,to{left:125%}}@keyframes badgePulseGlow{0%,to{filter:brightness()drop-shadow(0 0 3px #ffffff4d);transform:scale(1)}50%{filter:brightness(1.15)drop-shadow(0 0 10px #fffc);transform:scale(1.05)}}@keyframes sparkleTwinkle{0%{opacity:.7;transform:scale(.8)rotate(0)}to{opacity:1;transform:scale(1.2)rotate(45deg)}}.cd-cat-card-title{font-family:var(--fontH);color:#1e1b4b;letter-spacing:-.3px;z-index:10;margin:0 0 10px;font-size:1.05rem;font-weight:800;line-height:1.3;position:relative}.cd-cat-card-footer{z-index:10;justify-content:space-between;align-items:center;margin-top:auto;display:flex;position:relative}.cd-cat-courses-text{color:#64748b;font-size:.84rem;font-weight:600}.cd-cat-arrow-btn{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .25s;display:flex;box-shadow:0 4px 12px #0000001f}.cd-cat-card-img-style:hover .cd-cat-arrow-btn{transform:translate(4px)scale(1.08);box-shadow:0 6px 16px #0003}.cd-cat-banner{border:1px solid;border-radius:18px;align-items:center;gap:20px;margin-bottom:28px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #00000008}.cd-cb-emoji-box{background:#fff;border:1px solid;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.cd-cb-emoji{font-size:1.6rem}.cd-cb-content{flex:1}.cd-cb-content h2{font-family:var(--fontH);color:#0f172a;margin:0 0 4px;font-size:1.35rem;font-weight:800}.cd-cb-content p{color:#475569;margin:0;font-size:.88rem}.cd-cb-badge{border-radius:99px;flex-shrink:0;padding:6px 14px;font-size:.78rem;font-weight:800;box-shadow:0 2px 8px #0000001a}.cd-category-courses-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.cd-search-heading{color:#334155;margin-bottom:20px;font-size:1.05rem;font-weight:600}.recordings-split-layout{background-color:#fff;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.recording-main-video{-ms-overflow-style:none;scrollbar-width:none;background-color:#f8fafc;flex-direction:column;flex:1;padding:0;display:flex;overflow-y:auto}.recording-main-video::-webkit-scrollbar{display:none}.video-player-container{flex-direction:column;width:100%;display:flex}.cr-video-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.cr-iframe{width:100%;height:calc(100% + 120px);position:absolute;top:-60px;left:0}.cr-loading-screen{color:#475569;background:#f8fafc;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.check-icon-done{color:#10b981}.recording-sidebar{z-index:10;background:#fff;flex-direction:column;width:400px;display:flex;box-shadow:-4px 0 25px #0000000d}.recording-sidebar-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px}.course-title-nice{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:800;display:flex}.course-title-icon{color:#6366f1}.rc-acc-menu{flex:1;padding:12px;overflow-y:auto}.rc-acc-menu::-webkit-scrollbar{width:6px}.rc-acc-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.rc-acc-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:5px;overflow:hidden;box-shadow:0 2px 5px #00000005}.rc-acc-header{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.rc-acc-header:hover{background:#f8fafc}.rc-acc-header.rc-expanded{background:#f1f5f9;border-bottom:1px solid #e2e8f0}.rc-title-row{align-items:center;gap:12px;display:flex}.rc-sec-text{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:2px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;display:flex;overflow:hidden}.rc-book-icon{color:#6366f1}.rc-sec-num{color:#64748b;letter-spacing:.5px;font-size:.85rem;font-weight:700}.rc-sec-name{color:#0f172a;font-size:1.05rem;font-weight:600}.section-header-right{align-items:center;gap:12px;display:flex}.rc-chevron-icon{color:#94a3b8;align-items:center;display:flex}.rc-acc-body{background:#f8fafc;padding:8px}.accordion-item-card{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s;display:flex}.accordion-item-card:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.accordion-item-card.active{background:#eef2ff;border-color:#c7d2fe}.accordion-item-card.locked-item{opacity:.6;cursor:not-allowed}.item-number-circle{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.accordion-item-card.active .item-number-circle{color:#fff;background:#6366f1}.item-details-container{flex:1}.item-name{color:#334155;margin-bottom:4px;font-size:.9rem;font-weight:600}.accordion-item-card.active .item-name{color:#4338ca}.item-meta{color:#94a3b8;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.meta-icon{color:#cbd5e1}@media (width<=900px){.recordings-split-layout{flex-direction:column;height:auto;overflow:visible}.recording-main-video{z-index:100;flex:none;width:100%;position:sticky;top:0;box-shadow:0 4px 20px #0000001a}.recording-sidebar{width:100%;height:auto;box-shadow:none;border-top:1px solid #e2e8f0}.rc-acc-menu{max-height:none;overflow-y:visible}}.cr-custom-fullscreen-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;background:#0f172ab3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 12px #0000004d}.cr-custom-fullscreen-btn:hover{background:#0f172ae6;transform:scale(1.08);box-shadow:0 6px 16px #0006}.cr-custom-fullscreen-btn:active{transform:scale(.95)}.cr-video-wrapper:fullscreen{background:#000!important;width:100vw!important;height:100vh!important;overflow:hidden!important}.cr-video-wrapper:fullscreen{background:#000!important;width:100vw!important;height:100vh!important;overflow:hidden!important}.cr-video-wrapper:fullscreen{background:#000!important;width:100vw!important;height:100vh!important;overflow:hidden!important}.cr-video-wrapper:fullscreen{background:#000!important;width:100vw!important;height:100vh!important;overflow:hidden!important}@media (orientation:landscape){:-webkit-any(.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:-webkit-full-screen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe){width:100%!important;height:calc(100% + 145px)!important;position:absolute!important;top:-60px!important;left:0!important}:-moz-any(.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:-moz-full-screen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe){width:100%!important;height:calc(100% + 145px)!important;position:absolute!important;top:-60px!important;left:0!important}:is(.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:-ms-fullscreen .cr-iframe){width:100%!important;height:calc(100% + 145px)!important;position:absolute!important;top:-60px!important;left:0!important}:is(.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe){width:100%!important;height:calc(100% + 145px)!important;position:absolute!important;top:-60px!important;left:0!important}}@media (orientation:portrait){:-webkit-any(.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:-webkit-full-screen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe){width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}:-moz-any(.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:-moz-full-screen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe){width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}:is(.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:-ms-fullscreen .cr-iframe){width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}:is(.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe,.cr-video-wrapper:fullscreen .cr-iframe){width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}}@media (width<=768px){.cr-iframe{height:calc(100% + 80px)!important;top:-30px!important}.cr-custom-fullscreen-btn{width:36px!important;height:36px!important;bottom:12px!important;right:12px!important}.cr-custom-fullscreen-btn svg{width:16px!important;height:16px!important}}.cr-video-info-box{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.cr-vib-left{flex-direction:column;display:flex}.cr-vib-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.cr-action-link-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.cr-action-link-btn.compiler-btn{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.cr-action-link-btn.compiler-btn:hover{color:#1e293b;background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.cr-action-link-btn.quiz-btn{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.cr-action-link-btn.quiz-btn:hover{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.cr-active-topic-name{color:#0f172a;margin:0 0 6px;font-family:Outfit,Inter,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.3}.cr-video-metadata{align-items:center;gap:12px;display:flex}.cr-meta-badge{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;background:#eff6ff;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600}.cr-meta-duration{color:#64748b;align-items:center;font-size:.875rem;font-weight:500;display:flex}.cr-suggestions-section{padding:20px 24px}.cr-suggestions-title{color:#1e293b;margin:0 0 14px;font-size:1.1rem;font-weight:700}.cr-suggestions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,230px));gap:20px;width:100%;padding:4px 0 24px;display:grid}.cr-suggestions-grid .cd-course-card{flex-shrink:1!important;width:100%!important;min-width:0!important;max-width:230px!important}.cr-suggestions-grid .cd-cc-banner-title,.cr-suggestions-grid .cd-cc-title{font-size:1.1rem!important}.cr-suggestions-grid .cd-cc-banner-watermark svg{width:50px!important;height:50px!important}.cr-suggestions-grid .cd-cc-body{padding:12px 14px 14px!important}.cr-suggestions-grid .cd-cc-meta-row{justify-content:flex-start!important;gap:12px!important;padding-top:8px!important;font-size:.68rem!important}.cr-suggestions-grid .cd-cc-meta-col{white-space:nowrap!important;gap:4px!important}.cr-suggestions-grid .cd-cc-footer{margin-top:8px!important}@media (width<=600px){.cr-video-info-box{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px!important}.cr-active-topic-name{font-size:1.25rem!important}.cr-vib-right{gap:10px!important;width:100%!important;display:flex!important}.cr-action-link-btn{flex:1!important;justify-content:center!important;padding:8px 10px!important;font-size:.75rem!important}.cr-suggestions-section{padding:16px!important}.cr-suggestions-grid{gap:16px!important}}.cr-video-placeholder-container{text-align:center;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;margin:20px 0;padding:24px;display:flex}.cr-placeholder-icon{color:#94a3b8;margin-bottom:16px}.cr-placeholder-title{color:#334155;margin-bottom:8px;font-size:1.25rem;font-weight:700}.cr-placeholder-text{color:#64748b;max-width:320px;margin:0 auto;font-size:.9rem}.cr-sidebar-subtext{color:#64748b;align-items:center;gap:6px;margin-left:32px;font-size:.85rem;font-weight:600;display:flex}.cr-clock-icon{margin-right:4px}.cr-video-watermark-overlay{pointer-events:none;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffbf;letter-spacing:.5px;-webkit-user-select:none;user-select:none;background:#0f172a73;border:1px solid #ffffff26;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;position:absolute;top:16px;left:20px}.prf-full-arena{--font:"PT Serif Caption", serif;--fontH:"Outfit", sans-serif;font-family:var(--font);color:#0f172a;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 0 64px;font-weight:400;animation:.35s both prfFade}.prf-full-arena *,.prf-full-arena :before,.prf-full-arena :after{box-sizing:border-box}@keyframes prfFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.prf-toast{border-radius:16px;align-items:center;gap:10px;margin:0 24px 24px;padding:14px 20px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000000d}.prf-toast.success{color:#047857;background:#ecfdf5;border:1.5px solid #10b981}.prf-toast.error{color:#b91c1c;background:#fef2f2;border:1.5px solid #ef4444}.prf-hero-banner{background:linear-gradient(135deg,#fff 0%,#fcfbfe 60%,#f6f3ff 100%);border:1.5px solid #9333ea1f;border-top:none;border-radius:0 0 28px 28px;justify-content:space-between;align-items:center;gap:36px;margin:0 0 32px;padding:36px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #9333ea14,0 4px 16px #00000005}.prf-hero-left{flex:1;align-items:center;gap:28px;display:flex}.prf-avatar-box{flex-shrink:0;position:relative}.prf-avatar-circle{color:#fff;width:90px;height:90px;font-family:var(--fontH);background:linear-gradient(135deg,#8b5cf6 0%,#4361ee 100%);border:3.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;display:flex;box-shadow:0 10px 25px #8b5cf640}.prf-badge-verified{color:#10b981;white-space:nowrap;background:#fff;border:1px solid #d1fae5;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:800;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000014}.prf-hero-info{text-align:left;flex-direction:column;gap:8px;display:flex}.prf-name-row{align-items:center;gap:14px;display:flex}.prf-name-row h2{font-family:var(--fontH);color:#0f172a;letter-spacing:-.5px;margin:0;font-size:1.85rem;font-weight:900}.prf-role-tag{color:#8b5cf6;background:#f3e8ff;border-radius:99px;padding:4px 12px;font-size:.75rem;font-weight:700}.prf-hero-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prf-meta-chip{color:#64748b;background:#fff;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:500;display:flex}.prf-meta-chip svg{color:#8b5cf6}.prf-hero-stats{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.prf-hchip{color:#475569;background:#fff;border:1.5px solid #f1f5f9;border-radius:99px;align-items:center;gap:8px;padding:6px 16px;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 2px 8px #00000005}.prf-hchip strong{color:#0f172a;font-weight:800}.icon-blue{color:#3b82f6}.prf-hero-right{flex-shrink:0}.prf-edit-btn{color:#fff;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #7c3aed38}.prf-edit-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 24px #7c3aed52}.prf-edit-btn.is-save{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 18px #10b98140}.prf-main-grid{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:32px;padding:0 24px;display:grid}.prf-card{background:#fff;border:1.5px solid #0f172a0f;border-radius:24px;flex-direction:column;padding:32px;display:flex;box-shadow:0 10px 30px -5px #0000000a}.prf-card-header{text-align:left;border-bottom:1.5px solid #f1f5f9;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;display:flex}.prf-ch-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #0000000d}.prf-ch-icon.icon-purple{color:#8b5cf6;background:#f3e8ff}.prf-ch-icon.icon-blue{color:#3b82f6;background:#e0e7ff}.prf-card-header h3{font-family:var(--fontH);color:#0f172a;letter-spacing:-.3px;margin:0 0 2px;font-size:1.35rem;font-weight:800}.prf-card-header p{color:#64748b;margin:0;font-size:.82rem}.prf-fields-column{text-align:left;flex-direction:column;gap:18px;display:flex}.prf-field-row{flex-direction:column;gap:8px;display:flex}.prf-lbl{font-family:var(--fontH);color:#475569;align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:flex}.prf-lbl svg{color:#8b5cf6}.prf-val{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;min-height:48px;padding:12px 16px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 6px #00000005}.prf-val.disabled{color:#64748b;background:#f8fafc;border-color:#f1f5f9}.prf-input{width:100%;font-size:.95rem;font-family:var(--font);color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;min-height:48px;padding:12px 16px;transition:all .2s}.prf-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f}select.prf-input{cursor:pointer}@media (width<=992px){.prf-main-grid{grid-template-columns:1fr}}@media (width<=768px){.prf-hero-banner{flex-direction:column;align-items:flex-start;padding:24px}.prf-hero-left{flex-direction:column;align-items:flex-start;gap:16px}.prf-card{padding:24px}.prf-main-grid,.prf-toast{padding:0 16px}}.rb-container{box-sizing:border-box;width:100%;min-height:100vh;padding:20px 24px 60px;font-family:Outfit,sans-serif;animation:.4s cubic-bezier(.16,1,.3,1) forwards rbFadeIn}@keyframes rbFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rb-hero{color:#fff;background:radial-gradient(circle at 10% 20%,#6366f126 0%,#0000 45%),radial-gradient(circle at 90% 80%,#10b9811f 0%,#0000 45%),linear-gradient(135deg,#0a0f1d 0%,#0f172a 60%,#1e1b4b 100%);border:1px solid #ffffff0d;border-radius:24px;justify-content:space-between;align-items:center;gap:32px;margin-top:10px;margin-bottom:24px;padding:36px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0a0f1d4d}.rb-hero-main{flex-direction:column;flex:1.2;gap:20px;min-width:320px;display:flex}.rb-hero-right{flex-direction:column;flex:1.3;align-items:flex-end;gap:16px;min-width:440px;display:flex}.rb-hero-stats{align-items:stretch;gap:16px;width:100%;display:flex}.rb-hero-stats .rb-prog-card,.rb-hero-stats .rb-ats-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:200px;display:flex;box-shadow:none!important;color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;border-radius:16px!important;padding:16px 20px!important}.rb-hero-stats .rb-prog-title,.rb-hero-stats .rb-ats-badge span{color:#e2e8f0!important;font-size:.82rem!important;font-weight:700!important}.rb-hero-stats .rb-ats-badge{color:#fff!important;font-size:.82rem!important}.rb-hero-stats .rb-prog-val{font-size:1.2rem;font-weight:800;color:#60a5fa!important}.rb-hero-stats .rb-prog-track,.rb-hero-stats .rb-ats-progress-bar{background:#ffffff26!important}.rb-hero-stats .rb-prog-fill{background:linear-gradient(90deg,#3b82f6,#6366f1)!important}.rb-hero-stats .rb-ats-suggestions,.rb-hero-stats .rb-ats-perfect{display:none!important}.rb-hero-badge{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.2px;background:linear-gradient(90deg,#6366f138 0%,#10b98126 100%);border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #0000000d}.rb-hero-badge svg{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf2499);animation:2s ease-in-out infinite badgeSparklePulse}@keyframes badgeSparklePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 6px #fbbf24cc);transform:scale(1.15)}}.rb-hero-text h1{color:#fff;letter-spacing:-.8px;margin:0 0 10px;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:900;line-height:1.15}.rb-hero-accent{background:linear-gradient(90deg,#60a5fa 0%,#a78bfa 50%,#f472b6 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #6366f126);-webkit-background-clip:text}.rb-hero-text p{color:#e2e8f0;opacity:.95;max-width:550px;margin:0;font-size:.98rem;font-weight:500;line-height:1.55}.rb-hero-actions{align-items:center;gap:12px;display:flex}.rb-btn-download{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 8px 20px #2563eb59}.rb-btn-download:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2563eb73}.rb-btn-print{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex}.rb-btn-print:hover{background:#ffffff40;transform:translateY(-2px)}.rb-tracker-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.rb-tracker-row{grid-template-columns:1fr}}.rb-prog-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;gap:10px;padding:18px 24px;display:flex;box-shadow:0 8px 30px #0000000a}.rb-prog-head{justify-content:space-between;align-items:center;display:flex}.rb-prog-title{color:#334155;font-size:.9rem;font-weight:700}.rb-prog-val{color:#2563eb;font-size:1.1rem;font-weight:800}.rb-prog-track{background:#f1f5f9;border-radius:99px;width:100%;height:8px;overflow:hidden}.rb-prog-fill{border-radius:99px;height:100%;transition:width .4s}.rb-ats-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:10px;padding:18px 24px;display:flex;box-shadow:0 8px 30px #0000000a}.rb-ats-header{justify-content:space-between;align-items:center;display:flex}.rb-ats-badge{color:#0f172a;align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.rb-ats-stars{align-items:center;gap:3px;display:flex}.rb-ats-score-row{align-items:center;gap:14px;display:flex}.rb-ats-score-val{font-size:1.4rem;font-weight:800;line-height:1}.rb-ats-progress-bar{background:#f1f5f9;border-radius:99px;flex:1;height:8px;overflow:hidden}.rb-ats-progress-fill{border-radius:99px;height:100%;transition:width .4s}.rb-ats-suggestions{color:#475569;font-size:.78rem}.rb-ats-sug-title{color:#d97706;align-items:center;gap:4px;margin-bottom:4px;font-weight:700;display:flex}.rb-ats-sug-list{margin:0;padding-left:18px}.rb-ats-perfect{color:#059669;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.rb-layout{grid-template-columns:35% 65%;align-items:start;gap:20px;display:grid}@media (width<=1024px){.rb-layout{grid-template-columns:1fr}}.rb-forms-column{flex-direction:column;gap:8px;display:flex}.rb-acc-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;transition:border-color .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 30px #0000000a}.rb-acc-card.open{border-color:#3b82f6;box-shadow:0 12px 36px #3b82f61f}.rb-acc-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;transition:background .2s;display:flex}.rb-acc-header:hover{background:#f8fafc}.rb-acc-title-group{align-items:center;gap:12px;display:flex}.rb-acc-icon{color:#10b981;background:#10b98114;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.rb-acc-card.open .rb-acc-icon{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98133}.rb-acc-title{color:#0f172a;font-size:.95rem;font-weight:700}.rb-acc-meta{color:#64748b;align-items:center;gap:12px;display:flex}.rb-acc-comp{color:#2563eb;background:#eef2ff;border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:700}.rb-acc-body{border-top:1px solid #f1f5f9;padding:0 22px 22px}.rb-form-section{flex-direction:column;gap:18px;padding-top:18px;display:flex}.rb-section-title{color:#0f172a;align-items:center;gap:10px;margin:0 0 4px;font-size:1.05rem;font-weight:700;display:flex}.rb-grid-2{flex-direction:column;gap:14px;display:flex}.rb-field{flex-direction:column;gap:5px;display:flex}.rb-label{color:#334155;font-size:.82rem;font-weight:700}.rb-input,.rb-select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;max-width:100%;height:40px;padding:0 14px;font-family:Outfit,sans-serif;font-size:.88rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 6px #00000005}.rb-textarea{color:#0f172a;box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:100px;padding:14px 16px;font-family:Outfit,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 6px #00000005}.rb-input:focus,.rb-textarea:focus,.rb-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.rb-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex;position:relative}.rb-item-header{justify-content:space-between;align-items:center;display:flex}.rb-item-num{color:#475569;font-size:.82rem;font-weight:700}.rb-btn-delete{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:700;transition:background .2s;display:flex}.rb-btn-delete:hover{color:#b91c1c;background:#fca5a5}.rb-btn-add{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.rb-btn-add:hover{background:#dbeafe;transform:translateY(-1px)}.rb-template-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:16px;display:grid}.rb-template-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .25s;display:flex;position:relative}.rb-template-card:hover{border-color:#93c5fd;transform:translateY(-3px)}.rb-template-card.active{border-color:#2563eb;transform:scale(1.03);box-shadow:0 8px 20px #2563eb33}.rb-tpl-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.rb-tpl-preview{box-sizing:border-box;background:#f8fafc;border-radius:6px;flex-direction:column;gap:6px;width:100%;height:60px;padding:8px;display:flex}.rb-tpl-dummy-header{border-radius:3px;width:100%;height:12px}.rb-tpl-dummy-line{background:#cbd5e1;border-radius:2px;width:100%;height:4px}.rb-tpl-dummy-line.short{width:60%}.rb-tpl-name{color:#0f172a;font-size:.8rem;font-weight:700}.rb-theme-picker{align-items:center;gap:12px;display:flex}.rb-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .2s}.rb-color-dot:hover{transform:scale(1.15)}.rb-color-dot.active{border-color:#0f172a;transform:scale(1.15);box-shadow:0 4px 12px #0003}.rb-preview-column{flex-direction:column;gap:8px;display:flex;position:sticky;top:20px}.rb-zoom-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 4px 20px #00000005}.rb-zoom-label{color:#1e293b;letter-spacing:-.2px;font-size:.88rem;font-weight:700}.rb-zoom-btns{align-items:center;gap:8px;display:flex}.rb-zoom-btns button{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.rb-zoom-btns button:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.rb-zoom-btns span{color:#0f172a;text-align:center;min-width:44px;font-size:.85rem;font-weight:700}.rb-zoom-fit{width:auto!important;padding:0 10px!important;font-size:.8rem!important;font-weight:700!important}.rb-paper-wrap{box-sizing:border-box;background-color:#f8fafc;background-image:radial-gradient(#e2e8f0 1.5px,#0000 1.5px);background-size:24px 24px;border:1px solid #e2e8f0;border-radius:20px;max-height:90vh;padding:10px;overflow:hidden auto;box-shadow:inset 0 2px 10px #0f172a08}.rb-paper-wrap::-webkit-scrollbar{width:6px}.rb-paper-wrap::-webkit-scrollbar-track{background:0 0}.rb-paper-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.rb-dashboard{grid-template-columns:55% 45%;align-items:start;gap:32px;width:100%;animation:.5s cubic-bezier(.16,1,.3,1) forwards rbFadeIn;display:grid}.rb-dash-left{flex-direction:column;gap:24px;display:flex}.rb-dash-brand-card{flex-direction:column;gap:12px;display:flex}.rb-dash-badge{color:#3b82f6;letter-spacing:.3px;background:#3b82f61a;border:1px solid #3b82f640;border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.rb-dash-title{color:#0f172a;letter-spacing:-.8px;margin:0;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:850;line-height:1.1}.rb-dash-accent{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.rb-dash-desc{color:#475569;max-width:520px;margin:0;font-size:1.05rem;line-height:1.6}.rb-illustration-card{background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:1px solid #e2e8f0;border-radius:24px;justify-content:center;align-items:center;height:200px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000005}.rb-illustration-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #6366f114}.rb-illustration-wrap{justify-content:center;align-items:center;width:100%;max-width:260px;height:100%;display:flex}.rb-resume-illustration{filter:drop-shadow(0 12px 24px #0f172a14);animation:4s ease-in-out infinite floatIllustration}@keyframes floatIllustration{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(1.5deg)}}.rb-dash-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rb-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border:none;border-radius:16px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #6366f14d}.rb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f173}.rb-btn-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:16px;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex}.rb-btn-outline:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.rb-btn-back{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .25s;display:inline-flex}.rb-btn-back:hover{background:#ffffff40;transform:translate(-2px)}.rb-feature-badges{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.rb-badge-item{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000005}.rb-badge-item:hover{color:#0f172a;border-color:#cbd5e1;transform:translateY(-1px)}.badge-check-icon{color:#10b981}.rb-dash-right{width:100%}.rb-analytics-panel{background:#fff;border:1px solid #e2e8f0;border-radius:28px;flex-direction:column;gap:28px;padding:32px;display:flex;box-shadow:0 12px 40px #0000000a}.rb-panel-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.25rem;font-weight:800}.rb-ats-gauge-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:32px;padding:24px;display:flex}.rb-gauge-container{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.rb-circular-gauge{filter:drop-shadow(0 6px 16px #6366f126)}.rb-gauge-val-text{fill:#0f172a;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:850}.rb-gauge-label{color:#475569;font-size:.8rem;font-weight:700}.rb-dash-completion{flex-direction:column;flex:1;gap:12px;display:flex}.rb-completion-label-row{justify-content:space-between;align-items:center;display:flex}.rb-comp-text{color:#1e293b;font-size:.9rem;font-weight:700}.rb-comp-pct{color:#3b82f6;font-size:1.1rem;font-weight:800}.rb-comp-progress-track{background:#cbd5e1;border-radius:99px;width:100%;height:10px;overflow:hidden}.rb-comp-progress-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%)!important}.rb-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rb-stat-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;transition:transform .25s,border-color .25s;box-shadow:0 4px 12px #00000005}.rb-stat-box:hover{border-color:#cbd5e1;transform:translateY(-2px)}.rb-stat-num{color:#0f172a;margin-bottom:2px;font-size:1.6rem;font-weight:850}.rb-stat-label{color:#64748b;font-size:.78rem;font-weight:700}.rb-ai-suggestions-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px 24px;box-shadow:0 6px 20px #00000005}.rb-sug-card-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 14px;font-size:.95rem;font-weight:800;display:flex}.sparkle-gold{color:#d97706}.rb-sug-scroll{max-height:160px;padding-right:4px;overflow-y:auto}.rb-sug-scroll::-webkit-scrollbar{width:5px}.rb-sug-scroll::-webkit-scrollbar-track{background:0 0}.rb-sug-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.rb-sug-list-new{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.rb-sug-item-new{align-items:flex-start;gap:10px;display:flex}.sug-bullet-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.sug-text-new{color:#334155;font-size:.82rem;font-weight:600;line-height:1.4}.rb-sug-success-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.rb-sug-success-state p{color:#059669;margin:0;font-size:.85rem;font-weight:600}@media (width<=1024px){.rb-dashboard{grid-template-columns:1fr;gap:32px}}@media (width<=600px){.rb-dash-title{font-size:2.2rem}.rb-illustration-card{height:160px}.rb-dash-actions{flex-direction:column;align-items:stretch;gap:12px}.rb-btn-primary,.rb-btn-outline{justify-content:center;width:100%}.rb-ats-gauge-section{text-align:center;flex-direction:column;align-items:center;gap:20px}.rb-stats-grid{grid-template-columns:1fr;gap:12px}.rb-analytics-panel{padding:20px}}@media (width<=768px){.rb-hero{flex-direction:column;align-items:stretch;gap:20px!important;padding:24px 20px!important}.rb-hero-main{width:100%;gap:16px!important;min-width:100%!important}.rb-hero-right{width:100%;align-items:stretch!important;gap:16px!important;min-width:100%!important}.rb-hero-actions{justify-content:center!important;align-self:center!important}.rb-hero-stats{width:100%;flex-direction:row!important;gap:12px!important;min-width:100%!important}.rb-hero-stats .rb-prog-card,.rb-hero-stats .rb-ats-card{flex:1!important;min-width:0!important;padding:12px 14px!important}.rb-forms-column{gap:6px!important}.rb-acc-card{border-radius:12px!important}.rb-acc-header{padding:10px 14px!important}}@media (width<=480px){.rb-hero-stats{flex-direction:column!important;gap:10px!important}}.rb-fullscreen-modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;padding:40px 20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards rbModalFadeIn;display:flex;position:fixed;inset:0}@keyframes rbModalFadeIn{0%{opacity:0}to{opacity:1}}.rb-fullscreen-modal-content{background:#f8fafc;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:900px;height:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards rbModalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}@keyframes rbModalSlideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}.rb-fullscreen-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.rb-fullscreen-modal-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.rb-close-modal{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.rb-close-modal:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.05)}.rb-fullscreen-modal-body{background-color:#f1f5f9;background-image:radial-gradient(#cbd5e1 1.5px,#0000 1.5px);background-size:24px 24px;flex:1;justify-content:center;padding:30px;display:flex;overflow-y:auto}.rb-fullscreen-modal-body::-webkit-scrollbar{width:6px}.rb-fullscreen-modal-body::-webkit-scrollbar-track{background:0 0}.rb-fullscreen-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.rb-rich-toolbar{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;margin:0 auto 0 16px;padding:4px 8px;display:flex}.rb-rich-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.rb-rich-btn:hover{color:#0f172a;background:#cbd5e1}.rb-rich-btn:active{transform:scale(.95)}.rb-rich-divider{color:#cbd5e1;margin:0 2px;font-size:.8rem}.rb-rich-font-select{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;height:28px;padding:0 4px;font-size:.8rem;font-weight:600;transition:all .2s}.rb-rich-font-select:hover{color:#0f172a;background:#cbd5e1}.rb-rich-font-select option{color:#0f172a;background:#fff;font-weight:400}@media (width<=900px){.rb-zoom-toolbar{flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 16px!important}.rb-rich-toolbar{order:3;justify-content:center;width:100%;margin:0}}.rp-document{flex-direction:column;align-items:center;gap:32px;min-height:100%;padding:24px 16px 48px;display:flex}.rp-page-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.rb-preview-paper{width:794px;height:1123px;min-height:unset;box-sizing:border-box;color:#111827;word-wrap:break-word;overflow-wrap:break-word;background:#fff;border:1px solid #0f172a14;border-radius:6px;flex-shrink:0;max-width:100%;padding:60px 70px;font-family:Lora,Georgia,serif;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a0a,0 20px 50px #0f172a0f}.rp-header{text-align:center;margin-bottom:10px;padding-bottom:20px}.rp-name{color:#111827;letter-spacing:3px;text-transform:uppercase;margin:0 0 6px;font-family:Georgia,serif;font-size:1.9rem;font-weight:700}.rp-title{color:#374151;letter-spacing:.4px;margin:0 0 14px;font-size:.94rem;font-style:italic;font-weight:400}.rp-contacts{color:#374151;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:2px;font-size:.79rem;display:flex}.rp-contact-item{align-items:center;gap:4px;display:inline-flex}.rp-section{margin-top:30px;margin-bottom:0}.rp-section-title,h2.rp-section-title{color:#111827;text-transform:uppercase;letter-spacing:1.5px;border-bottom:2px solid #111827;margin:0 0 14px;padding-bottom:6px;font-family:Georgia,serif;font-size:.95rem;font-weight:700}.rp-section-heading{margin-top:36px;margin-bottom:14px}.rp-measuring{color:#94a3b8;text-align:center;padding:60px 0;font-size:.85rem}.rp-summary{color:#1f2937;margin:0;font-size:.87rem;line-height:1.85}.rp-item{margin-bottom:22px;padding-bottom:0}.rp-avoid-break{break-inside:avoid;page-break-inside:avoid}.rp-item-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.rp-item-title{color:#111827;font-size:.88rem;font-weight:700}.rp-item-sub{color:#374151;margin-bottom:6px;font-size:.84rem;font-style:italic;font-weight:400}.rp-item-date{color:#4b5563;white-space:nowrap;flex-shrink:0;font-size:.78rem;font-weight:600}.rp-item-desc{color:#374151;margin:7px 0 0;font-size:.85rem;line-height:1.75}.rp-skill-row{flex-wrap:wrap;align-items:baseline;gap:0;margin-bottom:10px;display:flex}.rp-skill-cat{color:#111827;white-space:nowrap;margin-right:6px;font-size:.84rem;font-weight:700}.rp-skill-chip{color:#1f2937;margin-right:4px;font-size:.8rem;font-weight:400;display:inline-block}.rp-skill-chip:after{content:","}.rp-skill-chip:last-child:after{content:""}.rp-crt-item{flex-wrap:wrap;align-items:baseline;gap:0;margin-bottom:10px;display:flex}.rp-crt-name{color:#111827;font-size:.84rem;font-weight:700}.rp-crt-meta{color:#374151;margin-left:8px;font-size:.82rem;font-weight:400}.rp-lang-section{margin-top:0}.rp-lang-row{color:#1f2937;margin-bottom:7px;font-size:.84rem;line-height:1.6}.rp-lang-row strong{color:#111827;font-weight:700}@media print{.sidebar,.mobile-header,.rb-zoom-toolbar,.rb-forms-column,.rb-rich-toolbar,.rb-zoom-btns,.rb-hero{display:none!important}html,body,#root,.app,.dashboard-container,.main-content,.content-area,.rb-container,.rb-layout,.rb-preview-column,.rb-paper-wrap{box-shadow:none!important;border:none!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}body>*{visibility:hidden}.rp-document,.rp-document *{visibility:visible}.rp-document{background:#fff!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.rp-page-wrapper{page-break-before:always;break-before:page}.rp-page-wrapper:first-child{page-break-before:auto;break-before:auto}.rb-preview-paper{width:210mm;min-height:297mm;box-shadow:none;border:none;border-radius:0;padding:12mm 14mm;overflow:visible;transform:none!important}.rp-avoid-break{page-break-inside:avoid;break-inside:avoid}.rp-section-title,h2.rp-section-title{page-break-after:avoid;break-after:avoid}}@page{size:A4;margin:0}.template-modern .rp-section-title,.template-modern h2.rp-section-title{color:var(--theme-color,#111827);border-bottom-color:var(--theme-color,#111827)}.template-modern .rp-name{color:var(--theme-color,#111827)}.template-professional .rb-preview-paper{font-family:Inter,-apple-system,sans-serif}.template-professional .rp-header{text-align:left;border-bottom:2px solid var(--theme-color,#2563eb);padding-bottom:14px}.template-professional .rp-name{text-align:left;letter-spacing:-.5px;color:var(--theme-color,#2563eb);text-transform:none;font-family:Outfit,Inter,sans-serif;font-size:2.2rem}.template-professional .rp-title{text-align:left;color:#4b5563;margin:4px 0 10px;font-family:Inter,sans-serif;font-style:normal;font-weight:600}.template-professional .rp-contacts{justify-content:flex-start;gap:6px 14px}.template-professional .rp-section-title,.template-professional h2.rp-section-title{border-bottom:1.5px solid var(--theme-color,#2563eb);color:#0f172a;letter-spacing:.5px;text-transform:uppercase;font-family:Outfit,Inter,sans-serif}.template-corporate .rb-preview-paper{font-family:Inter,-apple-system,sans-serif}.template-corporate .rp-header{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:24px}.template-corporate .rp-name{color:#0f172a;letter-spacing:.5px;font-family:Inter,sans-serif;font-weight:800}.template-corporate .rp-title{color:var(--theme-color,#2563eb);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-style:normal;font-weight:700}.template-corporate .rp-section-title,.template-corporate h2.rp-section-title{border-bottom:none;border-left:4px solid var(--theme-color,#2563eb);letter-spacing:.5px;background:#f1f5f9;padding:6px 12px;font-family:Inter,sans-serif}.template-minimal .rb-preview-paper{padding:50px 60px;font-family:Inter,-apple-system,sans-serif}.template-minimal .rp-header{text-align:left}.template-minimal .rp-name{letter-spacing:-.5px;text-transform:none;color:#0f172a;font-family:Inter,sans-serif;font-size:2rem;font-weight:700}.template-minimal .rp-title{text-align:left;color:#64748b;margin-bottom:8px;font-style:normal;font-weight:500}.template-minimal .rp-contacts{color:#64748b;justify-content:flex-start}.template-minimal .rp-section-title,.template-minimal h2.rp-section-title{color:var(--theme-color,#2563eb);letter-spacing:1px;border-bottom:none;margin-top:24px;margin-bottom:8px;font-family:Inter,sans-serif;font-size:.8rem}.template-minimal .rp-item{margin-bottom:16px}.template-creative .rb-preview-paper{border-left:8px solid var(--theme-color,#2563eb);border-top-left-radius:0;border-bottom-left-radius:0;font-family:Inter,-apple-system,sans-serif}.template-creative .rp-header{text-align:left}.template-creative .rp-name{text-transform:none;letter-spacing:-.5px;color:var(--theme-color,#2563eb);font-family:Inter,sans-serif;font-size:2.2rem;font-weight:800}.template-creative .rp-title{text-align:left;color:#475569;font-style:normal;font-weight:600}.template-creative .rp-contacts{justify-content:flex-start}.template-creative .rp-section-title,.template-creative h2.rp-section-title{background:var(--theme-color,#2563eb);color:#fff;letter-spacing:.5px;border-bottom:none;border-radius:99px;margin-top:24px;padding:4px 14px;font-family:Inter,sans-serif;font-size:.8rem;display:inline-block}.template-classic .rb-preview-paper{font-family:Lora,Georgia,serif}.template-classic .rp-header{text-align:center;border-bottom:1px double #111827;padding-bottom:12px}.template-classic .rp-name{letter-spacing:1px;text-transform:uppercase;font-family:Playfair Display,serif;font-weight:800}.template-classic .rp-section-title,.template-classic h2.rp-section-title{color:#111827;letter-spacing:1px;border-bottom:3px double #111827;font-family:Times New Roman,serif}[contenteditable=true]{outline:none;min-width:10px;transition:all .2s}[contenteditable=true]:hover{cursor:text;background:#2563eb0a;border-radius:4px}[contenteditable=true]:focus{background:#2563eb14;border-radius:4px;box-shadow:0 0 0 2px #2563eb33}@media print{[contenteditable=true]{box-shadow:none!important;background:0 0!important}}.pd-exact-wrapper{box-sizing:border-box;background:#f8fafc;border-radius:20px;flex-direction:column;width:100%;min-height:calc(100vh - 120px);font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.pd-exact-wrapper *,.pd-exact-wrapper :before,.pd-exact-wrapper :after{box-sizing:border-box}.pd-exact-hero{background:linear-gradient(145deg,#091a30 0%,#11294a 60%,#0b1f3a 100%);padding:56px 48px 80px;position:relative;overflow:hidden}.pd-exact-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf81f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.pd-exact-hero-inner{z-index:1;justify-content:space-between;align-items:center;gap:40px;max-width:1100px;margin:0 auto;display:flex;position:relative}.pd-exact-left{flex:1;max-width:580px}.pd-exact-badge{color:#f59e0b;letter-spacing:1.2px;background:#ffffff14;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.pd-exact-badge-icon{color:#f59e0b}.pd-exact-title{color:#fff;letter-spacing:-.02em;margin:0 0 20px;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;line-height:1.15}.pd-exact-highlight{color:#38bdf8}.pd-exact-desc{color:#94a3b8;max-width:500px;margin:0;font-size:1.05rem;line-height:1.65}.pd-exact-right{flex-shrink:0;justify-content:center;align-items:center;display:flex}.pd-exact-img-wrapper{width:100%;max-width:380px;position:relative}.pd-exact-img{object-fit:cover;border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 20px 40px #00000059}.pd-exact-bottom{z-index:2;background:#f8fafc;margin-top:-45px;padding:0 24px 60px;position:relative}.pd-exact-bottom-inner{flex-direction:column;align-items:center;max-width:820px;margin:0 auto;display:flex}.pd-exact-card{background:#fff;border-radius:20px;width:100%;margin-bottom:32px;padding:28px 36px;box-shadow:0 16px 40px #0f172a14,0 2px 6px #0f172a0a}.pd-exact-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pd-exact-card-title-group{align-items:center;gap:14px;display:flex}.pd-exact-cloud-icon{background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #2563eb4d}.pd-exact-card-title{color:#1e293b;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.pd-exact-card-pct{color:#2563eb;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.pd-exact-bar-track{background:#f1f5f9;border-radius:999px;width:100%;height:10px;overflow:hidden}.pd-exact-bar-fill{background:linear-gradient(90deg,#2563eb 0%,#06b6d4 60%,#10b981 100%);border-radius:999px;width:85%;height:100%;transition:width 1s}.pd-exact-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 34px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 20px #2563eb59}.pd-exact-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 24px #2563eb73}.pd-exact-btn:active{transform:translateY(0)}@media (width<=900px){.pd-exact-hero-inner{text-align:center;flex-direction:column}.pd-exact-left{max-width:100%}.pd-exact-desc{margin:0 auto}.pd-exact-title{font-size:2.35rem}}@media (width<=600px){.pd-exact-hero{padding:36px 20px 60px}.pd-exact-card{padding:20px}.pd-exact-card-header{flex-direction:column;align-items:flex-start;gap:10px}}.ai-interview-container{--font:"PT Serif Caption", serif;--fontH:"Outfit", sans-serif;font-family:var(--font);color:#0f172a;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 0 64px;font-weight:400;animation:.4s cubic-bezier(.16,1,.3,1) both aiiUp}.ai-interview-container *,.ai-interview-container :before,.ai-interview-container :after{box-sizing:border-box}@keyframes aiiUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.aii-hero-banner{background:linear-gradient(135deg,#fff 0%,#fcfbfe 60%,#f6f3ff 100%);border:1.5px solid #9333ea1f;border-top:none;border-radius:0 0 28px 28px;justify-content:space-between;align-items:center;gap:36px;margin:0 0 32px;padding:36px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #9333ea14,0 4px 16px #00000005}.aii-hero-content{z-index:2;text-align:left;flex:1;max-width:660px;position:relative}.aii-hero-badge{color:#8b5cf6;background:#f3e8ff;border-radius:99px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #8b5cf614}.aii-hero-title{font-family:var(--fontH);color:#1e1b4b;letter-spacing:-.8px;margin:0 0 12px;font-size:2.6rem;font-weight:900;line-height:1.15}.aii-title-accent{background:linear-gradient(120deg,#9333ea 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.aii-hero-sub{color:#64748b;margin:0 0 20px;font-size:.95rem;line-height:1.65}.aii-hero-stats{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.aii-hstat-chip{color:#475569;white-space:nowrap;background:#fff;border:1.5px solid #f1f5f9;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.aii-hstat-chip:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.aii-hstat-chip strong{color:#0f172a;font-weight:800}.aii-hero-illustration{flex-shrink:0;justify-content:center;align-items:center;width:240px;height:160px;display:flex;position:relative}.aii-hi-card{background:#1e1b4b;border-radius:18px;flex-direction:column;justify-content:space-between;width:200px;height:120px;padding:16px;transition:transform .4s;display:flex;transform:perspective(600px)rotateY(-12deg)rotateX(6deg);box-shadow:0 20px 40px -10px #1e1b4b66}.aii-hero-banner:hover .aii-hi-card{transform:perspective(600px)rotateY(-4deg)rotateX(2deg)scale(1.04)}.aii-hi-bot{justify-content:space-between;align-items:center;font-size:1.6rem;display:flex}.aii-hi-live{color:#34d399;background:#10b98133;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:800;display:flex}.aii-live-dot{background:#34d399;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseAiiDot}@keyframes pulseAiiDot{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.aii-hi-lines{flex-direction:column;gap:6px;display:flex}.aii-hi-line{border-radius:4px;height:5px}.aii-hi-line.l1{background:#38bdf8;width:80%}.aii-hi-line.l2{background:#a78bfa;width:60%}.aii-hi-line.l3{background:#f43f5e;width:90%}.aii-hi-tag{font-family:var(--fontH);white-space:nowrap;z-index:10;border-radius:99px;width:auto;height:auto;padding:5px 12px;font-size:.72rem;font-weight:800;line-height:1.2;animation:3s ease-in-out infinite alternate floatTagAii;display:inline-block;position:absolute;box-shadow:0 8px 20px #0000001a}.aii-tag-ai{color:#8b5cf6;background:#f3e8ff;border:1px solid #e9d5ff;top:-8px;left:-12px}.aii-tag-score{color:#059669;background:#d1fae5;border:1px solid #a7f3d0;animation-delay:1.5s;bottom:-8px;right:-12px}@keyframes floatTagAii{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(4deg)}}.interview-lobby{text-align:left;flex-direction:column;gap:28px;padding:0 24px;display:flex}.lobby-title{font-family:var(--fontH);color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:800;display:flex}.lobby-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.domain-card{cursor:pointer;background:#fff;border:1.5px solid #0f172a0f;border-radius:24px;flex-direction:column;justify-content:space-between;gap:20px;padding:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000000a}.domain-card:before{content:"";background:var(--accent-color,#8b5cf6);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.domain-card:hover{border-color:#8b5cf640;transform:translateY(-5px);box-shadow:0 16px 36px #8b5cf61f}.card-top{flex-direction:column;gap:8px;display:flex}.domain-icon-wrapper{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-size:1.5rem;display:flex}.card-top h3{font-family:var(--fontH);color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.3rem;font-weight:800}.domain-desc{color:#64748b;margin:0;font-size:.84rem;line-height:1.55}.card-bottom{border-top:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.difficulty-badge{text-transform:uppercase;border-radius:99px;padding:3px 10px;font-size:.74rem;font-weight:800}.difficulty-badge.medium{color:#d97706;background:#fef3c7}.difficulty-badge.hard{color:#dc2626;background:#fee2e2}.card-metadata{color:#64748b;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.instructions-box{background:linear-gradient(135deg,#fff 0%,#fcfbfe 100%);border:1.5px solid #8b5cf626;border-radius:20px;padding:24px 28px;box-shadow:0 8px 24px #8b5cf60d}.instructions-box h4{font-family:var(--fontH);color:#0f172a;align-items:center;gap:8px;margin:0 0 14px;font-size:1.1rem;font-weight:800;display:flex}.instructions-box h4 svg{color:#8b5cf6}.instructions-box ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.instructions-box li{color:#475569;font-size:.88rem;line-height:1.5}.active-interview-wrapper{padding:0 24px}.interview-grid{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.interviewer-panel{background:#fff;border:1.5px solid #0f172a0f;border-radius:24px;flex-direction:column;align-items:center;gap:24px;padding:28px;display:flex;box-shadow:0 10px 30px -5px #0000000a}.avatar-container{background:linear-gradient(135deg,#8b5cf6 0%,#4361ee 100%);border:3.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 14px;display:flex;position:relative;box-shadow:0 10px 25px #8b5cf640}.avatar-bot{font-size:2.5rem}.status-badge{border-radius:99px;padding:4px 14px;font-size:.82rem;font-weight:800;display:inline-block}.status-badge.speaking{color:#8b5cf6;background:#f3e8ff}.status-badge.listening{color:#059669;background:#d1fae5}.status-badge.idle{color:#64748b;background:#f1f5f9}.audio-visualizer{justify-content:center;align-items:center;gap:6px;height:32px;display:flex}.audio-bar{background:#8b5cf6;border-radius:4px;width:4px;height:100%;animation:1.2s ease-in-out infinite alternate wave}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.audio-bar:nth-child(2){animation-delay:.2s}.audio-bar:nth-child(3){animation-delay:.4s}.audio-bar:nth-child(4){animation-delay:.6s}.audio-bar:nth-child(5){animation-delay:.8s}.audio-controls{flex-direction:column;gap:10px;width:100%;display:flex}.ctrl-btn{font-family:var(--font);color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.ctrl-btn:hover{color:#8b5cf6;background:#fff;border-color:#8b5cf6}.ctrl-btn.active{color:#8b5cf6;background:#f3e8ff;border-color:#8b5cf6}.interaction-panel{text-align:left;background:#fff;border:1.5px solid #0f172a0f;border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex;box-shadow:0 10px 30px -5px #0000000a}.question-card{border-bottom:1.5px solid #f1f5f9;flex-direction:column;gap:8px;padding-bottom:20px;display:flex}.q-badge{color:#8b5cf6;background:#f3e8ff;border-radius:99px;width:fit-content;padding:4px 12px;font-size:.76rem;font-weight:800}.question-text{font-family:var(--fontH);color:#0f172a;letter-spacing:-.3px;margin:4px 0 0;font-size:1.35rem;font-weight:800;line-height:1.45}.response-block{flex-direction:column;gap:16px;display:flex}.response-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.resp-title{font-family:var(--fontH);color:#0f172a;font-size:1rem;font-weight:800}.input-modes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.mode-btn{font-family:var(--fontH);color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s}.mode-btn.active{color:#8b5cf6;background:#fff;box-shadow:0 2px 8px #0000000d}.text-answer-field{width:100%;min-height:140px;font-family:var(--font);color:#0f172a;resize:vertical;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:16px;outline:none;padding:16px;font-size:.92rem;line-height:1.6;transition:all .2s}.text-answer-field:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f}.concept-tracker{background:#faf5ff;border:1.5px solid #f3e8ff;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.tracker-title{font-family:var(--fontH);color:#8b5cf6;align-items:center;font-size:.82rem;font-weight:800;display:flex}.concepts-flex{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.concept-tag{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:99px;padding:4px 12px;font-size:.78rem;font-weight:700;transition:all .2s}.concept-tag.matched{color:#059669;background:#d1fae5;border-color:#a7f3d0}.interview-nav-bar{border-top:1.5px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;display:flex}.progress-indicator{flex-direction:column;flex:1;gap:6px;max-width:260px;display:flex}.progress-counter{color:#64748b;font-size:.78rem;font-weight:700}.progress-outer{background:#f1f5f9;border-radius:99px;height:8px;overflow:hidden}.progress-inner{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:99px;height:100%;transition:width .3s}.action-buttons-group{align-items:center;gap:12px;display:flex}.secondary-action{color:#64748b;font-family:var(--font);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:all .2s}.secondary-action:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.primary-action{color:#fff;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #7c3aed38}.primary-action:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 24px #7c3aed52}.scorecard-panel{flex-direction:column;gap:24px;padding:0 24px;display:flex}.scorecard-top-card{text-align:left;background:#fff;border:1.5px solid #0f172a0f;border-radius:24px;align-items:center;gap:32px;padding:32px;display:flex;box-shadow:0 10px 30px -5px #0000000a}.gauge-wrapper{flex-shrink:0;width:140px;height:140px;position:relative}.radial-svg{width:140px;height:140px;transform:rotate(-90deg)}.track-ring{fill:none;stroke:#f1f5f9;stroke-width:12px}.score-fill-ring{fill:none;stroke:url(#scoreGrad);stroke-width:12px;stroke-linecap:round;stroke-dasharray:565.48;transition:stroke-dashoffset 1s}.gauge-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-number{font-family:var(--fontH);color:#0f172a;font-size:2.2rem;font-weight:900}.score-label{color:#64748b;font-size:.72rem;font-weight:700}.score-summary-info{flex-direction:column;flex:1;gap:12px;display:flex}.score-summary-info h2{font-family:var(--fontH);color:#0f172a;letter-spacing:-.4px;margin:0;font-size:1.5rem;font-weight:800}.overall-feedback-text{color:#475569;margin:0;font-size:.92rem;line-height:1.6}.metrics-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;display:grid}.metric-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.m-label{color:#64748b;font-size:.75rem;font-weight:700}.m-bar-outer{background:#e2e8f0;border-radius:99px;height:6px;overflow:hidden}.m-bar-inner{border-radius:99px;height:100%;transition:width .8s}.m-value{font-family:var(--fontH);color:#0f172a;font-size:.88rem;font-weight:800}.analysis-panel{text-align:center;background:#fff;border:1.5px solid #0f172a0f;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:0 24px;padding:60px 32px;display:flex;box-shadow:0 10px 30px -5px #0000000a}.analysis-spinner{border:4px solid #f3e8ff;border-top-color:#8b5cf6;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spinAii}@keyframes spinAii{to{transform:rotate(360deg)}}.analysis-panel h2{font-family:var(--fontH);color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.analysis-panel p{color:#64748b;max-width:480px;margin:0;font-size:.9rem;line-height:1.55}.review-header{font-family:var(--fontH);color:#0f172a;text-align:left;letter-spacing:-.3px;margin:12px 0 0;font-size:1.4rem;font-weight:800}.question-review-accordion{text-align:left;flex-direction:column;gap:16px;display:flex}.q-review-item{background:#fff;border:1.5px solid #0f172a0f;border-radius:20px;transition:all .2s;overflow:hidden;box-shadow:0 4px 16px #00000005}.q-review-item:hover{border-color:#8b5cf633;box-shadow:0 8px 24px #8b5cf60f}.q-review-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.q-trigger-left{flex:1;align-items:center;gap:14px;display:flex}.q-index-badge{color:#8b5cf6;width:32px;height:32px;font-family:var(--fontH);background:#f3e8ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;font-weight:800;display:flex}.q-trigger-title{font-family:var(--fontH);color:#0f172a;font-size:1.05rem;font-weight:700;line-height:1.4}.q-score-stamp{font-family:var(--fontH);color:#059669;background:#d1fae5;border-radius:99px;padding:4px 12px;font-size:.82rem;font-weight:800}.q-score-stamp.mid{color:#d97706;background:#fef3c7}.q-score-stamp.low{color:#dc2626;background:#fee2e2}.q-review-content{background:#fcfbfe;border-top:1.5px solid #f1f5f9;flex-direction:column;gap:18px;padding:20px 24px 24px;display:flex}.rev-block-title{font-family:var(--fontH);color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:.84rem;font-weight:800;display:block}.rev-ans-text{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:14px 16px;font-size:.92rem;line-height:1.6}.rev-ans-text.model{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.diagnostic-text{color:#475569;margin:0;font-size:.9rem;line-height:1.6}.concept-analysis-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.scorecard-footer{justify-content:center;padding-top:12px;display:flex}.restart-btn{color:#fff;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-size:.92rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #7c3aed47}.restart-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 30px #7c3aed61}@media (width<=992px){.interview-grid{grid-template-columns:1fr}.scorecard-top-card{flex-direction:column;align-items:flex-start}.metrics-row,.concept-analysis-grid{grid-template-columns:1fr}}@media (width<=768px){.aii-hero-banner{flex-direction:column;align-items:flex-start;padding:28px}.interview-lobby,.active-interview-wrapper,.scorecard-panel{padding:0 16px}}.cc-arena{--font:"PT Serif Caption", serif;--fontH:"Outfit", sans-serif;--easy:#10b981;--easy-lt:#d1fae5;--easy-dk:#065f46;--medium:#f59e0b;--medium-lt:#fef3c7;--medium-dk:#92400e;--hard:#ef4444;--hard-lt:#fee2e2;--hard-dk:#991b1b;--primary:#8b5cf6;--primary-lt:#f3e8ff;--primary-dk:#7c3aed;--text:#0f172a;--text-muted:#64748b;--border:#1e293b14;font-family:var(--font);color:var(--text);box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 0 64px;font-weight:400}.cc-arena *,.cc-arena :before,.cc-arena :after{box-sizing:border-box}.cc-page{animation:.4s cubic-bezier(.16,1,.3,1) both ccUp}@keyframes ccUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cc-hero-banner{color:#0f172a;background:linear-gradient(135deg,#fff 0%,#fcfbfe 60%,#f6f3ff 100%);border:1.5px solid #9333ea1f;border-top:none;border-radius:0 0 24px 24px;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;margin:0 0 24px;padding:20px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #9333ea14,0 4px 16px #00000005}.cc-hero-content{z-index:5;flex-direction:column;flex:1;align-items:flex-start;max-width:70%;display:flex;position:relative}.cc-hero-illustration{z-index:5;flex-shrink:0;justify-content:center;align-items:center;width:170px;height:170px;margin-right:10px;animation:4s ease-in-out infinite alternate floatIllustration;display:flex;position:relative}.cc-hero-svg{filter:drop-shadow(0 12px 24px #6366f11f);width:100%;height:100%}.cc-hero-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed1f 0%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;right:-60px}.cc-hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e14 0%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-60px;left:-60px}.cc-hero-badge{color:#8b5cf6;background:#f3e8ff;border-radius:99px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #8b5cf614}.cc-hero-title{font-family:var(--fontH);color:#1e1b4b;letter-spacing:-.6px;margin:0 0 6px;font-size:2rem;font-weight:900;line-height:1.15}.cc-title-accent{background:linear-gradient(120deg,#9333ea 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cc-hero-sub{color:#64748b;text-align:left;margin:0 0 12px;font-size:.88rem;line-height:1.5}.cc-hero-stats{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.cc-hstat-chip{color:#475569;white-space:nowrap;background:#fff;border:1.5px solid #f1f5f9;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:600;display:flex;box-shadow:0 2px 10px #00000008}.cc-section-header,.cc-tech-grid-premium{padding-left:24px;padding-right:24px}.cc-section-header{align-items:center;gap:12px;margin:32px 0 20px;display:flex}.cc-section-icon-box{color:#8b5cf6;background:#f3e8ff;border:1px solid #8b5cf626;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cc-hero-search-wrap{width:100%;max-width:400px;position:relative}.cc-search-ico{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.cc-hero-search-input{color:#0f172a;background:#fffffff5;border:2px solid #0000;border-radius:14px;outline:none;width:100%;padding:13px 44px;font-size:.92rem;transition:all .25s;box-shadow:0 8px 24px #0000001f}.cc-hero-search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 10px 30px #6366f133}.cc-search-clear{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.cc-filters-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.cc-tabs{background:#0f172a0d;border-radius:14px;gap:2px;padding:5px;display:flex}.cc-tab-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s}.cc-tab-btn:hover{color:var(--text)}.cc-tab-btn.active{color:var(--primary);background:#fff;box-shadow:0 4px 10px #0000000d}.cc-count-indicator{color:var(--text-muted);font-size:.88rem}.cc-timeline-container{flex-direction:column;gap:20px;margin-top:24px;padding-left:20px;display:flex;position:relative}.cc-timeline-container:before{content:"";z-index:1;background:#cbd5e1;width:2px;position:absolute;top:15px;bottom:15px;left:40px}.cc-timeline-item{align-items:flex-start;gap:24px;display:flex;position:relative}.cc-timeline-badge{color:#64748b;width:42px;height:42px;font-family:var(--fontH);z-index:2;background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 10px #00000005}.cc-timeline-badge.solved{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 12px #10b98133}.cc-timeline-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-grow:1;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.4s both ccUp;overflow:hidden;box-shadow:0 4px 20px #00000004}.cc-timeline-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 10px 25px #6366f10a}.cc-timeline-card.expanded{border-color:#6366f140;box-shadow:0 12px 30px #6366f10f}.cc-tl-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;transition:background .2s;display:flex}.cc-tl-header:hover{background:#f8fafc99}.cc-tl-lead{align-items:center;gap:16px;display:flex}.cc-tl-chapter{font-family:var(--fontH);color:#4f46e5;white-space:nowrap;font-size:.95rem;font-weight:700}.cc-tl-divider{background:#e2e8f0;width:1px;height:16px}.cc-tl-title{font-family:var(--fontH);color:#1e293b;letter-spacing:-.2px;font-size:.98rem;font-weight:600}.cc-tl-actions{align-items:center;gap:16px;display:flex}.cc-status-completed{color:#059669;background:#10b9811a;border:none;border-radius:99px;padding:5px 14px;font-size:.76rem;font-weight:700}.cc-status-practice{color:#4f46e5;background:#6366f11a;border:none;border-radius:99px;padding:5px 14px;font-size:.76rem;font-weight:700}.cc-tl-arrow{color:#94a3b8;transition:transform .3s cubic-bezier(.16,1,.3,1)}.cc-tl-arrow.rotated{color:#1e293b;transform:rotate(-180deg)}.cc-tl-content{background:#fcfcfd;border-top:1px solid #0000;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),border-color .35s;display:grid;overflow:hidden}.cc-tl-content.open{border-top-color:#e2e8f0cc;grid-template-rows:1fr}.cc-tl-content-inner{visibility:hidden;min-height:0;padding:0 24px;transition:padding .35s cubic-bezier(.4,0,.2,1),visibility .35s}.cc-tl-content.open .cc-tl-content-inner{visibility:visible;padding:20px 24px}.cc-tl-desc{color:var(--text-muted);text-align:left;margin:0 0 20px;font-size:.88rem;line-height:1.6}.cc-tl-details-grid{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;padding:14px 16px;display:grid}.cc-tld-item{text-align:left;flex-direction:column;gap:4px;display:flex}.cc-tld-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:700}.cc-tld-val{font-family:var(--fontH);color:var(--text);font-size:.9rem;font-weight:700}.cc-diff-badge{text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.cc-diff-badge.diff-easy{color:var(--easy-dk)}.cc-diff-badge.diff-medium{color:var(--medium-dk)}.cc-diff-badge.diff-hard{color:var(--hard-dk)}.cc-tl-footer{justify-content:flex-end;display:flex}.cc-tl-solve-btn{color:#fff;background:#16a34a;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 10px #16a34a33}.cc-tl-solve-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 14px #16a34a4d}.cc-tl-solve-btn svg{transition:transform .2s}.cc-tl-solve-btn:hover svg{transform:translate(3px)}.cc-action-btn:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 6px 16px #4338ca66}.cc-action-btn svg{transition:transform .25s}.cc-action-btn:hover svg{transform:translate(4px)}.cc-empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 24px;display:flex}.cc-empty-ico{background:var(--primary-lt);width:54px;height:54px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;box-shadow:0 4px 12px #6366f11a}.cc-empty-state h3{font-family:var(--fontH);margin:0 0 6px;font-size:1.15rem;font-weight:700}.cc-empty-state p{color:var(--text-muted);max-width:320px;margin:0;font-size:.88rem;line-height:1.5}@media (width<=640px){.cc-hero-banner{padding:30px 24px}.cc-hero-title{font-size:1.7rem}.cc-filters-container{flex-direction:column;align-items:stretch}.cc-tabs{overflow-x:auto}}.cc-section-header{z-index:1;align-items:center;gap:10px;margin-bottom:20px;display:flex;position:relative}.cc-section-header h2{font-family:var(--fontH);color:var(--text);letter-spacing:-.3px;margin:0;font-size:1.3rem;font-weight:800}.cc-tech-grid-premium{z-index:10;grid-template-columns:repeat(3,minmax(240px,280px));justify-content:center;gap:24px;width:100%;max-width:920px;margin:32px auto 50px;display:grid;position:relative}@media (width<=992px){.cc-tech-grid-premium{grid-template-columns:repeat(2,minmax(240px,280px));max-width:600px}}@media (width<=640px){.cc-tech-grid-premium{grid-template-columns:minmax(240px,280px);max-width:280px}}.cc-tech-card-premium{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#0f172a73;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;padding:28px;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) both ccUp;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003,inset 0 1px #ffffff0d}.cc-theme-dotnet{--glow-color:#38bdf8;--accent-gradient:linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);--accent-glow:#0ea5e926}.cc-theme-java{--glow-color:#f97316;--accent-gradient:linear-gradient(135deg, #ea580c 0%, #dc2626 100%);--accent-glow:#ea580c26}.cc-theme-python{--glow-color:#eab308;--accent-gradient:linear-gradient(135deg, #eab308 0%, #06b6d4 100%);--accent-glow:#eab30826}.cc-tech-card-premium:after{content:"";background:var(--glow-color);filter:blur(80px);opacity:.12;pointer-events:none;z-index:0;border-radius:50%;width:250px;height:250px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:-100px;right:-100px}.cc-tech-card-premium:hover{border-color:var(--glow-color);box-shadow:0 20px 40px #0000004d, 0 0 25px var(--accent-glow), inset 0 1px 0 0 #ffffff1a;transform:translateY(-10px)}.cc-tech-card-premium:hover:after{opacity:.22;transform:scale(1.2)translate(-20px,20px)}.cc-tcp-header{z-index:1;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.cc-tcp-logo{background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:10px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0000001a}.cc-tech-card-premium:hover .cc-tcp-logo{transform:scale(1.1)rotate(-6deg)}.cc-tcp-logo img{object-fit:contain;width:100%;height:100%}.cc-tcp-title-wrap{flex-direction:column;gap:3px;display:flex}.cc-tcp-title{color:#fff;letter-spacing:-.3px;margin:0;font-family:Poppins,Inter,sans-serif;font-size:1.25rem;font-weight:800}.cc-tcp-subtitle{color:#ffffff80;font-size:.76rem;font-weight:600}.cc-tcp-features{z-index:1;flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex;position:relative}.cc-tcp-features li{color:#ffffffbf;text-align:left;align-items:center;gap:10px;font-size:.82rem;font-weight:500;display:flex}.cc-tcp-feat-icon{color:var(--glow-color);flex-shrink:0}.cc-tcp-stats{z-index:1;border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding-top:18px;display:grid;position:relative}.cc-tcp-stat-item{text-align:left;flex-direction:column;display:flex}.cc-tcp-stat-val{color:#fff;font-family:Poppins,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.2}.cc-tcp-stat-lbl{color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.68rem;font-weight:600}.cc-tcp-btn{color:#fff;background:var(--accent-gradient);width:100%;box-shadow:0 4px 15px var(--accent-glow);z-index:1;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:14px 20px;font-size:.88rem;font-weight:700;transition:all .3s;display:flex;position:relative}.cc-tcp-btn:hover{box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-2px)}.cc-tcp-btn svg{transition:transform .25s}.cc-tcp-btn:hover svg{transform:translate(4px)}.cc-bc{z-index:2;align-items:center;gap:6px;margin-top:10px;margin-bottom:20px;font-size:.8rem;font-weight:500;animation:.35s both ccUp;display:flex;position:relative}.cc-bc-home{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000008}.cc-bc-home:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.cc-bc-txt{color:var(--text-muted)}.cc-bc-lnk{color:var(--text);cursor:pointer;transition:color .15s}.cc-bc-lnk:hover{color:var(--primary)}.cc-bc-cur{color:var(--text);font-weight:700}.cc-bc-sep{color:#cbd5e1}.cc-card-tech-logo{z-index:2;background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;transition:all .25s;display:flex;position:relative;box-shadow:0 4px 10px #00000008}.cc-card:hover .cc-card-tech-logo{border-color:#6366f140;transform:scale(1.08)rotate(-4deg);box-shadow:0 6px 14px #6366f114}.cc-card-tech-logo img{object-fit:contain;width:100%;height:100%}.cc-mock-header{text-align:left;background:#f5f3ff;border:1px solid #8b5cf626;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:16px 24px;display:flex}.cc-mh-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cc-mh-back{color:#7c3aed;cursor:pointer;background:#fff;border:1px solid #8b5cf633;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.cc-mh-back:hover{background:#f3e8ff;transform:translate(-2px)}.cc-mh-courses-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #7c3aed40}.cc-mh-courses-btn:hover{background:#6d28d9}.cc-mh-divider{background:#8b5cf640;width:1px;height:24px}.cc-mh-info{flex-direction:column;gap:2px;display:flex}.cc-mh-title{font-family:var(--fontH);color:#1e1b4b;margin:0;font-size:1.25rem;font-weight:800}.cc-mh-sub{color:#7c3aed;margin:0;font-size:.84rem;font-weight:600}.cc-mh-progress-card{background:#fff;border:1px solid #8b5cf626;border-radius:12px;align-items:center;gap:16px;padding:10px 18px;display:flex;box-shadow:0 4px 12px #00000005}.cc-mhp-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.cc-mhp-lbl{color:#1e1b4b;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.cc-mhp-val{color:#7c3aed;font-size:.82rem;font-weight:700}.cc-mhp-ring-wrap{justify-content:center;align-items:center;display:flex;position:relative}.cc-mhp-ring{transform:rotate(-90deg)}.cc-mhp-ring-bg{fill:none;stroke:#f3e8ff;stroke-width:4px}.cc-mhp-ring-fg{fill:none;stroke:#7c3aed;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .35s}.cc-mhp-pct{font-family:var(--fontH);color:#7c3aed;font-size:.76rem;font-weight:800;position:absolute}.cc-exercises-list{flex-direction:column;display:flex}.cc-exercise-row{border-bottom:1px solid #f1f5f9cc;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;padding:12px 16px;transition:all .2s;display:flex}.cc-exercise-row:hover{background:#6366f10a}.cc-exercise-row.solved{border-left:3px solid #10b981}.cc-exercise-row.unsolved{border-left:3px solid #3b82f6}.cc-exercise-row:last-child{margin-bottom:0}.cc-ex-lead{text-align:left;align-items:baseline;gap:8px;display:flex}.cc-ex-num{font-family:var(--fontH);color:#475569;white-space:nowrap;font-size:.92rem;font-weight:800}.cc-ex-desc{color:#1e293b;font-size:.9rem;font-weight:500;line-height:1.5}.cc-ex-solve-btn{cursor:pointer;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:6px 18px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.cc-ex-solve-btn.unsolved{color:#2563eb;background:#eff6ff;border:1.5px solid #2563eb;box-shadow:0 2px 6px #2563eb0d}.cc-ex-solve-btn.unsolved:hover{color:#fff;background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.cc-ex-solve-btn.solved{color:#16a34a;background:#f0fdf4;border:1.5px solid #16a34a;box-shadow:0 2px 6px #16a34a0d}.cc-ex-solve-btn.solved:hover{color:#fff;background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a33}.cc-tl-content.open{border-top-width:1px;max-height:1000px}.cc-custom-tech-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.cc-custom-tech-card:hover{border-color:#6366f126;transform:translateY(-6px);box-shadow:0 20px 40px #0000000f}.cc-ctc-banner{height:100px;position:relative;overflow:hidden}.cc-theme-dotnet .cc-ctc-banner{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#f5f3ff)}.cc-theme-java .cc-ctc-banner{color:#e11d48;background:linear-gradient(135deg,#ffe4e6,#fff1f2)}.cc-theme-python .cc-ctc-banner{color:#3b82f6;background:linear-gradient(135deg,#e0f2fe,#f0f9ff)}.cc-ctc-wave{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.cc-ctc-logo-wrap{z-index:10;position:absolute;top:72px;left:18px}.cc-ctc-logo{border:3px solid #fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;padding:5px;display:flex;box-shadow:0 6px 18px #0000000d}.cc-theme-dotnet .cc-ctc-logo{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.cc-theme-java .cc-ctc-logo{background:linear-gradient(135deg,#f43f5e,#fda4af)}.cc-theme-python .cc-ctc-logo{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.cc-ctc-logo img{filter:brightness(0)invert();object-fit:contain;width:24px;height:24px}.cc-ctc-logo svg{color:#fff}.cc-ctc-body{flex-direction:column;flex-grow:1;padding:24px 18px 18px;display:flex}.cc-ctc-badge-row{justify-content:flex-end;margin-bottom:8px;display:flex}.cc-ctc-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.65rem;font-weight:800}.cc-theme-dotnet .cc-ctc-badge{color:#7c3aed;background:#f5f3ff}.cc-theme-java .cc-ctc-badge{color:#e11d48;background:#fff1f2}.cc-theme-python .cc-ctc-badge{color:#2563eb;background:#eff6ff}.cc-ctc-title{font-family:var(--fontH);color:#0f172a;margin:0 0 6px;font-size:1.2rem;font-weight:800}.cc-ctc-desc{color:#64748b;flex-grow:1;margin:0 0 16px;font-size:.84rem;font-weight:500;line-height:1.5}.cc-ctc-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.cc-theme-dotnet .cc-ctc-btn{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 12px #7c3aed26}.cc-theme-java .cc-ctc-btn{background:linear-gradient(135deg,#e11d48,#f43f5e);box-shadow:0 4px 12px #e11d4826}.cc-theme-python .cc-ctc-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 12px #2563eb26}.cc-ctc-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.cu-arena{--font:"PT Serif Caption", serif;--fontH:"Outfit", sans-serif;font-family:var(--font);color:#0f172a;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 0 64px;font-weight:400}.cu-arena *,.cu-arena :before,.cu-arena :after{box-sizing:border-box}.cu-page{animation:.4s cubic-bezier(.16,1,.3,1) both cuUp}@keyframes cuUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cu-hero-banner{background:linear-gradient(135deg,#fff 0%,#fcfbfe 60%,#f6f3ff 100%);border:1.5px solid #9333ea1f;border-top:none;border-radius:0 0 28px 28px;justify-content:space-between;align-items:center;gap:36px;margin:0 0 32px;padding:36px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #9333ea14,0 4px 16px #00000005}.cu-hero-content{z-index:2;text-align:left;flex:1;max-width:660px;position:relative}.cu-hero-badge{color:#8b5cf6;background:#f3e8ff;border-radius:99px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #8b5cf614}.cu-hero-title{font-family:var(--fontH);color:#1e1b4b;letter-spacing:-.8px;margin:0 0 12px;font-size:2.6rem;font-weight:900;line-height:1.15}.cu-title-accent{background:linear-gradient(120deg,#9333ea 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cu-hero-sub{color:#64748b;margin:0 0 20px;font-size:.95rem;line-height:1.65}.cu-hero-stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cu-hstat-chip{color:#475569;background:#fff;border:1.5px solid #f1f5f9;border-radius:99px;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.cu-hstat-chip:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.cu-hstat-chip strong{color:#0f172a;font-weight:800}.icon-gold{color:#f59e0b}.cu-hero-illustration{flex-shrink:0;justify-content:center;align-items:center;width:240px;height:160px;display:flex;position:relative}.cu-hi-card{background:#1e1b4b;border-radius:18px;flex-direction:column;justify-content:space-between;width:200px;height:120px;padding:16px;transition:transform .4s;display:flex;transform:perspective(600px)rotateY(-12deg)rotateX(6deg);box-shadow:0 20px 40px -10px #1e1b4b66}.cu-hero-banner:hover .cu-hi-card{transform:perspective(600px)rotateY(-4deg)rotateX(2deg)scale(1.04)}.cu-hi-header{justify-content:space-between;align-items:center;display:flex}.cu-hi-live{color:#34d399;background:#10b98133;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:800;display:flex}.cu-live-dot{background:#34d399;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseDot}@keyframes pulseDot{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.cu-hi-body{flex-direction:column;gap:6px;display:flex}.cu-hi-line{border-radius:4px;height:5px}.cu-hi-line.l1{background:#38bdf8;width:80%}.cu-hi-line.l2{background:#a78bfa;width:60%}.cu-hi-line.l3{background:#f43f5e;width:90%}.cu-hi-tag{font-family:var(--fontH);border-radius:12px;padding:6px 12px;font-size:.82rem;font-weight:800;animation:3s ease-in-out infinite alternate floatTagCu;position:absolute;box-shadow:0 8px 20px #0000001f}.tag-online{color:#059669;background:#d1fae5;top:5px;left:0}.tag-fast{color:#8b5cf6;background:#f3e8ff;animation-delay:1.5s;bottom:10px;right:10px}@keyframes floatTagCu{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(4deg)}}.cu-alert-success{color:#047857;background:#ecfdf5;border:1.5px solid #10b981;border-radius:16px;align-items:center;gap:12px;margin:0 24px 24px;padding:14px 20px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 12px #10b9811a}.cu-alert-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #ef4444;border-radius:16px;align-items:center;gap:12px;margin:0 24px 24px;padding:14px 20px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 12px #ef44441a}.cu-main-grid{grid-template-columns:1fr 340px;gap:28px;margin-top:28px;margin-bottom:36px;padding:0 24px;display:grid}.cu-form-card{background:#fff;border:1.5px solid #0f172a0f;border-radius:24px;padding:32px 36px;box-shadow:0 10px 30px -5px #0000000a}.cu-form-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;display:flex}.cu-fh-icon{color:#7c3aed;background:#f3e8ff;border-radius:14px;width:44px;height:44px;padding:10px;box-shadow:0 4px 12px #7c3aed1a}.cu-form-header h2{font-family:var(--fontH);color:#0f172a;letter-spacing:-.3px;margin:0 0 2px;font-size:1.4rem;font-weight:800}.cu-form-header p{color:#64748b;margin:0;font-size:.86rem}.cu-form{flex-direction:column;gap:20px;display:flex}.cu-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cu-input-group{text-align:left;flex-direction:column;gap:6px;display:flex}.cu-input-group label{color:#334155;font-size:.82rem;font-weight:700}.cu-input-group input,.cu-input-group select,.cu-input-group textarea{width:100%;font-size:.9rem;font-family:var(--font);color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;transition:all .25s}.cu-input-group input:focus,.cu-input-group select:focus,.cu-input-group textarea:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.cu-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:14px 24px;font-size:.92rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #7c3aed40}.cu-submit-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 24px #7c3aed59}.cu-submit-btn:disabled{opacity:.7;cursor:not-allowed}.cu-info-column{flex-direction:column;gap:16px;display:flex}.cu-info-card{background:#fff;border:1.5px solid #0f172a0f;border-radius:20px;align-items:flex-start;gap:16px;padding:18px 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 14px #00000005}.cu-info-card:hover{border-color:#8b5cf640;transform:translateY(-4px);box-shadow:0 12px 28px #0000000f}.cu-ic-logo{border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex;box-shadow:0 6px 16px #0000001f}.cu-info-card:hover .cu-ic-logo{transform:scale(1.1)rotate(-4deg)}.theme-purple .cu-ic-logo{background:#8b5cf6}.theme-green .cu-ic-logo{background:#10b981}.theme-blue .cu-ic-logo{background:#3b82f6}.theme-amber .cu-ic-logo{background:#f59e0b}.theme-sky .cu-ic-logo{background:#0ea5e9}.cu-ic-details{text-align:left;flex-direction:column;display:flex}.cu-ic-details h4{font-family:var(--fontH);color:#0f172a;margin:0 0 2px;font-size:1.05rem;font-weight:800}.cu-ic-details p{color:#64748b;margin:0 0 4px;font-size:.78rem}.cu-ic-link{color:#8b5cf6;font-size:.85rem;font-weight:800;text-decoration:none;transition:color .2s}.cu-ic-link:hover{color:#7c3aed;text-decoration:underline}.cu-ic-txt{color:#334155;font-size:.82rem;font-weight:800;line-height:1.4}.cu-faq-section{background:#fff;border:1.5px solid #0f172a0f;border-radius:24px;margin:0 24px;padding:32px 36px;box-shadow:0 10px 30px -5px #0000000a}.cu-faq-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.cu-faq-header h2{font-family:var(--fontH);color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:800}.cu-faq-list{flex-direction:column;gap:12px;display:flex}.cu-faq-item{cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;transition:all .25s;overflow:hidden}.cu-faq-item:hover{border-color:#cbd5e1}.cu-faq-item.open{border-color:#8b5cf64d;box-shadow:0 4px 14px #8b5cf60f}.cu-faq-q{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:16px 20px;display:flex}.cu-faq-num{color:#8b5cf6;background:#f3e8ff;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:800}.cu-faq-title{font-family:var(--fontH);color:#0f172a;text-align:left;flex:1;font-size:.98rem;font-weight:700}.cu-faq-arrow{color:#94a3b8;transition:transform .3s}.cu-faq-arrow.rotated{color:#8b5cf6;transform:rotate(180deg)}.cu-faq-a{background:#fcfcfd;border-top:1px solid #f8fafc;padding:14px 20px 18px 58px}.cu-faq-a p{color:#64748b;text-align:left;margin:0;font-size:.88rem;line-height:1.6}@media (width<=992px){.cu-main-grid{grid-template-columns:1fr}}@media (width<=768px){.cu-arena{padding:0 0 40px}.cu-hero-banner{flex-direction:column;align-items:flex-start;padding:28px}.cu-hero-title{font-size:2rem}.cu-form-row{grid-template-columns:1fr}.cu-form-card,.cu-faq-section{padding:24px}.cu-main-grid,.cu-faq-section,.cu-alert-success{margin-left:0;margin-right:0;padding:0 16px}}.fb-page{--font:"PT Serif Caption", serif;--fontH:"Outfit", sans-serif;font-family:var(--font);color:#0f172a;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 0 64px;font-weight:400;animation:.4s cubic-bezier(.16,1,.3,1) both fbUp}.fb-page *,.fb-page :before,.fb-page :after{box-sizing:border-box}@keyframes fbUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fb-hero-banner{background:linear-gradient(135deg,#fff 0%,#fcfbfe 60%,#f6f3ff 100%);border:1.5px solid #9333ea1f;border-top:none;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;gap:24px;margin:0 0 28px;padding:24px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #9333ea14,0 4px 16px #00000005}.fb-hero-content{z-index:2;text-align:left;flex:1;max-width:680px;position:relative}.fb-hero-badge{color:#8b5cf6;background:#f3e8ff;border-radius:99px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #8b5cf614}.fb-hero-title{font-family:var(--fontH);color:#1e1b4b;letter-spacing:-.6px;margin:0 0 6px;font-size:2.1rem;font-weight:900;line-height:1.15}.fb-accent-txt{background:linear-gradient(120deg,#9333ea 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fb-hero-sub{color:#64748b;margin:0 0 16px;font-size:.88rem;line-height:1.5}.fb-hero-stats{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.fb-stat-chip{color:#475569;white-space:nowrap;background:#fff;border:1.5px solid #f1f5f9;border-radius:99px;align-items:center;gap:6px;padding:5px 14px;font-size:.76rem;font-weight:600;display:flex;box-shadow:0 2px 10px #00000008}.fb-stat-chip strong{color:#0f172a;font-weight:800}.icon-purple{color:#8b5cf6}.icon-green{color:#10b981}.fb-hero-illustration{flex-shrink:0;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.fb-hi-card{text-align:center;background:#fff;border:1.5px solid #8b5cf62e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:154px;height:110px;padding:16px;transition:transform .4s;display:flex;transform:perspective(600px)rotateY(-8deg)rotateX(4deg);box-shadow:0 16px 36px #8b5cf61f}.fb-hero-banner:hover .fb-hi-card{transform:perspective(600px)rotateY(-2deg)rotateX(1deg)scale(1.05)}.fb-hi-icon{font-size:1.8rem}.fb-hi-title{font-family:var(--fontH);color:#1e1b4b;letter-spacing:.5px;font-size:.76rem;font-weight:900}.fb-hi-sub{color:#8b5cf6;font-size:.62rem;font-weight:800}.fb-tabs-row{gap:12px;margin-bottom:24px;padding:24px 24px 0;display:flex}.fb-tab-pill{color:#64748b;font-family:var(--font);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;padding:10px 20px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.fb-tab-pill:hover{color:#0f172a;background:#f8fafc}.fb-tab-pill.active{color:#8b5cf6;background:#f3e8ff;border-color:#8b5cf64d;box-shadow:0 4px 14px #8b5cf61a}.fb-form-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:24px;margin:28px 24px;padding:32px 36px;box-shadow:0 10px 30px -5px #0000000a}.fb-form-body{flex-direction:column;gap:28px;display:flex}.fb-field-group{flex-direction:column;gap:10px;display:flex}.fb-field-lbl{font-family:var(--fontH);color:#0f172a;font-size:1.05rem;font-weight:800}.fb-rating-header-card{text-align:center;background:linear-gradient(135deg,#fffdf8 0%,#fffbe6 100%);border:1.5px solid #f59e0b40;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex;box-shadow:0 4px 16px #f59e0b0d}.fb-rating-badge{font-family:var(--fontH);color:#d97706;background:#fef3c7;border-radius:99px;align-items:center;gap:6px;padding:3px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.fb-rating-question{font-family:var(--fontH);color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.fb-stars-picker{align-items:center;gap:8px;display:flex}.fb-star-btn{cursor:pointer;background:0 0;border:none;padding:4px;transition:transform .2s}.fb-star-btn:hover{transform:scale(1.2)}.fb-rating-chip{color:#d97706;background:#fffbe6;border:1px solid #fde68a;border-radius:99px;padding:4px 14px;font-size:.86rem;font-weight:700}.fb-cats-grid{grid-template-columns:repeat(6,1fr);gap:10px;width:100%;display:grid}.fb-cat-squircle{cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.fb-cat-squircle:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px)}.fb-cat-squircle.active{background:#fff;border-color:#8b5cf6;box-shadow:0 4px 14px #8b5cf61f}.squircle-icon{flex-shrink:0;font-size:1.15rem}.squircle-txt{font-family:var(--fontH);color:#0f172a;white-space:nowrap;font-size:.8rem;font-weight:800}.fb-text-input{width:100%;font-family:var(--font);color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;padding:12px 18px;font-size:.9rem;transition:all .2s}.fb-text-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.fb-textarea-input{width:100%;font-family:var(--font);color:#0f172a;resize:vertical;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;padding:14px 18px;font-size:.9rem;transition:all .2s}.fb-textarea-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.fb-char-counter{color:#94a3b8;align-self:flex-end;font-size:.76rem}.fb-nps-pills{flex-wrap:wrap;gap:8px;display:flex}.fb-nps-num{min-width:36px;height:40px;font-family:var(--fontH);color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;font-size:.9rem;font-weight:800;transition:all .2s}.fb-nps-num:hover{background:#fff;border-color:#cbd5e1}.fb-nps-num.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed40}.fb-nps-range-labels{color:#64748b;justify-content:space-between;font-size:.76rem;font-weight:600;display:flex}.fb-btn-submit{color:#fff;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:14px 28px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #7c3aed40}.fb-btn-submit:hover{filter:brightness(1.08);transform:translateY(-2px)}.fb-success-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.fb-success-view h2{font-family:var(--fontH);color:#0f172a;margin:0;font-size:1.6rem;font-weight:800}.fb-success-view p{color:#64748b;max-width:500px;margin:0;font-size:.92rem;line-height:1.6}.fb-btn-reset{color:#8b5cf6;font-family:var(--font);cursor:pointer;background:#f3e8ff;border:1.5px solid #8b5cf64d;border-radius:12px;padding:10px 22px;font-size:.86rem;font-weight:700;transition:all .2s}.fb-btn-reset:hover{color:#fff;background:#8b5cf6}.fb-history-section{padding:0 24px}.fb-history-heading{font-family:var(--fontH);color:#0f172a;margin:0 0 20px;font-size:1.3rem;font-weight:800}.fb-history-cards{flex-direction:column;gap:16px;display:flex}.fb-past-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;flex-direction:column;gap:12px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #00000005}.fb-card-top-row{justify-content:space-between;align-items:center;display:flex}.fb-card-cat-badge{color:#8b5cf6;background:#f3e8ff;border-radius:99px;padding:4px 12px;font-size:.76rem;font-weight:700}.fb-card-date{color:#94a3b8;font-size:.76rem}.fb-card-title{font-family:var(--fontH);color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.fb-card-stars-row{gap:4px;display:flex}.fb-status-tag{color:#059669;background:#d1fae5;border-radius:99px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-block}.fb-card-response-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.84rem;display:flex}.fb-card-response-box p{margin:0;line-height:1.5}@media (width<=768px){.fb-hero-banner{flex-direction:column;align-items:flex-start;padding:24px}.fb-form-card,.fb-tabs-row,.fb-history-section{padding:0 16px}}:root{--c-bg-void:#f1f5f9;--c-bg-card:#fff;--c-orange-main:#ff5e18;--c-orange-bright:#ff8a00;--c-orange-glow:#ff5e1833;--c-cyan-accent:#0284c7;--c-indigo-accent:#6366f1;--c-text-bright:#0f172a;--c-text-sub:#64748b;--c-border-glass:#e2e8f0;--c-input-bg:#fff}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.cine-auth-viewport{background-color:var(--c-bg-void);background-image:radial-gradient(circle at 10% 15%,#ff5e181f 0%,#0000 45%),radial-gradient(circle at 90% 85%,#0284c71f 0%,#0000 45%),radial-gradient(circle,#6366f114 0%,#0000 50%);justify-content:center;align-items:center;width:100vw;height:100vh;max-height:100vh;padding:0;font-family:PT Serif Caption,Plus Jakarta Sans,serif,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.cine-grid-mesh{pointer-events:none;z-index:1;background-image:linear-gradient(#0f172a0a 1px,#0000 1px),linear-gradient(90deg,#0f172a0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.cine-spotlight{filter:blur(120px);pointer-events:none;z-index:1;border-radius:50%;position:absolute}.light-orange{background:#ff5e1824;width:550px;height:550px;animation:8s ease-in-out infinite alternate pulseLight;top:-180px;left:-180px}.light-cyan{background:#0284c71f;width:580px;height:580px;animation:10s ease-in-out infinite alternate-reverse pulseLight;bottom:-200px;right:-180px}.light-purple{background:#6366f117;width:400px;height:400px;top:35%;left:42%}@keyframes pulseLight{0%{opacity:.75;transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1.12)translateY(-15px)}}.cine-auth-container{z-index:10;justify-content:center;align-items:center;gap:48px;width:100%;max-width:1240px;height:100%;max-height:100vh;padding:24px 36px;display:flex;position:relative}.cine-showcase-pane{flex-direction:column;flex:1.15;justify-content:center;gap:8px;display:flex}.cine-brand-header{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.cine-logo-wrapper{align-items:center;display:flex}.cine-logo-img{object-fit:contain;filter:drop-shadow(0 4px 14px #0f172a24);width:auto;height:95px;max-height:105px;transition:transform .3s}.cine-logo-img:hover{transform:scale(1.03)}.cine-hero-title-box{margin:0}.cine-title-text{color:#0f172a;letter-spacing:-.8px;margin:0 0 12px;font-size:38px;font-weight:800;line-height:1.2}.cine-neon-gradient{background:linear-gradient(135deg,#0284c7 0%,#6366f1 45%,#ff5e18 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #ff5e1833);-webkit-background-clip:text}.cine-subtitle-text{color:#475569;max-width:500px;margin:0;font-size:14.5px;line-height:1.6}.cine-3d-hologram-stack{perspective:1000px;justify-content:center;align-items:center;width:100%;max-width:500px;height:240px;margin:0;display:flex;position:relative}.cine-holo-card{-webkit-backdrop-filter:blur(14px);z-index:2;background:#0f172a;border:1px solid #0284c759;border-radius:14px;width:94%;height:240px;animation:6s ease-in-out infinite floatHolo;overflow:hidden;transform:rotateX(2deg)rotateY(-2deg);box-shadow:0 20px 40px #0f172a26,0 0 20px #0284c71a}@keyframes floatHolo{0%,to{transform:translateY(0)rotateX(2deg)rotateY(-2deg)}50%{transform:translateY(-6px)rotateX(3.5deg)rotateY(-3.5deg)}}.holo-card-top{background:#030712e0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.holo-dots{gap:6px;display:flex}.h-dot{border-radius:50%;width:9px;height:9px}.h-dot.r{background:#ef4444}.h-dot.y{background:#f59e0b}.h-dot.g{background:#10b981}.holo-file{color:#94a3b8;align-items:center;gap:6px;font-family:Fira Code,monospace;font-size:11.5px;display:flex}.holo-icon-orange{color:var(--c-orange-main)}.holo-live-tag{color:#10b981;letter-spacing:.5px;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.live-ping{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pingDot;box-shadow:0 0 8px #10b981}@keyframes pingDot{0%{opacity:1;transform:scale(.9)}50%{opacity:.4;transform:scale(1.4)}to{opacity:1;transform:scale(.9)}}.holo-card-code{grid-template-columns:20px 1fr;row-gap:3px;padding:10px 16px;font-family:Fira Code,monospace;font-size:12px;line-height:1.55;display:grid}.line-num{color:#475569;-webkit-user-select:none;user-select:none;font-size:11px}.code-content{color:#e2e8f0}.c-purple{color:#c084fc;font-weight:600}.c-orange{color:#fb923c}.c-cyan{color:#38bdf8}.c-gold{color:#fbbf24}.c-white{color:#fff}.c-green{color:#4ade80}.c-comment{color:#64748b;font-style:italic}.cine-cyber-chip{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;box-shadow:0 12px 30px #0f172a14}.chip-left{animation:5s ease-in-out 1s infinite floatChipA;bottom:0;left:-10px}.chip-right{border-color:#fef08a;animation:6s ease-in-out infinite floatChipB;top:-5px;right:-10px;box-shadow:0 12px 30px #eab3081f}@keyframes floatChipA{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes floatChipB{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.chip-ico-orange{color:var(--c-orange-main)}.chip-ico-gold{color:#d97706}.chip-head{color:#0f172a;font-size:12px;font-weight:700}.chip-sub{color:#64748b;font-size:10px}.cine-stats-strip{-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1.5px solid #e2e8f0;border-radius:16px;flex-flow:row;justify-content:space-between;align-items:center;width:100%;max-width:500px;padding:10px 16px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 12px 30px -5px #0f172a0f,0 0 15px #ff5e180a}.cine-stats-strip:hover{transform:translateY(-2px);box-shadow:0 16px 35px -5px #0f172a17,0 0 20px #ff5e1814}.cine-stat-unit{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-icon-wrapper.ico-orange{color:#ff5e18;background:#fff7ed;border:1px solid #ffedd5}.stat-icon-wrapper.ico-cyan{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe}.stat-icon-wrapper.ico-gold{color:#d97706;background:#fefce8;border:1px solid #fef9c3}.stat-info{flex-direction:column;display:flex}.stat-num{color:#0f172a;letter-spacing:-.3px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:15px;font-weight:800;line-height:1.2}.stat-lbl{color:#64748b;letter-spacing:0;margin-top:1px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:11px;font-weight:600}.cine-stat-sep{background:linear-gradient(#0000,#cbd5e1,#0000);flex-shrink:0;width:1px;height:24px;margin:0 4px}.cine-form-pane{perspective:1000px;flex:.95;justify-content:center;align-items:center;display:flex}.cine-glass-card{will-change:transform;background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:100%;max-width:620px;padding:24px 28px 20px;position:relative;box-shadow:0 20px 45px -10px #0f172a14,0 0 25px #ff5e180f}.cine-card-header{text-align:center;margin-bottom:14px}.cine-avatar-circle{background:#fff7ed;border:1.5px solid #fdba74;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 8px;display:flex;box-shadow:0 0 14px #ff5e182e}.avatar-neon-orange{color:var(--c-orange-main)}.cine-card-header h2{color:#0f172a;letter-spacing:-.3px;margin:0 0 4px;font-size:21px;font-weight:800}.cine-form-row-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=400px){.cine-form-row-2col{grid-template-columns:1fr}}.cine-role-selector-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}@media (width<=600px){.cine-role-selector-grid{grid-template-columns:1fr}}.cine-role-card{cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;min-height:94px;padding:12px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.cine-role-card:hover{background:#fff7ed;border-color:#fdba74;transform:translateY(-2px)}.cine-role-card.active{border-color:var(--c-orange-main);background:#fff7ed;box-shadow:0 4px 14px #ff5e181f}.role-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.role-icon-box{width:32px;height:32px;color:var(--c-orange-main);background:#ffedd5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cine-role-card.active .role-icon-box{background:var(--c-orange-main);color:#fff}.role-text-box{flex-direction:column;gap:2px;display:flex}.role-title{color:#0f172a;white-space:normal;font-size:12.5px;font-weight:800;line-height:1.25}.role-desc{color:#64748b;white-space:normal;font-size:10.5px;font-weight:600;line-height:1.25}.role-radio-dot{border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cine-role-card.active .role-radio-dot{border-color:var(--c-orange-main)}.role-radio-dot .dot-fill{background:var(--c-orange-main);border-radius:50%;width:8px;height:8px}.cine-alert{border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.alert-err{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.alert-suc{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7}.alert-ico{flex-shrink:0}.cine-form{flex-direction:column;gap:10px;display:flex}.cine-field-group{flex-direction:column;gap:4px;display:flex}.cine-field-group label{color:#1e293b;letter-spacing:.5px;font-size:10.5px;font-weight:800}.cine-label-flex{justify-content:space-between;align-items:center;display:flex}.cine-forgot-btn{color:var(--c-orange-main);cursor:pointer;background:0 0;border:none;padding:0;font-size:10.5px;font-weight:700;transition:color .2s}.cine-forgot-btn:hover{color:#ea580c;text-decoration:underline}.cine-input-box{align-items:center;display:flex;position:relative}.input-ico{color:#64748b;pointer-events:none;z-index:2;transition:color .2s;position:absolute;left:14px}.cine-input-box input{box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:40px;padding:0 40px;font-size:13.5px;transition:border-color .2s,box-shadow .2s;color:#0f172a!important;background:#fff!important}input::-ms-reveal{width:0!important;height:0!important;display:none!important}input::-ms-clear{width:0!important;height:0!important;display:none!important}input::-webkit-contacts-auto-fill-button{visibility:hidden!important;pointer-events:none!important;position:absolute!important;right:0!important}input::-webkit-credentials-auto-fill-button{visibility:hidden!important;pointer-events:none!important;position:absolute!important;right:0!important}.cine-input-box input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;border-color:var(--c-orange-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.cine-input-box input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;border-color:var(--c-orange-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.cine-input-box input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;border-color:var(--c-orange-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.cine-input-box input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;border-color:var(--c-orange-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.cine-input-box input::placeholder{color:#94a3b8}.cine-input-box input:focus{border-color:var(--c-orange-main)!important;background:#fff!important;box-shadow:0 0 0 3.5px #ff5e1826!important}.cine-input-box.has-error input{border-color:#ef4444!important;box-shadow:0 0 0 3.5px #ef444426!important}.cine-input-box:focus-within .input-ico{color:var(--c-orange-main)}.eye-toggle{color:#64748b;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.eye-toggle:hover{color:#0f172a}.cine-field-error{color:#dc2626;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.cine-strength-bar-box{align-items:center;gap:8px;margin-top:2px;display:flex}.cine-strength-bars{flex:1;gap:4px;display:flex}.bar{background:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:background-color .3s}.bar.st-weak{background:#ef4444}.bar.st-medium{background:#f59e0b}.bar.st-strong{background:#10b981}.cine-strength-label{font-size:10.5px;font-weight:700}.st-weak{color:#dc2626}.st-medium{color:#d97706}.st-strong{color:#059669}.cine-pwd-hint{color:#64748b;margin-top:2px;font-size:10.5px}.cine-remember-row{align-items:center;margin-top:2px;display:flex}.cine-checkbox-label{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;padding-left:22px;font-size:12px;display:flex;position:relative}.cine-checkbox-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.cine-checkbox-custom{background-color:#fff;border:1.5px solid #cbd5e1;border-radius:4px;width:15px;height:15px;transition:all .2s;position:absolute;top:1px;left:0}.cine-checkbox-label:hover input~.cine-checkbox-custom{border-color:var(--c-orange-main)}.cine-checkbox-label input:checked~.cine-checkbox-custom{background-color:var(--c-orange-main);border-color:var(--c-orange-main);box-shadow:0 0 8px #ff5e184d}.cine-checkbox-custom:after{content:"";display:none;position:absolute}.cine-checkbox-label input:checked~.cine-checkbox-custom:after{display:block}.cine-checkbox-label .cine-checkbox-custom:after{border:2px solid #fff;border-width:0 2px 2px 0;width:3px;height:6px;top:1px;left:4px;transform:rotate(45deg)}.cine-submit-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#ff5e18 0%,#ff8a00 50%,#ea580c 100%);border:none;border-radius:10px;width:100%;min-height:42px;margin-top:4px;padding:10px;font-size:14.5px;font-weight:800;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 8px 22px #ff5e1861}.cine-btn-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.cine-submit-btn:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 12px 28px #ff5e1880}.cine-submit-btn:hover .cine-btn-glow{transform:translate(100%)}.cine-submit-btn:disabled{opacity:.7;cursor:not-allowed}.cine-btn-content{z-index:2;justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.btn-arrow-slide{transition:transform .2s}.cine-submit-btn:hover .btn-arrow-slide{transform:translate(4px)}.cine-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cine-switch-footer{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;display:flex}.cine-switch-link{color:var(--c-orange-main);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:800;transition:color .2s}.cine-switch-link:hover{color:#ea580c;text-decoration:underline}.cine-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cine-modal-box{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:380px;padding:24px;position:relative;box-shadow:0 20px 50px #0f172a26}.cine-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .2s,color .2s;display:flex;position:absolute;top:12px;right:12px}.cine-modal-close:hover{color:#0f172a;background:#e2e8f0}.cine-modal-header{text-align:center;margin-bottom:14px}.cine-modal-header h3{color:#0f172a;margin:6px 0 3px;font-size:18px;font-weight:800}.cine-modal-header p{color:#64748b;margin:0;font-size:12px}.cine-modal-form{flex-direction:column;gap:14px;display:flex}@media (width<=1200px){.cine-auth-container{gap:32px;padding:20px 24px}.cine-title-text{font-size:32px}.cine-subtitle-text{font-size:13.5px}.cine-3d-hologram-stack{height:215px;margin:2px 0}.cine-holo-card{height:210px}.cine-glass-card{padding:22px 24px}}@media (width<=992px){.cine-auth-viewport{height:auto;min-height:100vh;max-height:none;padding:24px 16px;overflow-y:auto}.cine-auth-container{flex-direction:column;gap:28px;height:auto;max-height:none;padding:0}.cine-showcase-pane{text-align:center;align-items:center;width:100%;max-width:520px;padding:0}.cine-brand-header{justify-content:center}.cine-subtitle-text{margin:0 auto}.cine-3d-hologram-stack{max-width:480px;height:205px;margin:4px auto}.cine-holo-card{height:200px}.cine-cyber-chip{display:none}.cine-stats-strip{width:100%;max-width:480px;margin:0 auto}.cine-form-pane{width:100%;max-width:500px}.cine-glass-card{max-width:100%}}@media (width<=768px){.cine-title-text{letter-spacing:-.5px;font-size:26px}.cine-logo-img{height:75px}.cine-subtitle-text{font-size:13px}.cine-3d-hologram-stack{height:200px}.cine-holo-card{height:175px}.holo-card-code{font-size:11px}}@media (width<=576px){.cine-auth-viewport{padding:16px 12px}.cine-title-text{font-size:22px}.cine-logo-img{height:65px}.cine-form-row-2col{gap:10px}.cine-role-selector-grid{grid-template-columns:1fr}.cine-glass-card{border-radius:18px;padding:20px 16px 16px}.cine-stats-strip{border-radius:14px;gap:4px;padding:8px 10px}.stat-icon-wrapper{border-radius:8px;width:28px;height:28px}.stat-icon-wrapper svg{width:14px;height:14px}.stat-num{font-size:13px}.stat-lbl{font-size:9.5px}.cine-stat-sep{height:18px;margin:0 2px}.cine-tab-btn{padding:7px 8px;font-size:12px}.cine-card-header h2{font-size:18px}}@media (width<=480px){.cine-title-text{font-size:20px}.cine-stats-strip{justify-content:space-between;gap:2px;padding:6px 8px;flex-flow:row!important}.cine-stat-unit{flex:1;justify-content:center;gap:4px;min-width:0}.stat-icon-wrapper{border-radius:6px;width:24px;height:24px}.stat-icon-wrapper svg{width:12px;height:12px}.stat-num{white-space:nowrap;font-size:11.5px}.stat-lbl{white-space:nowrap;font-size:8.5px}.cine-stat-sep{opacity:.6;height:16px;margin:0 1px;display:block}}.sch-home-page{max-width:1280px;margin:0 auto;padding:0 0 48px;font-family:Outfit,sans-serif}.sch-hero-banner{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#2563eb 100%);border-radius:0 0 28px 28px;margin-bottom:32px;padding:40px 48px;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #4f46e566}.sch-hero-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fbbf24;letter-spacing:.8px;background:#ffffff26;border:1px solid #ffffff40;border-radius:99px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:.78rem;font-weight:800;display:inline-flex}.sch-hero-title{letter-spacing:-.5px;margin:0 0 12px;font-size:2.4rem;font-weight:900;line-height:1.2}.sch-hero-sub{color:#e0e7ff;max-width:650px;margin:0 0 24px;font-size:1rem;line-height:1.6}.sch-hero-pills{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sch-pill-btn-gold{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:99px;align-items:center;gap:8px;padding:12px 24px;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #f59e0b59}.sch-pill-btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f59e0b73}.sch-pill-btn-white{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:99px;align-items:center;gap:8px;padding:12px 22px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.sch-pill-btn-white:hover{background:#ffffff40;transform:translateY(-2px)}.sch-section-wrap{margin-bottom:32px;padding:0 24px}.sch-sec-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.sch-sec-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sch-sec-header h2{color:#0f172a;margin:0 0 2px;font-size:1.3rem;font-weight:800}.sch-sec-header p{color:#64748b;margin:0;font-size:.82rem}.sch-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.sch-card-item{color:#0f172a;background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 16px #00000005}.sch-card-item:hover{border-color:#6366f140;transform:translateY(-4px);box-shadow:0 14px 32px #6366f11f}.sch-card-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sch-card-item h3{margin:0;font-size:1.1rem;font-weight:800}.sch-card-item p{color:#64748b;margin:0;font-size:.82rem;line-height:1.5}.sch-card-badge{border-radius:99px;width:fit-content;padding:3px 10px;font-size:.7rem;font-weight:800}.sch-card-action{color:#4f46e5;align-items:center;gap:4px;margin-top:auto;font-size:.8rem;font-weight:800;display:flex}.sch-dashboard-container{color:#0f172a;background:#fcfdff;height:100vh;display:flex;overflow:hidden}.sch-sidebar{z-index:10;background-color:#fff;border-right:1px solid #0000000d;flex-direction:column;width:270px;transition:all .3s;display:flex;position:relative;box-shadow:4px 0 30px #0000000d}.sch-sidebar-header,.sch-sidebar-content,.sch-sidebar-footer{z-index:1;position:relative}.sch-sidebar-header{align-items:center;padding:12px 18px;display:flex}.sch-sidebar-toggle{cursor:pointer;color:#475569;z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:21px;right:-15px;box-shadow:0 4px 6px -1px #0000001a}.sch-sidebar-toggle:hover{color:#0ea5e9;background:#f8fafc;transform:scale(1.1)}.sch-logo{object-fit:contain;width:auto;max-height:48px}.sch-sidebar-content{flex:1;padding:10px 10px 30px 20px;overflow-y:auto}.sch-sidebar-content::-webkit-scrollbar{width:5px}.sch-sidebar-content::-webkit-scrollbar-track{background:0 0}.sch-sidebar-content::-webkit-scrollbar-thumb{background:#0ea5e94d;border-radius:10px}.sch-section-items{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.sch-sidebar-item{cursor:pointer;color:#475569;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;font-family:PT Serif Caption,serif;font-size:1rem;font-weight:400;text-decoration:none;transition:all .2s;display:flex;position:relative}.sch-item-label-group{align-items:center;gap:12px;display:flex}.sch-sidebar-icon{opacity:.8;transition:opacity .2s}.sch-sidebar-item:hover .sch-sidebar-icon,.sch-sidebar-item.active .sch-sidebar-icon{opacity:1}.sch-sidebar-item:hover{color:#1e293b;background:#f8fafc;transform:translate(2px)}.sch-sidebar-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);font-style:italic;font-weight:600;box-shadow:0 4px 12px #2563eb33;color:#fff!important}.sch-sidebar-item.active .sch-sidebar-icon{color:#fff!important;opacity:1!important}.sch-sidebar-footer{background:0 0;border-top:none;padding:0 8px 5px}.sch-logout-button{text-align:center;color:#f43f5e;box-sizing:border-box;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0;font-family:PT Serif Caption,serif;font-style:italic;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.sch-logout-button:hover{background:#ffe4e6;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e1a}.sch-main-content{background-color:#f4f7fe;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sch-main-content:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#0ea5e91a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:0;right:0}.sch-content-area{z-index:1;-ms-overflow-style:none;scrollbar-width:none;background-color:#f4f7fe;flex-direction:column;flex:1;gap:0;padding:0;display:flex;overflow-y:auto}.sch-content-area::-webkit-scrollbar{display:none}.sch-dashboard-container.collapsed .sch-sidebar{width:80px}.sch-dashboard-container.collapsed .sch-sidebar-header{justify-content:center;padding:12px 0}.sch-dashboard-container.collapsed .sch-logo{width:100%;max-width:80px}.sch-dashboard-container.collapsed .sch-sidebar-content{padding-top:0}.sch-dashboard-container.collapsed .sch-sidebar-footer{justify-content:center;padding:0 0 12px;display:flex}.sch-dashboard-container.collapsed .sch-logout-button{border-radius:12px;width:44px;height:44px;padding:0}.sch-dashboard-container.collapsed .sch-item-text,.sch-dashboard-container.collapsed .sch-logout-button span{display:none}.sch-dashboard-container.collapsed .sch-sidebar-item{justify-content:center;padding:9.5px 0}.sch-dashboard-container.collapsed .sch-item-label-group{gap:0}.sch-sidebar-overlay{display:none}@media (width<=768px){.sch-dashboard-container{flex-direction:column;height:100vh}.sch-sidebar{z-index:1000;width:270px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sch-dashboard-container:not(.collapsed) .sch-sidebar{transform:translate(0)}.sch-sidebar-toggle{display:none}.sch-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a66;display:block;position:fixed;inset:0}.sch-mobile-header{z-index:10;background:#fff;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 2px 10px #00000005}.sch-menu-toggle-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.sch-menu-toggle-btn:hover{color:#3b82f6;background-color:#f1f5f9}.sch-mobile-logo{object-fit:contain;width:auto;max-height:36px}.sch-notification-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex;position:relative}.sch-notification-btn:hover{color:#3b82f6;background-color:#f1f5f9}.sch-notification-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px}.sch-content-area{padding:16px!important}}@media (width>=769px){.sch-mobile-header{display:none}}.col-dashboard-container{background:#f8fafc;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex;position:relative}.col-sidebar{z-index:100;background:#fff;border-right:1.5px solid #e2e8f0;flex-direction:column;width:255px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 20px #0f172a08}.col-dashboard-container.collapsed .col-sidebar{width:78px}.col-sidebar-toggle{color:#475569;cursor:pointer;z-index:105;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:24px;right:-14px;box-shadow:0 2px 8px #0f172a14}.col-sidebar-header{border-bottom:1.5px solid #f1f5f9;align-items:center;gap:10px;padding:20px 18px;display:flex}.col-logo{object-fit:contain;height:36px}.col-logo-tag{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:800}.col-sidebar-content{flex-direction:column;flex:1;justify-content:space-between;padding:16px 12px;display:flex;overflow-y:auto}.col-section-items{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.col-sidebar-link{color:#475569;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.col-sidebar-link:hover{color:#0f172a;background:#f1f5f9}.col-sidebar-link.active{color:#fff;background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);box-shadow:0 4px 14px #4361ee4d}.col-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.logout-btn{cursor:pointer;color:#ef4444;background:0 0;border:none;width:100%}.logout-btn:hover{color:#dc2626;background:#fef2f2}.col-main-content{flex-direction:column;flex:1;min-width:0;margin-left:255px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.col-dashboard-container.collapsed .col-main-content{margin-left:78px}.col-top-navbar{z-index:90;background:#fff;border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.col-navbar-left{align-items:center;gap:12px;display:flex}.col-mobile-hamburger{color:#475569;cursor:pointer;background:0 0;border:none;display:none}.col-nav-badge{color:#2563eb;background:#eff6ff;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:800;display:flex}.col-navbar-right{align-items:center;gap:16px;display:flex}.col-nav-user-chip{align-items:center;gap:8px;display:flex}.col-user-avatar{color:#fff;background:linear-gradient(135deg,#ff5e18 0%,#ff8a00 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.col-user-name{color:#0f172a;font-size:.88rem;font-weight:700}.col-page-wrapper{flex:1;padding:24px}.col-hero-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:24px;margin-bottom:24px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a1f}.col-hero-badge{color:#38bdf8;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.col-hero-title{letter-spacing:-.02em;margin:0 0 10px;font-size:2rem;font-weight:900}.col-title-gradient{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.col-hero-sub{color:#94a3b8;max-width:680px;margin:0 0 24px;font-size:.95rem;line-height:1.5}.col-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.col-btn-primary{color:#fff;background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #4361ee66}.col-btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.col-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}@media (width<=992px){.col-metrics-grid{grid-template-columns:repeat(2,1fr)}}.col-metric-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;padding:18px 16px;display:flex;box-shadow:0 2px 10px #0f172a08}.col-mc-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.col-mc-icon.orange{color:#ea580c;background:#fff7ed}.col-mc-icon.blue{color:#2563eb;background:#eff6ff}.col-mc-icon.green{color:#10b981;background:#ecfdf5}.col-mc-icon.purple{color:#7c3aed;background:#f5f3ff}.col-mc-val{color:#0f172a;font-size:1.25rem;font-weight:900;line-height:1.2;display:block}.col-mc-lbl{color:#64748b;font-size:.75rem;font-weight:700}.col-section-title{color:#0f172a;margin:0 0 16px;font-size:1.2rem;font-weight:900}.col-tracks-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.col-track-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:22px;transition:transform .25s,border-color .25s;display:flex}.col-track-card:hover{border-color:#cbd5e1;transform:translateY(-4px)}.col-tc-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.col-tc-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.col-tc-icon.orange{color:#ea580c;background:#fff7ed}.col-tc-icon.blue{color:#2563eb;background:#eff6ff}.col-tc-icon.green{color:#10b981;background:#ecfdf5}.col-tc-tag{color:#64748b;letter-spacing:.5px;font-size:.68rem;font-weight:800}.col-track-card h3{color:#0f172a;margin:0 0 8px;font-size:1.1rem;font-weight:800}.col-track-card p{color:#64748b;flex:1;margin:0 0 18px;font-size:.85rem;line-height:1.45}.col-tc-link{color:#4361ee;align-items:center;gap:6px;font-size:.85rem;font-weight:800;text-decoration:none;display:inline-flex}.col-cards-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.col-cards-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.col-tab-pill{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:8px 16px;font-size:.82rem;font-weight:800;transition:all .2s}.col-tab-pill:hover{color:#0f172a;border-color:#cbd5e1}.col-tab-pill.active{color:#fff;background:linear-gradient(135deg,#ff5e18 0%,#ff8a00 100%);border-color:#0000;box-shadow:0 4px 12px #ff5e1840}.col-search-box{align-items:center;min-width:280px;display:flex;position:relative}.col-search-box .search-ico{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.col-search-box input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;outline:none;width:100%;height:40px;padding:0 16px 0 40px;font-size:.85rem;transition:border-color .2s}.col-search-box input:focus{border-color:#4361ee}.col-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.col-content-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0f172a08}.col-content-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 12px 28px #0f172a14}.col-card-thumb{justify-content:center;align-items:center;height:150px;padding:16px;display:flex;position:relative}.col-thumb-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;background:#0f172aa6;border-radius:12px;padding:4px 10px;font-size:.65rem;font-weight:800;position:absolute;top:12px;left:12px}.col-thumb-cat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff40;border-radius:8px;padding:3px 8px;font-size:.68rem;font-weight:800;position:absolute;bottom:12px;right:12px}.col-thumb-overlay .play-btn-circle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:3px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #0003}.col-content-card:hover .play-btn-circle{background:#fff6;transform:scale(1.1)}.col-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.col-card-title{color:#0f172a;margin:0 0 8px;font-size:1.05rem;font-weight:800;line-height:1.35}.col-card-desc{color:#64748b;flex:1;margin:0 0 16px;font-size:.83rem;line-height:1.5}.col-card-meta-box{background:#f8fafc;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px;display:flex}.col-card-meta-box .meta-item{color:#475569;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.col-card-footer{align-items:center;gap:8px;display:flex}.col-card-action-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:38px;font-size:.82rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.col-card-action-btn.primary{color:#fff;background:#4361ee;border:none;flex:1}.col-card-action-btn.primary:hover{background:#3a0ca3}.col-card-action-btn.secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;width:38px}.col-card-action-btn.secondary:hover{color:#0f172a;background:#e2e8f0}.col-empty-cards{text-align:center;background:#fff;border:1.5px dashed #cbd5e1;border-radius:20px;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:60px 20px;display:flex}.col-empty-cards h3{color:#0f172a;margin:0;font-size:1.1rem}.col-empty-cards p{color:#64748b;margin:0;font-size:.88rem}.col-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.col-modal-card{background:#fff;border-radius:24px;width:100%;max-width:540px;animation:.25s cubic-bezier(.4,0,.2,1) modalPop;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.col-modal-header{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.col-modal-header h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.col-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px}.col-modal-form{flex-direction:column;gap:14px;padding:24px;display:flex}.col-modal-form .form-group{flex-direction:column;gap:6px;display:flex}.col-modal-form label{color:#475569;letter-spacing:.5px;font-size:.72rem;font-weight:800}.col-modal-form input,.col-modal-form select,.col-modal-form textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.88rem}.col-modal-form input:focus,.col-modal-form select:focus,.col-modal-form textarea:focus{border-color:#4361ee}.col-modal-form .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.col-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.col-modal-actions .btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:10px 18px;font-weight:700}.col-modal-actions .btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5e18 0%,#ff8a00 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-weight:800;display:inline-flex}