@charset "UTF-8";:root{--cramhq-btn-primary-bg: linear-gradient(135deg, #00FF88, #00E6FF);--cramhq-btn-primary-color: #000000;--cramhq-btn-primary-hover-shadow: 0 8px 32px rgba(0, 255, 136, .3);--cramhq-btn-primary-hover-brightness: 1.1;--cramhq-btn-secondary-bg: rgba(255, 255, 255, .03);--cramhq-btn-secondary-border: rgba(255, 255, 255, .1);--cramhq-btn-secondary-hover-bg: rgba(255, 255, 255, .06);--cramhq-btn-secondary-hover-border: rgba(0, 230, 255, .3);--cramhq-btn-secondary-hover-shadow: 0 4px 16px rgba(0, 230, 255, .2);--cramhq-btn-ghost-color: #A0A0A0;--cramhq-btn-ghost-hover-color: #FFFFFF;--cramhq-btn-ghost-hover-bg: rgba(255, 255, 255, .03);--cramhq-btn-danger-bg: linear-gradient(135deg, #FF4757, #FF6B7A);--cramhq-btn-danger-color: #FFFFFF;--cramhq-btn-danger-hover-shadow: 0 8px 32px rgba(255, 71, 87, .3);--cramhq-btn-success-bg: linear-gradient(135deg, #00FF88, #00D68F);--cramhq-btn-success-color: #000000;--cramhq-btn-success-hover-shadow: 0 8px 32px rgba(0, 255, 136, .3);--cramhq-btn-warning-bg: linear-gradient(135deg, #FFD93D, #FFB800);--cramhq-btn-warning-color: #000000;--cramhq-btn-warning-hover-shadow: 0 8px 32px rgba(255, 217, 61, .3);--cramhq-btn-padding-default: .75rem 1.5rem;--cramhq-btn-padding-small: .5rem 1rem;--cramhq-btn-padding-large: 1rem 2rem;--cramhq-btn-padding-xl: 1.25rem 2.5rem;--cramhq-btn-font-size-default: .9rem;--cramhq-btn-font-size-small: .8rem;--cramhq-btn-font-size-large: 1rem;--cramhq-btn-font-size-xl: 1.125rem;--cramhq-btn-border-radius: 8px;--cramhq-btn-border-radius-pill: 50px;--cramhq-btn-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.cramhq-button-primary{font-family:Inter,sans-serif;font-weight:600;border-radius:var(--cramhq-btn-border-radius);cursor:pointer;transition:var(--cramhq-btn-transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;outline:none;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;padding:var(--cramhq-btn-padding-default);background:var(--cramhq-btn-primary-bg);color:var(--cramhq-btn-primary-color);font-size:var(--cramhq-btn-font-size-default)}.cramhq-button-primary mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;vertical-align:middle}.cramhq-button-primary:disabled,.cramhq-button-primary.cramhq-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cramhq-button-primary:disabled:hover,.cramhq-button-primary.cramhq-disabled:hover{transform:none!important;box-shadow:none!important;filter:none!important}.cramhq-button-primary:active:not(:disabled){transform:translateY(0)}.cramhq-button-primary:focus-visible{outline:2px solid var(--cramhq-btn-primary-hover-shadow);outline-offset:2px}.cramhq-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--cramhq-btn-primary-hover-shadow);filter:brightness(var(--cramhq-btn-primary-hover-brightness))}.cramhq-button-secondary{font-family:Inter,sans-serif;font-weight:600;border-radius:var(--cramhq-btn-border-radius);cursor:pointer;transition:var(--cramhq-btn-transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;outline:none;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;padding:var(--cramhq-btn-padding-default);background:var(--cramhq-btn-secondary-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border:1px solid var(--cramhq-btn-secondary-border);font-size:var(--cramhq-btn-font-size-default)}.cramhq-button-secondary mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;vertical-align:middle}.cramhq-button-secondary:disabled,.cramhq-button-secondary.cramhq-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cramhq-button-secondary:disabled:hover,.cramhq-button-secondary.cramhq-disabled:hover{transform:none!important;box-shadow:none!important;filter:none!important}.cramhq-button-secondary:active:not(:disabled){transform:translateY(0)}.cramhq-button-secondary:focus-visible{outline:2px solid var(--cramhq-btn-primary-hover-shadow);outline-offset:2px}.cramhq-button-secondary:hover:not(:disabled){background:var(--cramhq-btn-secondary-hover-bg);border-color:var(--cramhq-btn-secondary-hover-border);transform:translateY(-2px);box-shadow:var(--cramhq-btn-secondary-hover-shadow)}.cramhq-button-ghost{font-family:Inter,sans-serif;font-weight:600;border-radius:var(--cramhq-btn-border-radius);cursor:pointer;transition:var(--cramhq-btn-transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;outline:none;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;padding:var(--cramhq-btn-padding-default);background:transparent;color:var(--cramhq-btn-ghost-color);font-size:var(--cramhq-btn-font-size-default);font-weight:500}.cramhq-button-ghost mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;vertical-align:middle}.cramhq-button-ghost:disabled,.cramhq-button-ghost.cramhq-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cramhq-button-ghost:disabled:hover,.cramhq-button-ghost.cramhq-disabled:hover{transform:none!important;box-shadow:none!important;filter:none!important}.cramhq-button-ghost:active:not(:disabled){transform:translateY(0)}.cramhq-button-ghost:focus-visible{outline:2px solid var(--cramhq-btn-primary-hover-shadow);outline-offset:2px}.cramhq-button-ghost:hover:not(:disabled){color:var(--cramhq-btn-ghost-hover-color);background:var(--cramhq-btn-ghost-hover-bg)}.cramhq-button-danger{font-family:Inter,sans-serif;font-weight:600;border-radius:var(--cramhq-btn-border-radius);cursor:pointer;transition:var(--cramhq-btn-transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;outline:none;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;padding:var(--cramhq-btn-padding-default);background:var(--cramhq-btn-danger-bg);color:var(--cramhq-btn-danger-color);font-size:var(--cramhq-btn-font-size-default)}.cramhq-button-danger mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;vertical-align:middle}.cramhq-button-danger:disabled,.cramhq-button-danger.cramhq-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cramhq-button-danger:disabled:hover,.cramhq-button-danger.cramhq-disabled:hover{transform:none!important;box-shadow:none!important;filter:none!important}.cramhq-button-danger:active:not(:disabled){transform:translateY(0)}.cramhq-button-danger:focus-visible{outline:2px solid var(--cramhq-btn-primary-hover-shadow);outline-offset:2px}.cramhq-button-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--cramhq-btn-danger-hover-shadow);filter:brightness(1.1)}.cramhq-button-success{font-family:Inter,sans-serif;font-weight:600;border-radius:var(--cramhq-btn-border-radius);cursor:pointer;transition:var(--cramhq-btn-transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;outline:none;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;padding:var(--cramhq-btn-padding-default);background:var(--cramhq-btn-success-bg);color:var(--cramhq-btn-success-color);font-size:var(--cramhq-btn-font-size-default)}.cramhq-button-success mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;vertical-align:middle}.cramhq-button-success:disabled,.cramhq-button-success.cramhq-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cramhq-button-success:disabled:hover,.cramhq-button-success.cramhq-disabled:hover{transform:none!important;box-shadow:none!important;filter:none!important}.cramhq-button-success:active:not(:disabled){transform:translateY(0)}.cramhq-button-success:focus-visible{outline:2px solid var(--cramhq-btn-primary-hover-shadow);outline-offset:2px}.cramhq-button-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--cramhq-btn-success-hover-shadow);filter:brightness(1.1)}.cramhq-button-warning{font-family:Inter,sans-serif;font-weight:600;border-radius:var(--cramhq-btn-border-radius);cursor:pointer;transition:var(--cramhq-btn-transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;outline:none;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;padding:var(--cramhq-btn-padding-default);background:var(--cramhq-btn-warning-bg);color:var(--cramhq-btn-warning-color);font-size:var(--cramhq-btn-font-size-default)}.cramhq-button-warning mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;vertical-align:middle}.cramhq-button-warning:disabled,.cramhq-button-warning.cramhq-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cramhq-button-warning:disabled:hover,.cramhq-button-warning.cramhq-disabled:hover{transform:none!important;box-shadow:none!important;filter:none!important}.cramhq-button-warning:active:not(:disabled){transform:translateY(0)}.cramhq-button-warning:focus-visible{outline:2px solid var(--cramhq-btn-primary-hover-shadow);outline-offset:2px}.cramhq-button-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--cramhq-btn-warning-hover-shadow);filter:brightness(1.1)}.cramhq-button-small{padding:var(--cramhq-btn-padding-small)!important;font-size:var(--cramhq-btn-font-size-small)!important}.cramhq-button-small mat-icon{font-size:16px;width:16px;height:16px}.cramhq-button-large{padding:var(--cramhq-btn-padding-large)!important;font-size:var(--cramhq-btn-font-size-large)!important}.cramhq-button-large mat-icon{font-size:20px;width:20px;height:20px}.cramhq-button-xl{padding:var(--cramhq-btn-padding-xl)!important;font-size:var(--cramhq-btn-font-size-xl)!important}.cramhq-button-xl mat-icon{font-size:24px;width:24px;height:24px}.cramhq-button-full-width{width:100%}.cramhq-button-auto-width{width:auto;min-width:120px}.cramhq-button-icon-left{flex-direction:row}.cramhq-button-icon-left mat-icon{margin-right:.25rem}.cramhq-button-icon-right{flex-direction:row}.cramhq-button-icon-right mat-icon{margin-left:.25rem}.cramhq-button-icon-only{padding:.75rem!important;min-width:unset}.cramhq-button-icon-only mat-icon{margin:0}.cramhq-button-icon-only.cramhq-button-small{padding:.5rem!important}.cramhq-button-icon-only.cramhq-button-large{padding:1rem!important}.cramhq-button-pill{border-radius:var(--cramhq-btn-border-radius-pill)}.cramhq-button-square{border-radius:0}.cramhq-button-rounded{border-radius:12px}.cramhq-button-loading{pointer-events:none;position:relative;color:transparent!important}.cramhq-button-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:cramhq-button-spinner .8s linear infinite}@keyframes cramhq-button-spinner{to{transform:rotate(360deg)}}.cramhq-button-group{display:inline-flex;gap:.5rem}.cramhq-button-group.cramhq-button-group-connected{gap:0}.cramhq-button-group.cramhq-button-group-connected>*{border-radius:0}.cramhq-button-group.cramhq-button-group-connected>*:first-child{border-top-left-radius:var(--cramhq-btn-border-radius);border-bottom-left-radius:var(--cramhq-btn-border-radius)}.cramhq-button-group.cramhq-button-group-connected>*:last-child{border-top-right-radius:var(--cramhq-btn-border-radius);border-bottom-right-radius:var(--cramhq-btn-border-radius)}.cramhq-button-group.cramhq-button-group-connected>*:not(:last-child){border-right:1px solid rgba(0,0,0,.2)}.cramhq-button-group.cramhq-button-group-vertical{flex-direction:column}.cramhq-button-group.cramhq-button-group-vertical.cramhq-button-group-connected>*:first-child{border-top-left-radius:var(--cramhq-btn-border-radius);border-top-right-radius:var(--cramhq-btn-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.cramhq-button-group.cramhq-button-group-vertical.cramhq-button-group-connected>*:last-child{border-bottom-left-radius:var(--cramhq-btn-border-radius);border-bottom-right-radius:var(--cramhq-btn-border-radius);border-top-left-radius:0;border-top-right-radius:0}.cramhq-button-group.cramhq-button-group-vertical.cramhq-button-group-connected>*:not(:last-child){border-bottom:1px solid rgba(0,0,0,.2);border-right:none}@media (max-width: 768px){.cramhq-button-responsive{width:100%;padding:var(--cramhq-btn-padding-large)}}@media (max-width: 480px){.cramhq-button-primary,.cramhq-button-secondary,.cramhq-button-danger,.cramhq-button-success,.cramhq-button-warning{font-size:var(--cramhq-btn-font-size-small);padding:var(--cramhq-btn-padding-small)}}.cramhq-button-retired-cta{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;padding:6px 14px;border-radius:10px;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent 40%),linear-gradient(135deg,#2136ec,#7b06e2);color:#fff;box-shadow:0 2px 6px #0006,0 4px 12px #0000004d;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;border:none;cursor:pointer;font-family:Inter,sans-serif}.cramhq-button-retired-cta mat-icon{font-size:18px;margin-right:2px;width:18px;height:18px;line-height:18px;vertical-align:middle}.cramhq-button-retired-cta:hover{transform:scale(1.03);box-shadow:0 4px 12px #00000073,0 6px 16px #00000059}.cramhq-button-retired-cta:active{transform:scale(1)}.cramhq-button-retired-cta:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cramhq-button-retired-cta:disabled:hover{transform:none;box-shadow:0 2px 6px #0006,0 4px 12px #0000004d}@media (max-width: 768px){.cramhq-button-retired-cta{width:100%!important;justify-content:center!important;padding:8px 0!important;font-size:.9rem!important;margin-top:12px!important;margin-left:0}}:root{--env-primary: #2d5a46;--env-secondary: #1a3d2e;--env-accent: #8cffca;--env-warm: #f4e6d3;--env-cool: #4a90a4;--env-neutral: #2d3748;--glass-primary: rgba(255, 255, 255, .25);--glass-secondary: rgba(255, 255, 255, .18);--glass-tertiary: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .4);--glass-border-hover: rgba(255, 255, 255, .55);--glass-blur: 24px;--glass-blur-light: 16px;--glass-saturation: 200%;--shadow-float: 0 8px 32px rgba(0, 0, 0, .3);--shadow-hover: 0 20px 60px rgba(0, 0, 0, .4);--shadow-pressed: 0 4px 16px rgba(0, 0, 0, .2);--shadow-ambient: 0 2px 8px rgba(0, 0, 0, .15);--shadow-glass-base: 0 4px 16px rgba(0, 0, 0, .15), 0 8px 32px rgba(0, 0, 0, .25), 0 16px 64px rgba(0, 0, 0, .1);--shadow-glass-hover: 0 8px 24px rgba(0, 0, 0, .2), 0 16px 48px rgba(0, 0, 0, .3), 0 32px 80px rgba(0, 0, 0, .15), 0 0 32px rgba(140, 255, 202, .1);--shadow-glass-active: 0 2px 8px rgba(0, 0, 0, .15), 0 4px 16px rgba(0, 0, 0, .2), 0 8px 32px rgba(0, 0, 0, .1), 0 0 24px rgba(139, 92, 246, .2);--font-primary: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Inter", "Arial", system-ui, sans-serif;--font-size-tile: 13px;--font-size-hero: 16px;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-compact: 1.2;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--tile-size: 140px;--tile-height: 110px;--tile-hero-height: 85px;--tile-gap: 18px;--tile-gap-xs: 12px;--tile-gap-sm: 16px;--tile-gap-lg: 20px;--tile-radius: 12px;--tile-radius-small: 10px;--icon-size: 34px;--icon-size-hero: 38px;--icon-size-small: 30px;--icon-opacity: .9;--z-background: 1;--z-content: 10;--z-overlay: 100;--z-modal: 1000;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-ambient: 8s;--smooth-ease: cubic-bezier(.4, 0, .2, 1);--elastic-ease: cubic-bezier(.68, -.55, .265, 1.55);--cascade-delay: .1s;--stagger-delay: .08s}.lesson-preview-modal,.modal-backdrop{isolation:isolate}.modal-backdrop{z-index:9999!important;isolation:isolate!important}.lesson-preview-modal{z-index:10000!important;isolation:isolate!important}.quiz-results-dialog-panel .mat-mdc-dialog-container{max-height:calc(100dvh - 24px)}.quiz-results-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface{overflow:hidden;border:1px solid rgba(0,230,255,.16);border-radius:24px;background:#050607;box-shadow:0 24px 80px #0000009e}@media (max-width: 768px){body:has(.modal-backdrop) .cramhq-course-card{z-index:1!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body:has(.modal-backdrop) .section-wrapper,body:has(.modal-backdrop) .domain-learning{z-index:1!important;transform:none!important;position:relative!important}}body{font-family:Sora,sans-serif;font-optical-sizing:auto;font-weight:600;font-size:13px;margin:0;color:#fafafb;min-height:100vh;overflow-x:hidden;position:relative;background:#000;background-attachment:fixed;transition:background-color .3s,color .3s}body:before{content:"";position:fixed;inset:0;background-image:url(/assets/images/noise2.png);background-image:image-set(url(/assets/images/noise2.webp) type("image/webp"),url(/assets/images/noise2.png) type("image/png"));background-repeat:repeat;opacity:.02;pointer-events:none;z-index:9999}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.stars-container .stars-layer-1,.stars-container .stars-layer-2{position:absolute;width:200%;height:200%;background-image:radial-gradient(1px 1px at 23px 89px,white,transparent),radial-gradient(2px 2px at 167px 35px,white,transparent),radial-gradient(1px 1px at 312px 178px,white,transparent),radial-gradient(1px 1px at 95px 278px,white,transparent),radial-gradient(2px 2px at 445px 89px,white,transparent),radial-gradient(1px 1px at 234px 412px,white,transparent),radial-gradient(2px 2px at 523px 267px,white,transparent),radial-gradient(1px 1px at 378px 356px,white,transparent),radial-gradient(1px 1px at 156px 467px,white,transparent),radial-gradient(2px 2px at 489px 178px,white,transparent),radial-gradient(1px 1px at 67px 389px,white,transparent),radial-gradient(2px 2px at 289px 234px,white,transparent),radial-gradient(1px 1px at 412px 445px,white,transparent),radial-gradient(1px 1px at 178px 123px,white,transparent),radial-gradient(2px 2px at 567px 389px,white,transparent);background-size:600px 500px}.stars-container .stars-layer-1{opacity:.3;animation:moveStarsGlobal 60s linear infinite}.stars-container .stars-layer-2{opacity:.2;animation:moveStarsGlobal 90s linear infinite}@keyframes moveStarsGlobal{0%{transform:translate(0)}to{transform:translate(-300px,-300px)}}@media (max-width: 768px),(prefers-reduced-motion: reduce){.stars-container .stars-layer-1,.stars-container .stars-layer-2{animation:none}}@media (max-width: 768px){html.course-detail-prehydrate{background:#070a0f;background-image:none;background-attachment:scroll}@supports selector(:has(*)){html:has(body.course-detail-mobile-render-safe){background:#070a0f;background-image:none;background-attachment:scroll}}html.course-detail-prehydrate body{background:#070a0f;background-image:none;background-attachment:scroll}html.course-detail-prehydrate body:before,html.course-detail-prehydrate .stars-container{display:none}body.course-detail-mobile-render-safe{background:#070a0f;background-image:none;background-attachment:scroll;overflow-y:auto}body.course-detail-mobile-render-safe:before,body.course-detail-mobile-render-safe .stars-container{display:none}body.course-detail-mobile-render-safe app-root,body.course-detail-mobile-render-safe app-main-layout,body.course-detail-mobile-render-safe .app-container,body.course-detail-mobile-render-safe .content-wrapper,body.course-detail-mobile-render-safe .content{background:#070a0f;background-image:none;background-attachment:scroll;contain:none;isolation:auto;overflow-y:visible;transform:none;will-change:auto}body.course-detail-mobile-render-safe.course-render-nav-off app-top-nav,html.course-render-nav-off body.course-detail-mobile-render-safe app-top-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}body.course-detail-mobile-render-safe.course-render-footer-off app-footer,html.course-render-footer-off body.course-detail-mobile-render-safe app-footer{display:none!important;visibility:hidden!important;pointer-events:none!important}body.course-detail-mobile-render-safe.course-render-no-card-clip .course-readiness-page,body.course-detail-mobile-render-safe.course-render-no-card-clip .assessment-hero-card,body.course-detail-mobile-render-safe.course-render-no-card-clip .quiz-card,body.course-detail-mobile-render-safe.course-render-no-card-clip .timed-exam-card,body.course-detail-mobile-render-safe.course-render-no-card-clip .quiz-section,html.course-render-no-card-clip body.course-detail-mobile-render-safe .course-readiness-page,html.course-render-no-card-clip body.course-detail-mobile-render-safe .assessment-hero-card,html.course-render-no-card-clip body.course-detail-mobile-render-safe .quiz-card,html.course-render-no-card-clip body.course-detail-mobile-render-safe .timed-exam-card,html.course-render-no-card-clip body.course-detail-mobile-render-safe .quiz-section{overflow:visible!important}body.course-detail-mobile-render-safe.course-render-no-pseudo .course-readiness-page:before,body.course-detail-mobile-render-safe.course-render-no-pseudo .assessment-hero-card:before,body.course-detail-mobile-render-safe.course-render-no-pseudo .quiz-card:before,body.course-detail-mobile-render-safe.course-render-no-pseudo .timed-exam-card:before,html.course-render-no-pseudo body.course-detail-mobile-render-safe .course-readiness-page:before,html.course-render-no-pseudo body.course-detail-mobile-render-safe .assessment-hero-card:before,html.course-render-no-pseudo body.course-detail-mobile-render-safe .quiz-card:before,html.course-render-no-pseudo body.course-detail-mobile-render-safe .timed-exam-card:before{content:none!important;display:none!important}body.course-detail-mobile-render-safe.course-render-no-motion *,body.course-detail-mobile-render-safe.course-render-no-motion *:before,body.course-detail-mobile-render-safe.course-render-no-motion *:after,html.course-render-no-motion body.course-detail-mobile-render-safe *,html.course-render-no-motion body.course-detail-mobile-render-safe *:before,html.course-render-no-motion body.course-detail-mobile-render-safe *:after{animation:none!important;transition:none!important}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){html.course-detail-prehydrate,html.course-detail-prehydrate body,body.course-detail-mobile-render-safe{background:#070a0f!important;background-image:none!important;background-attachment:scroll!important;overflow-y:auto!important}body.course-detail-mobile-render-safe,body.course-detail-mobile-render-safe *,body.course-detail-mobile-render-safe *:before,body.course-detail-mobile-render-safe *:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-filter:none!important;filter:none!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important;animation:none!important;transition:none!important;transition-duration:0ms!important;scroll-behavior:auto!important;perspective:none!important;transform-style:flat!important;backface-visibility:visible!important}body.course-detail-mobile-render-safe *:before,body.course-detail-mobile-render-safe *:after{content:none!important;display:none!important;background:none!important;background-image:none!important;box-shadow:none!important}html.course-detail-prehydrate body:before,html.course-detail-prehydrate .stars-container,body.course-detail-mobile-render-safe:before,body.course-detail-mobile-render-safe .stars-container,body.course-detail-mobile-render-safe .top-nav:after,body.course-detail-mobile-render-safe .ambient-light,body.course-detail-mobile-render-safe .shimmer-layer{display:none!important;animation:none!important}html.course-detail-prehydrate .course-readiness-page:before,html.course-detail-prehydrate .course-readiness-page:after,html.course-detail-prehydrate .assessment-hero-card:before,html.course-detail-prehydrate .assessment-hero-card:after,html.course-detail-prehydrate .quiz-card:before,html.course-detail-prehydrate .quiz-card:after,html.course-detail-prehydrate .timed-exam-card:before,html.course-detail-prehydrate .timed-exam-card:after,html.course-detail-prehydrate .practice-path-step:before,html.course-detail-prehydrate .practice-path-step:after,body.course-detail-mobile-render-safe .course-readiness-page:before,body.course-detail-mobile-render-safe .course-readiness-page:after,body.course-detail-mobile-render-safe .assessment-hero-card:before,body.course-detail-mobile-render-safe .assessment-hero-card:after,body.course-detail-mobile-render-safe .quiz-card:before,body.course-detail-mobile-render-safe .quiz-card:after,body.course-detail-mobile-render-safe .timed-exam-card:before,body.course-detail-mobile-render-safe .timed-exam-card:after,body.course-detail-mobile-render-safe .practice-path-step:before,body.course-detail-mobile-render-safe .practice-path-step:after{content:none!important;display:none!important;background:none!important;background-image:none!important;box-shadow:none!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important;filter:none!important}html.course-detail-prehydrate app-root,html.course-detail-prehydrate app-main-layout,html.course-detail-prehydrate .app-container,html.course-detail-prehydrate .content-wrapper,html.course-detail-prehydrate .content,html.course-detail-prehydrate app-course-page,html.course-detail-prehydrate app-course-page-skeleton,html.course-detail-prehydrate .course-readiness-page,body.course-detail-mobile-render-safe app-root,body.course-detail-mobile-render-safe app-main-layout,body.course-detail-mobile-render-safe .app-container,body.course-detail-mobile-render-safe .content-wrapper,body.course-detail-mobile-render-safe .content,body.course-detail-mobile-render-safe app-course-page,body.course-detail-mobile-render-safe app-course-page-skeleton,body.course-detail-mobile-render-safe .course-readiness-page{background:#070a0f!important;background-image:none!important;background-attachment:scroll!important;contain:none!important;content-visibility:visible!important;contain-intrinsic-size:auto!important;isolation:auto!important;overflow-y:visible!important;transform:none!important;will-change:auto!important}body.course-detail-mobile-render-safe .assessment-hero-card,body.course-detail-mobile-render-safe .assessment-summary,body.course-detail-mobile-render-safe .summary-preview-row,body.course-detail-mobile-render-safe .value-prop-card,body.course-detail-mobile-render-safe .readiness-path,body.course-detail-mobile-render-safe .syllabus-section,body.course-detail-mobile-render-safe .syllabus-card,body.course-detail-mobile-render-safe .question-formats-section,body.course-detail-mobile-render-safe .question-format-card,body.course-detail-mobile-render-safe .quiz-section,body.course-detail-mobile-render-safe .practice-path-step,body.course-detail-mobile-render-safe .practice-section-action,body.course-detail-mobile-render-safe .quiz-card,body.course-detail-mobile-render-safe .quiz-result-summary,body.course-detail-mobile-render-safe .quiz-action-note,body.course-detail-mobile-render-safe .timed-exam-section,body.course-detail-mobile-render-safe .timed-exam-card,body.course-detail-mobile-render-safe .mobile-sticky-cta,body.course-detail-mobile-render-safe .soft-error,body.course-detail-mobile-render-safe .empty-panel,body.course-detail-mobile-render-safe .skeleton-container,body.course-detail-mobile-render-safe .skeleton-loader{background:#080b0f!important;background-image:none!important;box-shadow:none!important;contain:none!important;content-visibility:visible!important;contain-intrinsic-size:auto!important;isolation:auto!important;transform:none!important;will-change:auto!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important}body.course-detail-mobile-render-safe .primary-cta,body.course-detail-mobile-render-safe .quiz-cta,body.course-detail-mobile-render-safe .timed-exam-cta,body.course-detail-mobile-render-safe .mobile-sticky-button{background:#f8fafc!important;background-image:none!important;color:#020304!important;box-shadow:none!important;transform:none!important;will-change:auto!important}body.course-detail-mobile-render-safe .hero-kicker,body.course-detail-mobile-render-safe .assessment-pill,body.course-detail-mobile-render-safe .summary-kicker,body.course-detail-mobile-render-safe .section-heading>span,body.course-detail-mobile-render-safe .quiz-card-kicker,body.course-detail-mobile-render-safe .quiz-card-sequence,body.course-detail-mobile-render-safe .quiz-card-state,body.course-detail-mobile-render-safe .quiz-status-badge,body.course-detail-mobile-render-safe .quiz-result-status,body.course-detail-mobile-render-safe .syllabus-card-header span,body.course-detail-mobile-render-safe .quiz-value-row>span,body.course-detail-mobile-render-safe .meta-row span,body.course-detail-mobile-render-safe .quiz-meta span{background:#0f172ab8!important;background-image:none!important;box-shadow:none!important;transform:none!important;will-change:auto!important}body.course-detail-mobile-render-safe .summary-preview-topic-highlight{-webkit-text-fill-color:currentColor!important;background:none!important;background-image:none!important;color:#bae6fdfa!important}body.course-detail-mobile-render-safe app-top-nav,body.course-detail-mobile-render-safe .top-nav{position:absolute!important;top:0!important;background:#06080c!important;background-image:none!important;transform:none!important;transition:none!important;animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;will-change:auto!important;contain:none!important}body.course-detail-mobile-render-safe .top-nav:before{background:#06080c!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}body.course-detail-mobile-render-safe .nav-dropdown-menu{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;background:transparent!important;background-image:none!important;box-shadow:none!important}body.course-detail-mobile-render-safe .mobile-menu-overlay.open{background:#06080c!important;background-image:none!important;box-shadow:none!important}body.course-detail-mobile-render-safe .mobile-sticky-cta{position:static!important}}}body.light-mode{background-color:#f9f9f9;color:#000}:root{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:9999px;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:#ffffff61}.scroller{overscroll-behavior:contain}.scroller::-webkit-scrollbar{background:transparent}:root{--nav-height: 68px;--beta-banner-height: 40px;--spacing-base: 8px;--glass-opacity: .55}@media (max-width: 760px){:root{--beta-banner-height: 44px}}app-floating-note{position:fixed!important;bottom:32px!important;right:32px!important;z-index:1000!important}@media (max-width: 768px){app-floating-note{bottom:24px!important;right:16px!important}}app-floating-note .floating-note-container[style*="width: 400px"]{position:fixed!important;z-index:1001!important;bottom:32px!important;right:32px!important;max-height:calc(100vh - 100px)!important}@media (max-width: 768px){app-floating-note .floating-note-container[style*="width: 400px"]{bottom:16px!important;right:16px!important;left:16px!important;width:calc(100vw - 32px)!important;max-height:calc(100vh - 120px)!important}}.material-icons{font-size:20px;vertical-align:middle;margin-right:8px}.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-left:10px}.mat-mdc-form-field{display:flex}.mat-mdc-card-actions{min-height:0!important;padding:0!important}.mat-mdc-form-field .mat-mdc-floating-label{padding-left:15px!important}.mdc-linear-progress__bar{color:#4caf50}mat-progress-bar{height:12px;background-color:#333;border-radius:6px}mat-progress-bar .mdc-linear-progress__primary-bar{height:100%;background-color:#4caf50!important;border-radius:6px;clip-path:inset(0)}mat-progress-bar .mdc-linear-progress__buffer{height:100%;border-radius:6px}mat-progress-bar .mdc-linear-progress__buffer-bar{height:100%}mat-progress-bar .mdc-linear-progress__bar-inner{height:100%;display:block}mat-progress-bar .mdc-linear-progress__secondary-bar{display:none}.confirmation-modal-panel .mat-mdc-dialog-container .mdc-dialog__surface{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important;max-width:90vw!important;max-height:90vh!important}.confirmation-modal-panel .mat-mdc-dialog-content{padding:0!important;margin:0;max-height:none!important}.confirmation-modal-panel .mat-mdc-dialog-actions{padding:0!important;margin:0!important;min-height:auto!important}.confirmation-modal-panel .mat-mdc-dialog-title{padding:0!important;margin:0!important}.cdk-overlay-dark-backdrop{background:#000000a6!important;-webkit-backdrop-filter:blur(6px) saturate(120%)!important;backdrop-filter:blur(6px) saturate(120%)!important;animation:backdropFadeIn .25s ease-out!important}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%)}to{opacity:1;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}}ngx-skeleton-loader{background-color:#1e1e1e!important;border-radius:10px;height:100px;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1e;border-radius:10px}::-webkit-scrollbar-thumb{background:#333;border-radius:10px;border:2px solid #1e1e1e}::-webkit-scrollbar-thumb:hover{background:#333}html{scrollbar-width:thin;scrollbar-color:#333333 #1e1e1e}.ProseMirror:focus{outline:none}.floating-add-btn,.fab-add-note,.note-detail-overlay{position:fixed!important;z-index:2147483647!important;transform:none!important;contain:none!important;isolation:auto!important;clip-path:none!important;mask:none!important;filter:none!important}button.fab-add-note{z-index:2147483647!important;position:fixed!important;isolation:auto!important;transform:none!important;contain:none!important;will-change:auto!important;filter:none!important;clip-path:none!important;mask:none!important}html,body{isolation:auto!important;contain:none!important;will-change:auto!important}app-root{isolation:auto!important;contain:none!important;will-change:auto!important}app-main-layout,.app-container,.content-wrapper,.content{isolation:auto!important;contain:none!important;will-change:auto!important}app-premium-notes-dashboard,.premium-notes-dashboard{isolation:auto!important;contain:none!important;will-change:auto!important}.app-footer{contain:none!important;isolation:auto!important;will-change:auto!important}.mat-expansion-panel-body{padding:0 10px 10px!important}.right-pane .mat-expansion-panel-body{padding:0!important}.divider{border:none;height:1px;margin:16px 0;background-image:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1px);background-size:8px 1px;background-repeat:repeat-x;background-position:center}.page-bottom-navigation{display:flex;justify-content:space-between;margin-top:2rem}@media (max-width: 768px){.page-bottom-navigation{flex-direction:column;gap:1rem}.page-bottom-navigation button{width:100%}}.wiki-link{color:#3b82f6;text-decoration:none;cursor:pointer;padding:0 2px;border-radius:3px;background-color:#3b82f61a;transition:all .2s ease}.wiki-link:hover{background-color:#3b82f633;color:#60a5fa}.wiki-link:active{background-color:#3b82f64d}.ProseMirror .wiki-link{color:#3b82f6;background-color:#3b82f61a;padding:0 4px;border-radius:3px;cursor:pointer}.ProseMirror .wiki-link:hover{background-color:#3b82f633}.ProseMirror ul[data-type=taskList]{list-style:none;padding:0}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start}.ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;user-select:none}.ProseMirror ul[data-type=taskList] li>div{flex:1 1 auto}.command-palette-dialog .mat-mdc-dialog-container{padding:0;overflow:hidden}.command-palette-backdrop{background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.learning-environment-menu{position:fixed;inset:0;z-index:var(--z-modal, 2000);display:flex;flex-direction:column;animation:iOSMenuSlideIn .3s cubic-bezier(.4,0,.2,1) both}@media (min-width: 769px){.learning-environment-menu{display:none}}@media (prefers-reduced-motion: reduce){.learning-environment-menu{animation:none}}.menu-content-layer{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding:48px 32px;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}@supports not (backdrop-filter: blur(10px)){.menu-content-layer{background:#1a3d2ed9}}.atmospheric-background{position:absolute;inset:0;z-index:1;overflow:hidden}.atmospheric-background .environment-base{position:absolute;inset:0;background:radial-gradient(ellipse 160% 80% at 25% 0%,rgba(15,45,20,.95) 0%,rgba(27,94,32,.75) 30%,rgba(46,125,50,.55) 60%,transparent 85%),radial-gradient(ellipse 140% 100% at 75% 0%,rgba(40,120,50,.85) 0%,rgba(56,142,60,.65) 25%,rgba(76,175,80,.45) 50%,rgba(140,255,202,.25) 75%,transparent 90%),linear-gradient(125deg,#0f2d14e6,#1b5e20a6 35%,#2e7d3273 65%,#388e3c8c),linear-gradient(180deg,#122319fa,#1a3d2ef2 40%,#23503cbf,#1a3d2e)}.atmospheric-background .environment-base.loaded{animation:forestWindSway 8s ease-in-out infinite}.atmospheric-background .particle-overlay{position:absolute;inset:0;pointer-events:none}.atmospheric-background .particle-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 8px at 18% 22%,rgb(140,255,202) 0%,rgba(140,255,202,.75) 30%,rgba(140,255,202,.35) 60%,transparent 80%),radial-gradient(circle 7px at 75% 35%,rgb(76,175,80) 0%,rgba(76,175,80,.65) 25%,rgba(76,175,80,.25) 50%,transparent 70%),radial-gradient(circle 6px at 25% 78%,rgb(140,255,202) 0%,rgba(140,255,202,.55) 20%,rgba(140,255,202,.25) 40%,transparent 60%),radial-gradient(circle 5px at 85% 15%,rgb(255,255,255) 0%,rgba(255,255,255,.55) 20%,transparent 40%);animation:mysticalFireflyDance 45s ease-in-out infinite,gentleForestDrift 35s linear infinite,etherealPulse 8s ease-in-out infinite}.atmospheric-background .particle-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 2.5px at 45% 15%,rgba(255,255,255,.65) 0%,rgba(255,255,255,.25) 15%,rgba(255,255,255,.08) 30%,transparent 45%),radial-gradient(circle 2px at 85% 60%,rgba(140,255,202,.55) 0%,rgba(140,255,202,.22) 12%,rgba(140,255,202,.06) 25%,transparent 40%),radial-gradient(circle 3px at 60% 85%,rgba(76,175,80,.5) 0%,rgba(76,175,80,.18) 18%,rgba(76,175,80,.05) 35%,transparent 50%);animation:magicalDustSwirl 60s ease-in-out infinite reverse,etherealPulse 12s ease-in-out infinite}.organic-tile-grid{display:grid;grid-template-areas:"hero hero" "courses mycourses" "notes paths";grid-template-columns:repeat(2,140px);grid-template-rows:85px 110px 110px;gap:18px;justify-content:center;align-content:center}.organic-tile-grid .nav-tile{animation:tileEntranceSpring .5s cubic-bezier(.68,-.55,.265,1.55) both;animation-delay:.1s}.organic-tile-grid .nav-tile[data-tile=dashboard]{grid-area:hero;animation-delay:.1s}.organic-tile-grid .nav-tile[data-tile=courses]{grid-area:courses;animation-delay:.18s}.organic-tile-grid .nav-tile[data-tile=mycourses]{grid-area:mycourses;animation-delay:.26s}.organic-tile-grid .nav-tile[data-tile=notes]{grid-area:notes;animation-delay:.34s}.organic-tile-grid .nav-tile[data-tile=paths]{grid-area:paths;animation-delay:.42s}.organic-tile-grid .nav-tile[data-tile=profile]{display:none}.nav-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 8px;border-radius:12px;min-height:110px;cursor:pointer;text-decoration:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden;background:linear-gradient(145deg,#ffffff73,#ffffff59,#ffffff40);backdrop-filter:blur(32px) saturate(250%) brightness(1.15) contrast(1.25);-webkit-backdrop-filter:blur(32px) saturate(250%) brightness(1.15) contrast(1.25);box-shadow:0 8px 24px #00000040,0 16px 48px #00000059,0 32px 96px #0003,0 0 64px #8cffca26;border:2px solid rgba(255,255,255,.65);color:#ffffffeb;text-align:center;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Arial,system-ui,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.6)}.nav-tile:hover{background:linear-gradient(145deg,#ffffff4d,#ffffff38,#ffffff26);box-shadow:0 8px 24px #0003,0 16px 48px #0000004d,0 32px 80px #00000026,0 0 32px #8cffca1a;border-color:#ffffff8c;transform:translateY(-2px) scale(1.02);color:#fffffffa}.nav-tile:hover .tile-icon{transform:scale(1.1);filter:brightness(1.2) saturate(1.3)}.nav-tile:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #00000026,0 4px 16px #0003,0 8px 32px #0000001a,0 0 24px #8b5cf633}.nav-tile:focus-visible{outline:none;box-shadow:0 4px 16px #00000026,0 8px 32px #00000040,0 16px 64px #0000001a,0 0 0 3px #8b5cf699,0 0 0 6px #8b5cf64d}.nav-tile.active{background:linear-gradient(135deg,#8cffca40,#8cffca26,#8b5cf61a),#ffffff40;border:1px solid rgba(140,255,202,.45);animation:activeGlow .3s cubic-bezier(.4,0,.2,1) both}.nav-tile.active .tile-label{color:#fff;font-weight:600;text-shadow:0 0 8px rgba(140,255,202,.3),0 2px 6px rgba(0,0,0,.4)}.nav-tile.hero-tile{grid-area:hero;min-height:85px}.nav-tile.hero-tile .tile-label{font-size:16px;font-weight:600;color:#fffffff2}.nav-tile.hero-tile .tile-icon{font-size:38px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.tile-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;will-change:transform;transform:translateZ(0)}.tile-icon{font-size:34px;opacity:.9;color:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);--ph-duotone-primary: rgba(255, 255, 255, .95);--ph-duotone-secondary: rgba(255, 255, 255, .6)}.nav-tile[data-tile=dashboard] .tile-icon{animation:dashboardIconSpin 2s ease-in-out infinite}.nav-tile[data-tile=courses] .tile-icon{animation:coursesIconFlip 3s ease-in-out infinite}.nav-tile[data-tile=notes] .tile-icon{animation:notesIconWrite 4s ease-in-out infinite}.nav-tile[data-tile=paths] .tile-icon{animation:pathsIconGrow 2.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.tile-icon{animation:none!important}}.tile-label{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,Arial,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:1.2;margin:0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 374px){.organic-tile-grid{grid-template-columns:repeat(2,118px);grid-template-rows:70px 86px 86px;gap:12px;padding:24px 8px}.nav-tile{padding:8px 4px;min-height:auto;border-radius:10px}.tile-icon{font-size:30px;margin-bottom:4px}.tile-label{font-size:11px;line-height:1.1}}@media (min-width: 375px) and (max-width: 414px){.organic-tile-grid{grid-template-columns:repeat(2,128px);grid-template-rows:78px 94px 94px;gap:16px;padding:32px 16px}.nav-tile{padding:16px 8px;min-height:94px}.tile-icon{font-size:34px;margin-bottom:8px}}@media (min-width: 415px) and (max-width: 768px){.organic-tile-grid{grid-template-columns:repeat(2,144px);grid-template-rows:86px 102px 102px;gap:20px;padding:48px 24px}.nav-tile{padding:24px 8px;min-height:102px}.tile-icon{font-size:38px;margin-bottom:8px}.tile-label{font-size:15px}}@media (max-height: 500px) and (orientation: landscape){.learning-environment-menu{padding:8px!important}.learning-environment-menu .menu-content-layer{padding:4px 8px!important}.learning-environment-menu .organic-tile-grid{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:8px!important;max-height:244px!important;padding:8px!important}.learning-environment-menu .nav-tile{min-height:72px!important;padding:6px!important;border-radius:8px!important}.learning-environment-menu .nav-tile.hero-tile{grid-column:span 1!important;min-height:72px!important}}@media (prefers-contrast: high){.nav-tile{border:2px solid rgba(255,255,255,.8);background:#000c}.nav-tile:focus{background:Highlight;color:HighlightText;box-shadow:0 4px 16px #00000026,0 8px 32px #00000040,0 16px 64px #0000001a,0 0 0 3px HighlightText,0 0 0 6px currentColor}.tile-icon{color:#fff;--ph-duotone-primary: rgba(255, 255, 255, 1);--ph-duotone-secondary: rgba(255, 255, 255, .7)}.tile-label{color:#fff}}@keyframes iOSMenuSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tileEntranceSpring{0%{opacity:0;transform:translateY(40px) scale(.8) rotateX(15deg)}50%{opacity:.7;transform:translateY(-5px) scale(1.05) rotateX(-2deg)}75%{opacity:.9;transform:translateY(2px) scale(.98) rotateX(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes activeGlow{0%{box-shadow:0 4px 16px #00000026,0 8px 32px #00000040,0 16px 64px #0000001a}to{box-shadow:0 4px 16px #00000026,0 8px 32px #00000040,0 16px 64px #0000001a,0 0 32px #8cffca40,0 0 16px #8cffca26,0 0 8px #8cffca1a,inset 0 1px #fff6,inset 0 -1px #8cffca1a}}@keyframes mysticalFireflyDance{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(10px,-15px) scale(1.2);opacity:.6}50%{transform:translate(-5px,-25px) scale(.8);opacity:.4}75%{transform:translate(-15px,-10px) scale(1.1);opacity:.5}}@keyframes gentleForestDrift{0%{transform:translate(0) rotate(0)}to{transform:translate(-10px,-10px) rotate(360deg)}}@keyframes etherealPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes magicalDustSwirl{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(5px,-5px) rotate(90deg) scale(1.1)}50%{transform:translate(-3px,3px) rotate(180deg) scale(.9)}75%{transform:translate(-5px,-3px) rotate(270deg) scale(1.05)}to{transform:translate(0) rotate(360deg) scale(1)}}@keyframes forestWindSway{0%,to{transform:translate(0) scale(1)}25%{transform:translate(2px,-1px) scale(1.01)}50%{transform:translate(-1px,1px) scale(.99)}75%{transform:translate(-2px,-1px) scale(1.01)}}@keyframes dashboardIconSpin{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}@keyframes coursesIconFlip{0%,to{transform:rotateY(0)}50%{transform:rotateY(10deg)}}@keyframes notesIconWrite{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes pathsIconGrow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cdk-overlay-pane .dashboard-select-panel.mat-mdc-select-panel,.cdk-overlay-pane .mat-mdc-select-panel.dashboard-select-panel{background:#1a1d29!important;background-color:#1a1d29!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown{background:#1a1a2ebf!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px!important;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff14 inset,0 20px 60px #0000004d,0 0 80px #667eea0d!important;overflow:hidden!important;min-width:240px!important;position:relative}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown:before,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(139,92,246,.08) 40%,transparent 100%);pointer-events:none}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown:after,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);pointer-events:none}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .mat-mdc-menu-content,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .mat-mdc-menu-content{background:transparent!important;position:relative}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .user-dropdown-header,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .user-dropdown-header{background:#ffffff0a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;border-radius:12px 12px 0 0;position:relative}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .user-dropdown-header .user-display-name,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .user-dropdown-header .user-display-name{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;display:inline-flex;align-items:center;gap:8px}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .user-dropdown-header .user-display-name:after,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .user-dropdown-header .user-display-name:after{content:"";width:8px;height:8px;background:#4caf50;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px #4caf504d;animation:pulse-online 2s infinite}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .user-dropdown-header .user-email,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .user-dropdown-header .user-email{color:#fffc!important}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .mat-mdc-menu-item,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .mat-mdc-menu-item{color:#fffffff2!important;position:relative;margin:4px 8px;border-radius:10px;transition:all .3s ease}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .mat-mdc-menu-item:hover,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .mat-mdc-menu-item:hover{background:#667eea33!important;transform:translate(2px)}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .mat-mdc-menu-item .mat-icon,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .mat-mdc-menu-item .mat-icon{color:#ffffffd9!important}.cdk-overlay-pane .mat-mdc-menu-panel.user-dropdown .mat-divider,.cdk-overlay-pane .mat-mdc-menu-panel.notifications-dropdown .mat-divider{border-top-color:#ffffff1a!important;position:relative}@keyframes pulse-online{0%{box-shadow:0 0 0 2px #4caf504d}50%{box-shadow:0 0 0 4px #4caf501a}to{box-shadow:0 0 0 2px #4caf504d}}.dashboard-select-panel{background:#1a1d29!important;background-color:#1a1d29!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}.dashboard-select-panel.mat-mdc-select-panel{background:#1a1d29!important;background-color:#1a1d29!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.cdk-overlay-backdrop.multi-step-modal-backdrop{background:#00000080!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.cdk-overlay-backdrop.multi-step-modal-backdrop.cdk-overlay-backdrop-showing{opacity:1}.mat-mdc-dialog-container .multi-step-modal-panel .mdc-dialog__surface{background:transparent!important;box-shadow:none!important}.purchase-modal-container .mat-mdc-dialog-container{padding:0;overflow:hidden;background:#2a2a2a;border-radius:12px}@media (max-width: 768px){.purchase-modal-container .mat-mdc-dialog-container{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0}}.purchase-modal-container .mdc-dialog__surface{background:transparent!important;overflow:hidden}.free-content-modal-container .mat-mdc-dialog-container{padding:0;overflow:hidden;background:#1e1e1e;border-radius:12px}.free-content-modal-container .mdc-dialog__surface{background:transparent!important;overflow:hidden}.login-prompt-modal-container .mat-mdc-dialog-container{padding:0;overflow:hidden;background:#1e1e1e;border-radius:12px}.login-prompt-modal-container .mdc-dialog__surface{background:transparent!important;overflow:hidden}.purchase-success-modal-container .mat-mdc-dialog-container{padding:0;overflow:hidden;background:#1e1e1e;border-radius:12px}.purchase-success-modal-container .mdc-dialog__surface{background:transparent!important;overflow:hidden}.purchase-modal-backdrop{background:#000000b3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.purchase-modal-backdrop.cdk-overlay-backdrop-showing{opacity:1}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.purchase-modal-enter{animation:slideUp .3s ease-out}.cramhq-progress-container{margin-top:1rem}.cramhq-progress-container .cramhq-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.cramhq-progress-container .cramhq-progress-bar .cramhq-progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d4ff);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #00ff8880}.cramhq-progress-container .cramhq-progress-text{font-size:.85rem;color:#fff9;font-weight:500}.cramhq-progress-container.compact{margin-top:0}.cramhq-progress-container.compact .cramhq-progress-bar{margin-bottom:0}.cramhq-course-card{position:relative;display:flex;flex-direction:column;min-height:420px;background:#000000b3;border-radius:12px;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 6px #0006,0 8px 24px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.cramhq-course-card:hover{border-color:#ffffff4d;box-shadow:0 0 20px #ffffff80,0 0 40px #ffffff4d,0 0 60px #ffffff26,0 8px 32px #0000004d}.cramhq-course-card .card-header{font-family:DM Mono,monospace;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:#f3ecff;color:#2e0057;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);border-radius:10px 10px 0 0;display:flex;align-items:center;justify-content:space-between;position:relative}.cramhq-course-card .card-header .vendor-logo-header{height:20px;width:auto;max-width:90px;object-fit:contain;opacity:.8}.cramhq-course-card .card-header .vendor-logo-header.vendor-text{height:auto;max-width:140px;color:#4c1d95;font-size:.72rem;font-weight:800;line-height:1.15;text-align:right}.cramhq-course-card .card-body{padding:24px 24px 32px;display:flex;flex-direction:column;flex:1}.cramhq-course-card .card-body .access-badge{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cramhq-course-card .card-body .access-badge .badge{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;padding:6px 12px;border-radius:20px}.cramhq-course-card .card-body .access-badge .badge mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;vertical-align:middle}.cramhq-course-card .card-body .access-badge .badge.badge-owned{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.cramhq-course-card .card-body .access-badge .badge.badge-expired{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.cramhq-course-card .card-body .access-badge .badge.badge-available{background:#0067fd26;color:#0067fd;border:1px solid rgba(0,103,253,.3)}.cramhq-course-card .card-body .access-badge .expiry-info{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:#ffffffb3;padding:4px 10px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.cramhq-course-card .card-body .access-badge .expiry-info mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;color:#fff9;vertical-align:middle}.cramhq-course-card .card-body .access-badge .expiry-info span{display:inline-flex;align-items:center}.cramhq-course-card .card-body .access-badge .expiry-warning{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#ff9800;animation:pulse 1.5s ease-in-out infinite}.cramhq-course-card .card-body .access-badge .expiry-warning mat-icon{font-size:16px;color:#ff9800}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.cramhq-course-card .title{font-size:1.5rem;font-weight:800;line-height:1.2;margin-bottom:8px;color:#fafafb;font-size:clamp(1.25rem,2.5vw,1.75rem)}.cramhq-course-card .description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative}.cramhq-course-card .description:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5em;background:linear-gradient(#0000,#000000b3)}.cramhq-course-card .divider{height:1px;border:none;margin:16px 0;background-image:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1px);background-size:8px 1px;background-repeat:repeat-x;background-position:center}.cramhq-course-card .meta{font-size:1rem;font-weight:600;color:#fafafb;margin-bottom:24px;text-align:left;font-size:clamp(.875rem,1.2vw,1rem)}.cramhq-course-card .meta .meta-strong{font-weight:700}.cramhq-course-card .meta .meta-muted{font-weight:400;color:#fff9}.cramhq-course-card .progress-section{padding:16px 0}.cramhq-course-card .progress-section .cramhq-progress-container.compact{margin-top:.5rem;margin-bottom:0}.cramhq-course-card .progress-section .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cramhq-course-card .progress-section .progress-header .progress-label{font-size:.875rem;color:#ffffffb3;font-weight:500}.cramhq-course-card .progress-section .progress-header .progress-percentage{font-size:1.125rem;color:#fff;font-weight:700}.cramhq-course-card .progress-section .progress-details{display:flex;justify-content:space-between;margin-top:12px}.cramhq-course-card .progress-section .progress-details .progress-stat{display:flex;align-items:center;gap:4px;font-size:.875rem;color:#fffc}.cramhq-course-card .progress-section .progress-details .progress-stat mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;color:#0067fd;vertical-align:middle}.cramhq-course-card .bottom{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:auto}.cramhq-course-card .bottom .label{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;padding:8px 14px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;font-weight:500;transition:all .2s ease}.cramhq-course-card .bottom .label .custom-icon{width:18px;height:18px;flex-shrink:0}.cramhq-course-card .bottom .label .custom-icon.difficulty-icon{color:#0f8}.cramhq-course-card .bottom .label .custom-icon.price-icon{color:#00d4ff}.cramhq-course-card .bottom .label mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;color:#0067fd;vertical-align:middle}.cramhq-course-card .bottom .cramhq-button-primary{margin-left:auto}@media (max-width: 768px){.cramhq-course-card{display:flex!important;flex-direction:column!important;min-height:auto!important;height:auto!important;margin:0 auto;margin-bottom:16px!important}.cramhq-course-card .card-header{padding:12px 16px!important;font-size:1rem!important;gap:8px!important}.cramhq-course-card .card-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:16px!important}.cramhq-course-card .card-body .access-badge{flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important}.cramhq-course-card .card-body .access-badge .badge{font-size:.75rem!important;padding:4px 10px!important}.cramhq-course-card .card-body .access-badge .badge mat-icon{font-size:16px!important}.cramhq-course-card .card-body .access-badge .expiry-info{font-size:.7rem!important}.cramhq-course-card .card-body .access-badge .expiry-info mat-icon{font-size:14px!important}.cramhq-course-card .card-body .access-badge .expiry-warning{font-size:.7rem!important}.cramhq-course-card .card-body .access-badge .expiry-warning mat-icon{font-size:14px!important}.cramhq-course-card .title{font-size:1.25rem!important;margin-bottom:8px!important}.cramhq-course-card .description{font-size:.9rem!important;margin-bottom:16px!important;text-align:left!important;align-self:stretch!important;max-width:100%!important}.cramhq-course-card .divider{margin:16px 0!important}.cramhq-course-card .meta{font-size:.9rem!important;margin-bottom:16px!important;text-align:left!important}.cramhq-course-card .bottom{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important}.cramhq-course-card .bottom .label{font-size:.8rem!important;padding:6px 10px!important;gap:6px!important}.cramhq-course-card .bottom .label .custom-icon{width:16px!important;height:16px!important}.cramhq-course-card .bottom .label mat-icon{font-size:16px!important;line-height:1}.cramhq-course-card .bottom .cramhq-button-primary{width:100%!important;justify-content:center!important;padding:8px 16px!important;font-size:.9rem!important;margin-top:12px!important;margin-left:0!important}}.hero-badge{display:inline-flex;align-items:center;justify-content:center;padding:.33rem .83rem;background:#00ff411a;border:1px solid #00ff41;border-radius:9999px;color:#00ff41;font-size:.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.67rem;text-align:center;width:fit-content;margin-left:auto;margin-right:auto}
