@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{font-family:Inter,sans-serif;background-color:var(--background)}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none}html{scroll-behavior:smooth}.lesson-quill-editor .ql-container,.lesson-quill-editor .ql-editor{min-height:300px!important;max-height:700px!important;height:auto!important}.upload-subtext{font-size:12px;color:var(--review-text);margin-top:4px}.center{text-align:center}section{overflow:hidden;display:flex;padding:120px 0;flex-direction:column;justify-content:center;align-items:center;gap:90px;align-self:stretch;background:#fff}.top{display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.top>h2{text-align:center}.top>p{max-width:900px}@media only screen and (max-width: 700px){section{display:flex;padding:90px 0}.top>p{max-width:90%}}:root{--bg: #000000;--ButtonPrimary: #101828;--ButtonPrimaryHover: #282f3d;--primaryFontFamily: Inter;--secondaryFontFamily: Bricolage Grotesque}:root textarea,:root input,:root button{font-family:inter}:root h1{font-family:var(--secondaryFontFamily, "Bricolage Grotesque");font-size:var(--Text-Sizes-H1, 64px);font-style:normal;font-weight:var(--semibold, 600);line-height:110%;letter-spacing:-.64px;text-transform:capitalize}@media only screen and (max-width: 1250px){:root h1{font-size:50px}}@media only screen and (max-width: 800px){:root h1{font-size:36px}}:root h2{font-family:var(--secondaryFontFamily, "Inter");font-size:48px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.64px}@media only screen and (max-width: 1250px){:root h2{font-size:40px}}@media only screen and (max-width: 800px){:root h2{font-size:32px}}@media only screen and (max-width: 500px){:root h2{font-size:30px}}:root .pxl{color:var(--Component-colors-Utility-Gray-utility-gray-600, #475467);font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:var(--Text-Sizes-P-XLg, 18px);font-style:normal;font-weight:var(--FontWeight-fontWeight-regular, 400);line-height:140%;letter-spacing:-.18px}@media only screen and (max-width: 1250px){:root .pxl{font-size:16px}}@media only screen and (max-width: 800px){:root .pxl{font-size:15px}}:root{--section-bg: #FFF5F5;--sidebar-success-bg: #4CAF50;--text-muted: #666666;--testimonial-text: #ffffff;--testimonial-accent: #FB584C;--testimonial-accent-rgba: rgba(251, 88, 76, .7);--nav-dashboard-bg-rgba: rgba(0, 0, 0, .03);--accent-orange: #F97066;--nav-dashboard-text: #FFF;--nav-dashboard-bg-alt: #EEF3FF;--nav-dashboard-shadow-1: 0 2px 8px rgba(0, 0, 0, .05);--nav-dashboard-shadow-2: 0 4px 15px rgba(0, 0, 0, .1);--nav-dashboard-bg-dark: #1A1A1A;--sidebar-nav-text: #ffffff;--sidebar-nav-border-rgba: rgba(255, 255, 255, .1);--sidebar-nav-bg-dark: #1A1A1A;--off-white-footer-text: #F4F4F4;--primary-color: #191919;--white: #FFFFFF;--sidebar-primary: #353E47;--sidebar-primary-hover: #353E47;--sidebar-background: #070E13;--background: #ffffff;--text-colour: #333333;--stroke: #EBEBEB;--text-link: #FFFFFF;--headline: #CBD1D8;--expand-button: #353E47;--logout: #FA7575;--table-background: #FFFFFF;--table-border: #E6E6E6;--table-header-bg: #fbfbfe;--table-row-hover: #fbfbfe;--table-text: #5b5b5b;--table-divider: #f3f4f6;--button-primary: #293444;--button-primary-border: #1f2937;--button-primary-hover: #363f4f;--button-primary-text: #f7f7f7;--button-secondary: #fbfbfb;--button-secondary-border: #f1f2f6;--button-secondary-hover: #f1f1f2;--button-secondary-text: #1f2937;--button-tertiary-text: #1f2937;--button-tertiary: #f2f2f6;--button-tertiary-border: #e4e4e4;--button-tertiary-hover: #e5e7eb;--button-new-module: #75E0A7;--button-new-module-text: #1f5850;--button-danger: #EF4444;--button-danger-hover: #DC2626;--button-danger-light: #fff5f5;--button-danger-border: #ffd5d5;--Lesson-check: #eb564c;--Video-progress: #d01002;--Video-active: #ff4346;--rating-star: #fbbf24;--review-text: #6b7280;--form-border: #d2d2d2;--form-focus: #8a8a8a;--form-placeholder: #AAA;--input-background: #fbfbfb;--input-border: #ececf3;--upload-area-bg: #f9fafb;--upload-border: #e5e7eb;--upload-icon: #c1c4cc;--upload-section-text: #acadb3;--selected-text-bg: #e4e7eb;--progress-bg: #E6E6E6;--progress-fill: #4CAF50;--progress-text: #666666;--module-background: #fafafa;--module-border: #e9e9e9;--border-line: #e9e9e9;--pill: #f0f0f0;--pilltxt: #5f5f5f;--fill: #eaeaea;--activity-background: #f7f7f8;--activity-cell-inactive: #f3f4f6;--activity-cell-low: #dbeafe;--activity-cell-medium: #60a5fa;--activity-cell-high: #2563eb;--activity-text: #333333;--activity-text-secondary: #6b7280;--activity-border: #e5e7eb;--activity-select-bg: #f9fafb;--ai-chat-background: #ffffff;--ai-chat-header: #ffffff;--ai-chat-border: #e5e7eb;--ai-chat-shadow: rgba(0, 0, 0, .08);--ai-message-bg: #f3f4f6;--ai-message-text: #374151;--ai-message-text-secondary: #9ca3af;--ai-user-message-bg: #3b82f6;--ai-user-message-text: #ffffff;--ai-input-bg: #ffffff;--ai-fab-bg: #3b82f6;--ai-fab-hover: #2563eb;--success-bg: #388e3c}:root[data-theme=dark]{--section-bg: #2a2323;--sidebar-success-bg: #388e3c;--success-bg: #388e3c;--text-muted: #aaaaaa;--testimonial-accent: #FB584C;--testimonial-accent-rgba: rgba(251, 88, 76, .5);--nav-dashboard-bg-rgba: rgba(255, 255, 255, .03);--accent-orange: #F97066;--nav-dashboard-text: #222;--nav-dashboard-bg-alt: #23272f;--nav-dashboard-shadow-1: 0 2px 8px rgba(0, 0, 0, .15);--nav-dashboard-shadow-2: 0 4px 15px rgba(0, 0, 0, .25);--nav-dashboard-bg-dark: #111111;--sidebar-nav-text: #e4e4e4;--sidebar-nav-border-rgba: rgba(255, 255, 255, .08);--sidebar-nav-bg-dark: #181818;--off-white-footer-text: #bdbdbd;--background: #202020;--table-background: #242424;--table-header-bg: #2a2a2a;--table-row-hover: #292929;--module-background: #272727;--module-border: #383838;--module-hover: #353535;--table-border: #333333;--table-divider: #333333;--stroke: #333333;--text-colour: #e4e4e4;--table-text: #d1d1d1;--review-text: #9ca3af;--button-primary: #2563eb;--button-primary-hover: #1d4ed8;--button-primary-text: #f0f0f0;--button-secondary: #353535;--button-secondary-border: #333333;--button-secondary-hover: #4c4c4c;--button-secondary-text: #e6e6e6;--button-tertiary-text: #e6e6e6;--button-tertiary: #2f2f2f;--button-tertiary-border: #2c2c2c;--button-tertiary-hover: #454545;--button-new-module: #537919;--button-new-module-text: #e3e3c5;--button-danger: #dc2626;--button-danger-hover: #b91c1c;--button-danger-light: #312626;--button-danger-border: #4a2222;--form-border: #404040;--form-focus: #4a5568;--form-placeholder: #6b7280;--input-background: #3b3b3b;--input-border: #505050;--input-text: #e8e8e8;--upload-area-bg: #333333;--upload-border: #404040;--upload-icon: #888888;--border-line: #404040;--progress-bg: #333333;--progress-fill: #059669;--progress-text: #9ca3af;--Lesson-check: #F97066;--pill: #4e4e4e;--pilltxt: #eaeaea;--fill: #3b3b3b;--rating-star: #eab308;--white: #ffffff;--selected-text-bg: #4b545f;--activity-background: #1A1A1A;--activity-cell-inactive: #20203a;--activity-cell-low: #1e3a8a;--activity-cell-medium: #1d4ed8;--activity-cell-high: #3b82f6;--activity-text: #e4e4e4;--activity-text-secondary: #9ca3af;--activity-border: #333333;--activity-select-bg: #2f2f2f;--ai-chat-background: #1e1e1e;--ai-chat-header: #1e1e1e;--ai-chat-border: #2d2d2d;--ai-chat-shadow: rgba(0, 0, 0, .3);--ai-message-bg: #2d2d2d;--ai-message-text: #e5e7eb;--ai-message-text-secondary: #9ca3af;--ai-user-message-bg: #3b82f6;--ai-user-message-text: #ffffff;--ai-input-bg: #1e1e1e}.ql-toolbar,.ql-container{font-family:inherit}.ql-editor{color:var(--text-colour);min-height:500px;padding:1rem}.ql-editor::selection{background-color:var(--selected-text-bg);min-height:500px;padding:1rem}.ql-editor.ql-blank:before{color:var(--form-placeholder)!important;font-style:normal}.ql-editor::-webkit-scrollbar{width:6px}.ql-editor::-webkit-scrollbar-thumb{background-color:var(--form-border);border-radius:3px}.ql-container.ql-snow,.ql-toolbar.ql-snow{border:1px solid var(--module-border)!important;box-shadow:none}.ql-toolbar.ql-snow{border-bottom:none!important}.ql-container{border-radius:0 0 .7rem .7rem!important}.ql-toolbar{border-radius:.7rem .7rem 0 0!important}.sidebar-header[data-v-d5efcd09]{height:80px;display:flex;align-items:center}.hamburger[data-v-d5efcd09]{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between;background:var(--background);border:none}.hamburger span[data-v-d5efcd09]{width:100%;height:2px;background-color:var(--text-colour);transition:transform .3s ease;transform-origin:left}.menu-toggle[data-v-d5efcd09]{background:none;border:none;padding:14px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.menu-toggle .hamburger span[data-v-d5efcd09]:first-child{transform:rotate(45deg)}.menu-toggle .hamburger span[data-v-d5efcd09]:nth-child(2){opacity:0}.menu-toggle .hamburger span[data-v-d5efcd09]:last-child{transform:rotate(-45deg)}.menu-toggle.active .hamburger span[data-v-d5efcd09]:first-child{transform:rotate(0)}.menu-toggle.active .hamburger span[data-v-d5efcd09]:nth-child(2){opacity:1}.menu-toggle.active .hamburger span[data-v-d5efcd09]:last-child{transform:rotate(0)}.chat[data-v-d5efcd09]{display:flex;padding:12px;align-items:center;justify-content:center;gap:8px}.end-class-button[data-v-d5efcd09]{display:flex;height:40px;padding:0 20px;align-items:center;gap:10px;outline:none;border:none;border-radius:360px;color:#fff;background:#c41508;cursor:pointer}.end-class-button[data-v-d5efcd09]:hover{background:#a21106;transition:.3s ease-in-out}nav[data-v-d5efcd09]{position:sticky;top:0;z-index:10;height:80px;padding:0 24px 0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);background-color:var(--background);will-change:width;color:var(--text-colour);transition:none}main[data-v-d5efcd09]{padding:20px}.sidebar-header>h3[data-v-d5efcd09]{text-transform:capitalize;font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:var(--Text-Sizes-P-XLg, 18px);font-style:normal;font-weight:var(--FontWeight-fontWeight-semibold, 500);line-height:140%;letter-spacing:.2px}menu[data-v-d5efcd09]{display:flex;justify-content:center;align-items:center;gap:16px}.notice[data-v-d5efcd09]{display:flex;align-items:flex-start}.notice>img[data-v-d5efcd09]{width:30px;height:30px}.icon[data-v-d5efcd09]{cursor:pointer;padding:8px;width:48px;height:48px;transition:transform .2s ease;border-radius:360px}.icon[data-v-d5efcd09]:hover{transform:scale(1.07);transition:transform .2s ease}.message-count[data-v-d5efcd09]{display:flex;padding:4px 6px;justify-content:center;align-items:center;gap:10px;border-radius:360px;background:#f97066;margin-left:-14px;margin-top:-3px;color:#fff;font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:12px;font-style:normal;font-weight:var(--FontWeight-fontWeight-medium, 500);line-height:100%;letter-spacing:-.12px}.profile-img[data-v-d5efcd09]{width:40px;height:40px;border-radius:100%;border:2px solid #F97066;background:#eef3ff}.user-profile[data-v-d5efcd09]{display:flex;justify-content:flex-end;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.user-profile[data-v-d5efcd09]:hover{background-color:var(--stroke);transform:scale(1.02);box-shadow:0 2px 8px #0000000d}.user-profile-wrapper[data-v-d5efcd09]{position:relative}.dropdown-menu[data-v-d5efcd09]{position:absolute;top:calc(100% + 8px);right:0;background:var(--background);border:1px solid var(--stroke);border-radius:12px;min-width:200px;box-shadow:0 4px 15px #0000001a;padding:0;z-index:20;overflow:hidden}.dropdown-item[data-v-d5efcd09]{display:flex;align-items:center;gap:8px;padding:14px 24px;color:var(--text-colour);text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--stroke)}.dropdown-item[data-v-d5efcd09]:last-child{border-bottom:none;color:#f97066}.dropdown-item[data-v-d5efcd09]:hover{background-color:var(--stroke)}.dropdown-item[data-v-d5efcd09]:first-child:hover{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown-item[data-v-d5efcd09]:last-child:hover{border-bottom-left-radius:12px;border-bottom-right-radius:12px}@media screen and (max-width: 768px){.icon-button[data-v-d5efcd09],.user-profile[data-v-d5efcd09],.drop-down[data-v-d5efcd09],h3[data-v-d5efcd09]{display:none}menu[data-v-d5efcd09]{display:flex;flex-direction:row;align-items:center;margin-left:auto}nav[data-v-d5efcd09]{padding:32px 24px;background:#1a1a1a}.dropdown-menu[data-v-d5efcd09]{display:none}}.sidebar[data-v-4a0e5f75]{width:400px;min-width:250px;max-width:600px;height:100vh;background:var(--activity-background);display:flex;flex-direction:column;position:relative;resize:horizontal}.resize-handle[data-v-4a0e5f75]{position:absolute;right:0;top:0;width:4px;height:100%;cursor:ew-resize;background:transparent}.resize-handle[data-v-4a0e5f75]:hover{background:var(--stroke)}.sidebar-title[data-v-4a0e5f75]{font-size:24px;font-weight:400;font-family:var(--primaryFontFamily);letter-spacing:-.6px;height:80px;padding:0 38px;border-bottom:1px solid var(--stroke);color:var(--text-colour);align-content:center}.lessons[data-v-4a0e5f75]{padding:20px 38px;overflow-y:auto;height:calc(100vh - 80px);max-height:calc(100vh - 80px)}.section-header[data-v-4a0e5f75]{display:flex;justify-content:space-between;align-items:center;padding:15px 0;cursor:pointer;font-size:18px;color:var(--table-text)}.toggle-icon[data-v-4a0e5f75]{font-size:24px;font-weight:300}.section-content[data-v-4a0e5f75]{overflow:hidden;transition:all .3s ease-out;margin-left:10px;max-height:0}.section-content.expanded[data-v-4a0e5f75]{max-height:1000px}.lesson-item[data-v-4a0e5f75]{display:flex;align-items:center;padding:14px 0;gap:10px}.lesson-item[data-v-4a0e5f75]:not(:last-child){border-bottom:.5px solid var(--stroke)}.status-icon[data-v-4a0e5f75]{width:20px;height:20px;border-radius:50%;border:3px solid var(--Lesson-check);display:flex;align-items:center;justify-content:center}.status-icon.completed[data-v-4a0e5f75]{background:var(--sidebar-success-bg);border-color:var(--sidebar-success-bg)}.check-icon[data-v-4a0e5f75]{width:14px;height:14px;fill:#fff}.lesson-title[data-v-4a0e5f75]{flex:1;color:var(--review-text)}.lesson-title.completed[data-v-4a0e5f75]{color:var(--table-text)}.duration[data-v-4a0e5f75]{color:var(--review-text);font-size:14px}.fs-loader-overlay[data-v-f05250c1]{position:fixed;top:0;right:0;bottom:0;left:0;background:#080d1e73;display:flex;align-items:center;justify-content:center;z-index:99999}.fs-loader-content[data-v-f05250c1]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 28px;border-radius:12px;background:#ffffff05;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner[data-v-f05250c1]{width:64px;height:64px;border-radius:50%;border:6px solid rgba(0,0,0,.08);border-top-color:#16213e;animation:spin-f05250c1 .9s linear infinite}.loader-text[data-v-f05250c1]{color:#fff;font-weight:600;font-size:14px;opacity:.95}@keyframes spin-f05250c1{to{transform:rotate(360deg)}}.btn-primary[data-v-82e65c24]{cursor:pointer;border:none;border-radius:360px;background:var(--ButtonPrimary, #101828);color:#fff;font-family:Inter;font-weight:400;letter-spacing:-.16px;transition:all .3s ease-in-out;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.btn-primary.small[data-v-82e65c24]{font-size:14px;padding:8px 18px;height:40px}.btn-primary.medium[data-v-82e65c24]{font-size:16px;padding:0 24px;height:48px}.btn-primary.large[data-v-82e65c24]{font-size:18px;padding:0 32px;height:56px}.btn-primary[data-v-82e65c24]:hover{background:var(--ButtonPrimaryHover, #000)}@media screen and (max-width: 800px){.btn-primary[data-v-82e65c24]{width:100%}}.nav-container[data-v-21ff9fb2]{border-bottom:1px solid var(--Component-colors-Utility-Gray-utility-gray-200, #EAECF0);background:#fff;position:sticky;top:0;z-index:1000;padding:0 5%}.nav-content[data-v-21ff9fb2]{max-width:1440px;margin:0 auto;height:80px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1002;background:#fff}.logo[data-v-21ff9fb2]{width:190px;height:auto}.nav-menu[data-v-21ff9fb2]{display:flex;align-items:center;gap:8px}.menu-item[data-v-21ff9fb2]{padding:12px;color:var(--Component-colors-Utility-Gray-utility-gray-700, #344054);font-family:Inter,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.16px;text-decoration:none;transition:color .2s ease}.menu-item[data-v-21ff9fb2]:hover{color:#42b883}.mobile-menu-btn[data-v-21ff9fb2]{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.mobile-menu-btn span[data-v-21ff9fb2]{width:30px;height:2px;background:#344054;transition:all .3s linear}.mobile-menu-btn.is-active span[data-v-21ff9fb2]:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.is-active span[data-v-21ff9fb2]:nth-child(2){opacity:0}.mobile-menu-btn.is-active span[data-v-21ff9fb2]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.login-btn[data-v-21ff9fb2]{text-decoration:none}.nav-menu-overlay[data-v-21ff9fb2],.nav-menu-wrapper[data-v-21ff9fb2]{display:none}@media (max-width: 1024px){.menu-item[data-v-21ff9fb2]{padding:8px;font-size:14px}}@media (max-width: 900px){.mobile-menu-btn[data-v-21ff9fb2]{display:flex}.desktop-menu[data-v-21ff9fb2]{display:none}.nav-menu-overlay[data-v-21ff9fb2]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1000}.nav-menu-overlay.is-active[data-v-21ff9fb2]{opacity:1;visibility:visible}.nav-menu-wrapper[data-v-21ff9fb2]{display:block;position:fixed;top:80px;right:-300px;bottom:0;width:300px;background:#fff;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease-in-out;overflow-y:auto;z-index:1001}.nav-menu-wrapper.menu-open[data-v-21ff9fb2]{right:0}.mobile-menu[data-v-21ff9fb2]{flex-direction:column;align-items:stretch;padding:1rem}.mobile-menu .menu-item[data-v-21ff9fb2]{padding:12px;border-bottom:1px solid #EAECF0}.mobile-menu .menu-item[data-v-21ff9fb2]:last-child{border-bottom:none}.mobile-menu .menu-item[data-v-21ff9fb2]:hover{background-color:#42b8831a;padding-left:16px}.mobile-menu .login-btn[data-v-21ff9fb2]{margin-top:12px}}@media (max-width: 900px){.large[data-v-21ff9fb2]{display:none}}@media (max-width: 480px){.nav-content[data-v-21ff9fb2]{padding:0 1rem}.logo[data-v-21ff9fb2]{width:150px}.nav-menu-wrapper[data-v-21ff9fb2]{width:250px;right:-250px}.mobile-menu .menu-item[data-v-21ff9fb2]{font-size:14px}}nav[data-v-6f2cfd28]{color:var(--text-colour)}nav[data-v-6f2cfd28]{width:100%;display:flex;height:80px;padding:32px 24px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);background-color:var(--background);position:sticky;top:0;z-index:10}main[data-v-6f2cfd28]{padding:20px}nav>h3[data-v-6f2cfd28]{text-transform:capitalize;font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:var(--Text-Sizes-P-XLg, 18px);font-style:normal;font-weight:var(--FontWeight-fontWeight-semibold, 600);line-height:140%;letter-spacing:-.18px}menu[data-v-6f2cfd28]{display:flex;justify-content:center;align-items:center;gap:16px}.notice[data-v-6f2cfd28]{display:flex;align-items:flex-start}.notice>img[data-v-6f2cfd28]{width:30px;height:30px}.icon[data-v-6f2cfd28]{cursor:pointer;padding:8px;width:48px;height:48px;transition:transform .2s ease;border-radius:360px}.icon[data-v-6f2cfd28]:hover{transform:scale(1.07);background-color:#00000008}.skillogram-logo[data-v-6f2cfd28]{width:40px;height:40px;display:none}.message-count[data-v-6f2cfd28]{display:flex;padding:4px 6px;justify-content:center;align-items:center;gap:10px;border-radius:360px;background:#f97066;margin-left:-14px;margin-top:-3px;color:#fff;font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:12px;font-style:normal;font-weight:var(--FontWeight-fontWeight-medium, 500);line-height:100%;letter-spacing:-.12px}.profile-img[data-v-6f2cfd28]{width:40px;height:40px;border-radius:100%;border:2px solid #F97066;background:#eef3ff}.user-profile[data-v-6f2cfd28]{display:flex;justify-content:flex-end;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.user-profile[data-v-6f2cfd28]:hover{background-color:var(--stroke);transform:scale(1.02);box-shadow:0 2px 8px #0000000d}.user-profile-wrapper[data-v-6f2cfd28]{position:relative}.dropdown-menu[data-v-6f2cfd28]{position:absolute;top:calc(100% + 8px);right:0;background:var(--background);border:1px solid var(--stroke);border-radius:12px;min-width:200px;box-shadow:0 4px 15px #0000001a;padding:0;z-index:20;overflow:hidden}.dropdown-item[data-v-6f2cfd28]{display:flex;align-items:center;gap:8px;padding:14px 24px;color:var(--text-colour);text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--stroke)}.dropdown-item[data-v-6f2cfd28]:last-child{border-bottom:none;color:#f97066}.dropdown-item[data-v-6f2cfd28]:hover{background-color:var(--stroke)}.dropdown-item[data-v-6f2cfd28]:first-child:hover{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown-item[data-v-6f2cfd28]:last-child:hover{border-bottom-left-radius:12px;border-bottom-right-radius:12px}@media screen and (max-width: 768px){.icon-button[data-v-6f2cfd28],.user-profile[data-v-6f2cfd28],.drop-down[data-v-6f2cfd28],h3[data-v-6f2cfd28]{display:none}menu[data-v-6f2cfd28]{display:flex;flex-direction:row;align-items:center;margin-left:auto}nav[data-v-6f2cfd28]{padding:32px 24px;background:#1a1a1a}.skillogram-logo[data-v-6f2cfd28]{display:block}.dropdown-menu[data-v-6f2cfd28]{display:none}}.user-profile[data-v-51ea535e]{display:flex;align-items:center;gap:12px;padding:16px 27px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-img[data-v-51ea535e]{width:48px;height:48px;border-radius:100%;border:2px solid #F97066;background:#eef3ff}.user-detail[data-v-51ea535e]{flex-grow:1}.username[data-v-51ea535e]{color:#fff;font-size:16px;font-weight:600;margin:0}.user-id[data-v-51ea535e]{color:#ffffffb3;font-size:14px;margin:4px 0 0}.modal-overlay[data-v-2aa00555]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:flex-start}.modal-content[data-v-2aa00555]{background-color:#1a1a1a;width:260px;height:100%;overflow-y:auto;display:flex;flex-direction:column}.modal-header[data-v-2aa00555]{height:80px;display:flex;align-items:center;padding:0 27px;border-bottom:1px solid rgba(255,255,255,.1);background-color:#1a1a1a;position:sticky;top:0;z-index:1}.menu-toggle[data-v-2aa00555]{background:none;border:none;padding:0;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hamburger[data-v-2aa00555]{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between}.hamburger span[data-v-2aa00555]{width:100%;height:2px;background-color:#fff;transition:all .3s ease;transform-origin:left}.menu-toggle.active .hamburger span[data-v-2aa00555]:first-child{transform:rotate(45deg)}.menu-toggle.active .hamburger span[data-v-2aa00555]:nth-child(2){opacity:0}.menu-toggle.active .hamburger span[data-v-2aa00555]:last-child{transform:rotate(-45deg)}.logo[data-v-2aa00555]{margin-left:20px;font-size:24px;font-weight:500;white-space:nowrap;color:#fff}.modal-nav[data-v-2aa00555]{display:flex;flex-direction:column;flex-grow:1}.modal-nav-item[data-v-2aa00555]{display:flex;align-items:center;padding:24px 27px;text-decoration:none;color:#fff;transition:background-color .2s ease}.modal-nav-item[data-v-2aa00555]:hover,.modal-nav-item.active[data-v-2aa00555]{background-color:#262626}.nav-icon[data-v-2aa00555]{width:24px;height:24px;flex-shrink:0}.nav-text[data-v-2aa00555]{margin-left:20px;font-size:16px}.notification-item[data-v-2aa00555]{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.logout-item[data-v-2aa00555]{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);color:#f97066}.modal-overlay-enter-active[data-v-2aa00555],.modal-overlay-leave-active[data-v-2aa00555]{transition:opacity .3s ease}.modal-overlay-enter-from[data-v-2aa00555],.modal-overlay-leave-to[data-v-2aa00555]{opacity:0}.modal-slide-enter-active[data-v-2aa00555],.modal-slide-leave-active[data-v-2aa00555]{transition:transform .3s ease}.modal-slide-enter-from[data-v-2aa00555],.modal-slide-leave-to[data-v-2aa00555]{transform:translate(-100%)}.modal-slide-enter-to[data-v-2aa00555],.modal-slide-leave-from[data-v-2aa00555]{transform:translate(0)}.sidebar-container[data-v-e8a6746e]{position:relative}.sidebar[data-v-e8a6746e]{width:260px;height:100vh;color:#fff;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.sidebar.collapsed[data-v-e8a6746e]{width:80px}.sidebar-header[data-v-e8a6746e]{height:80px;display:flex;align-items:center;padding:0 27px 0 13px;border-bottom:1px solid rgba(255,255,255,.1);background-color:#1a1a1a}.sidebar:not(.collapsed) .sidebar-header[data-v-e8a6746e]{justify-content:flex-start}.menu-toggle[data-v-e8a6746e]{background:none;border:none;padding:14px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.hamburger[data-v-e8a6746e]{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between}.hamburger span[data-v-e8a6746e]{width:100%;height:2px;background-color:#fff;transition:all .3s ease;transform-origin:left}.menu-toggle.active .hamburger span[data-v-e8a6746e]:first-child{transform:rotate(45deg)}.menu-toggle.active .hamburger span[data-v-e8a6746e]:nth-child(2){opacity:0}.menu-toggle.active .hamburger span[data-v-e8a6746e]:last-child{transform:rotate(-45deg)}.logo[data-v-e8a6746e]{margin-left:8px;font-size:24px;font-weight:500;white-space:nowrap}.nav-links[data-v-e8a6746e]{flex-grow:1;background-color:#1a1a1a}.nav-item[data-v-e8a6746e]{display:flex;align-items:center;padding:24px 27px;text-decoration:none;transition:background-color .2s ease;color:var(--Off-White-Footer-Text, #F4F4F4);font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:var(--Text-Sizes-P-Lg, 16px);font-style:normal;font-weight:var(--FontWeight-fontWeight-regular, 200);line-height:140%;letter-spacing:-.16px}.sidebar:not(.collapsed) .nav-item[data-v-e8a6746e]{justify-content:flex-start}.nav-item[data-v-e8a6746e]:hover,.nav-item.active[data-v-e8a6746e]{background-color:#262626}.nav-icon[data-v-e8a6746e]{width:24px;height:24px;flex-shrink:0}.nav-text[data-v-e8a6746e]{margin-left:20px;font-size:16px;white-space:nowrap}.tooltip[data-v-e8a6746e]{position:fixed;background-color:#262626;color:#fff;padding:27px 30px 27px 0;border-radius:0 200px 200px 0;margin-left:-10px;font-size:14px;white-space:nowrap;pointer-events:none;z-index:1000;transition:opacity .2s ease}.skillogram-footer[data-v-e8a6746e]{display:flex;align-items:center;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background-color:#1a1a1a}.skillogram-logo[data-v-e8a6746e]{width:40px}.skillogram-writeup[data-v-e8a6746e]{margin-left:16px}.skillogram-writeup h1[data-v-e8a6746e]{font-size:24px;font-weight:600;margin:0}.skillogram-writeup p[data-v-e8a6746e]{font-size:12px;margin:4px 0 0;opacity:.7}.sidebar.collapsed .skillogram-writeup[data-v-e8a6746e]{display:none}@media screen and (max-width: 768px){.sidebar[data-v-e8a6746e],.sidebar-container[data-v-e8a6746e]{width:80px;height:80px}.nav-links[data-v-e8a6746e]:not(.modal-nav),.skillogram-footer[data-v-e8a6746e]{display:none}.logo[data-v-e8a6746e]{display:none!important}}main[data-v-7ed07dd2]{display:flex;width:100%;background-color:var(--background)}.LargeDevices[data-v-7ed07dd2]{display:flex;flex-direction:row;height:100vh;overflow:hidden}.section[data-v-7ed07dd2]{overflow:scroll;width:100%}.content[data-v-7ed07dd2]{width:100%;padding:20px 24px!important}.SmallDevices[data-v-7ed07dd2]{display:none}@media screen and (max-width: 768px){.LargeDevices[data-v-7ed07dd2]{display:none}.SmallDevices[data-v-7ed07dd2]{display:flex;flex-direction:column}.content[data-v-7ed07dd2]{width:100%;padding:20px 24px!important}.mobileNav[data-v-7ed07dd2]{height:80px;display:flex}}.learn-container[data-v-7ed07dd2]{width:100%;background-color:var(--background);display:flex;flex-direction:column;position:relative;transition:none;will-change:margin-left,width}.learnSideBar:not(.hidden)+.learn-container[data-v-7ed07dd2]{margin-left:var(--sidebar-width, 400px);width:calc(100% - var(--sidebar-width, 400px))}.learnSideBar[data-v-7ed07dd2]{position:fixed;height:100vh;z-index:100;left:0;top:0;transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.learnSideBar.hidden[data-v-7ed07dd2]{transform:translate(-100%)}@media screen and (max-width: 768px){.learnSideBar:not(.hidden)+.learn-container[data-v-7ed07dd2]{margin-left:0;width:100%}.learnSideBar[data-v-7ed07dd2]{position:fixed;top:80px;left:0;bottom:0;z-index:100}}.transcript-sidebar[data-v-7ed07dd2]{position:fixed;top:0;right:0;height:100vh;width:400px;background-color:var(--background);color:var(--text-colour);box-shadow:-2px 0 12px #00000014;z-index:120;border-left:1px solid var(--stroke);display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.4,0,.2,1)}@media screen and (max-width: 768px){.transcript-sidebar[data-v-7ed07dd2]{position:fixed;top:80px;right:0;width:100vw;height:calc(100vh - 80px);z-index:120}}