@font-face{font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url('/static/fonts/inter-variable-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url('/static/fonts/inter-variable-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-ink: #04080f;--color-navy: #1d3764;--color-navy-mid: #162036;--color-accent: #0052cc;--color-accent-dark: #003ea3;--color-accent-glow: rgba(0,82,204,0.15);--color-white: #ffffff;--color-surface: #e3f2fd;--color-border: #dde4ee;--color-text: #0b1526;--color-muted: #5a6a82;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-error: #b71c1c;--color-error-bg: #fdecea;--font-sans: 'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-size-base: 1rem;--line-height-base: 1.65;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-max: 1240px;--container-pad: clamp(1.25rem,5vw,2.5rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(4,8,15,.05);--shadow-sm: 0 2px 8px rgba(4,8,15,.07);--shadow-md: 0 8px 24px rgba(4,8,15,.10);--shadow-lg: 0 16px 48px rgba(4,8,15,.14);--shadow-xl: 0 32px 80px rgba(4,8,15,.18);--transition: 200ms cubic-bezier(0.25,0.46,0.45,0.94);--transition-slow: 350ms cubic-bezier(0.25,0.46,0.45,0.94)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{font-family: var(--font-sans);font-size: var(--font-size-base);line-height: var(--line-height-base);color: var(--color-text);background: var(--color-white);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}img{max-width: 100%;height: auto;display: block}a{color: inherit;text-decoration: none}ul,ol{list-style: none}.container{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-pad)}.section{padding-block: var(--space-32)}.section--surface{background: var(--color-surface)}.section--dark{background: var(--color-navy);color: var(--color-white)}.skip-link{position: absolute;left: var(--space-4);top: -100%;z-index: 1000;background: var(--color-white);color: var(--color-accent);font-weight: 700;padding: var(--space-3) var(--space-5);border-radius: var(--radius-sm);box-shadow: var(--shadow-md)}.skip-link:focus-visible{top: var(--space-4)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.section-label{display: inline-flex;align-items: center;gap: var(--space-2);font-size: 0.7rem;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: var(--color-accent);margin-bottom: var(--space-4)}.section-label::before{content: '';display: inline-block;width: 20px;height: 2px;background: var(--color-accent);border-radius: 2px;flex-shrink: 0}.section--dark .section-label,.page-header .section-label{color: rgba(255,255,255,0.6)}.section--dark .section-label::before,.page-header .section-label::before{background: rgba(255,255,255,0.25)}.section-title{font-size: clamp(2rem,4vw,3rem);font-weight: 800;line-height: 1.08;letter-spacing: -0.035em;color: var(--color-ink);margin-bottom: var(--space-5)}.section--dark .section-title{color: var(--color-white)}.section-lead{font-size: 1.05rem;color: var(--color-muted);max-width: 54ch;line-height: 1.7}.section--dark .section-lead{color: rgba(255,255,255,0.6)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 0.8rem 1.8rem;border-radius: var(--radius-sm);font-family: var(--font-sans);font-size: 0.9rem;font-weight: 700;letter-spacing: 0.01em;cursor: pointer;border: 1.5px solid transparent;transition: background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition);white-space: nowrap;text-align: center;position: relative}.btn--primary{background: var(--color-accent);color: var(--color-white);border-color: var(--color-accent)}.btn--primary:hover{background: var(--color-accent-dark);border-color: var(--color-accent-dark);box-shadow: 0 4px 20px rgba(0,82,204,0.35)}.btn--outline{background: transparent;color: var(--color-white);border-color: rgba(255,255,255,0.35)}.btn--outline:hover{background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.7)}.btn--outline-dark{background: transparent;color: var(--color-ink);border-color: var(--color-border)}.btn--outline-dark:hover{border-color: var(--color-accent);color: var(--color-accent);box-shadow: 0 0 0 3px var(--color-accent-glow)}.btn--success{background: var(--color-success) !important;border-color: var(--color-success) !important}.divider{border: none;border-top: 1px solid var(--color-border)}.phone-badge{display: inline-flex;align-items: center;gap: 0.35em;padding: 0.15em 0.6em;border-radius: 100px;font-size: 0.75em;font-weight: 600;vertical-align: middle;margin-left: 0.5em;line-height: 1.5}.phone-badge::before{content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.phone-badge--open{background: #dcfce7;color: #15803d}.phone-badge--open::before{background: #16a34a}.phone-badge--closed{background: #fee2e2;color: #b91c1c}.phone-badge--closed::before{background: #dc2626}.footer .phone-badge--open,.section--dark .phone-badge--open{background: rgba(22,163,74,0.18);color: #4ade80}.footer .phone-badge--open::before,.section--dark .phone-badge--open::before{background: #4ade80}.footer .phone-badge--closed,.section--dark .phone-badge--closed{background: rgba(220,38,38,0.18);color: #f87171}.footer .phone-badge--closed::before,.section--dark .phone-badge--closed::before{background: #f87171}[data-tip]{position: relative}[data-tip]::after{content: attr(data-tip);position: absolute;top: calc(100% + 6px);left: 50%;transform: translateX(-50%);background: var(--color-ink);color: var(--color-white);font-size: 0.72rem;font-weight: 500;white-space: nowrap;padding: 0.3em 0.65em;border-radius: var(--radius-sm);pointer-events: none;opacity: 0;transition: opacity 0.15s ease;z-index: 100}[data-tip]:hover::after{opacity: 1}
.animate-on-scroll{opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease,transform 0.5s ease}.animate-on-scroll.visible{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){.animate-on-scroll{transition: none;opacity: 1;transform: none}}#site-nav{transition: box-shadow 0.25s ease}#site-nav.nav-scrolled{box-shadow: 0 2px 16px rgba(0,0,0,0.08)}
.cookie-banner{position: fixed;bottom: var(--space-5);left: 50%;transform: translateX(-50%);z-index: 9999;width: calc(100% - 2rem);max-width: 680px;background: var(--color-navy);color: var(--color-white);border-radius: var(--radius-lg);box-shadow: 0 8px 32px rgba(0,0,0,0.25);padding: var(--space-4) var(--space-6);animation: cookie-slide-up 0.3s ease}@keyframes cookie-slide-up{from{opacity: 0;transform: translateX(-50%) translateY(12px)}to{opacity: 1;transform: translateX(-50%) translateY(0)}}.cookie-banner[hidden]{display: none}.cookie-banner__inner{display: flex;align-items: center;gap: var(--space-5);flex-wrap: wrap}.cookie-banner__text{flex: 1;min-width: 200px;font-size: 0.88rem;line-height: 1.5;color: rgba(255,255,255,0.85);margin: 0}.cookie-banner__link{color: var(--color-white);font-weight: 600;text-decoration: underline;text-underline-offset: 2px}.cookie-banner__actions{display: flex;gap: var(--space-2);flex-shrink: 0}.cookie-banner__btn{padding: 0.5rem 1.1rem;border-radius: var(--radius-md);font-family: var(--font-sans);font-size: 0.85rem;font-weight: 700;cursor: pointer;border: 1.5px solid transparent;transition: background var(--transition),color var(--transition),border-color var(--transition)}.cookie-banner__btn--accept{background: var(--color-accent);color: var(--color-white);border-color: var(--color-accent)}.cookie-banner__btn--accept:hover{background: var(--color-accent-dark);border-color: var(--color-accent-dark)}.cookie-banner__btn--dismiss{background: transparent;color: rgba(255,255,255,0.7);border-color: rgba(255,255,255,0.25)}.cookie-banner__btn--dismiss:hover{background: rgba(255,255,255,0.08);color: var(--color-white)}@media (max-width: 480px){.cookie-banner{bottom: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;width: 100%}.cookie-banner__inner{flex-direction: column;align-items: flex-start;gap: var(--space-3)}}
.kb-hero{background: var(--color-navy);color: var(--color-white);padding: 8rem 0 4rem}.kb-hero h1{font-size: clamp(2.5rem,5vw,3.5rem);font-weight: 800;margin: var(--space-3) 0;text-shadow: 4px 4px 4px rgba(0,0,0,0.5)}.kb-hero__lead{color: rgba(255,255,255,0.65);font-size: 1.1rem;max-width: 58ch}.kb-login-notice{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);flex-wrap: wrap;margin-top: var(--space-6);background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.15);padding: var(--space-4) var(--space-5);border-radius: var(--radius-lg);font-size: 0.95rem;color: rgba(255,255,255,0.8)}.kb-login-notice__actions{display: flex;gap: var(--space-3);flex-wrap: wrap}.kb-section{padding-block: var(--space-16)}.kb-section--alt{background: var(--color-surface)}.kb-section-header{display: flex;align-items: flex-end;justify-content: space-between;gap: var(--space-6);margin-bottom: var(--space-8)}.kb-section-title{font-size: clamp(1.5rem,3vw,2rem);font-weight: 800;color: var(--color-ink);margin-bottom: var(--space-1)}.kb-section-sub{font-size: 0.95rem;color: var(--color-muted)}.kb-free-note{display: flex;align-items: center;gap: var(--space-2);background: var(--color-accent-glow);border: 1px solid rgba(0,82,204,0.2);border-radius: var(--radius-md);padding: var(--space-3) var(--space-5);font-size: 0.9rem;color: var(--color-accent-dark);margin-bottom: var(--space-8)}.kb-free-note__badge{font-weight: 700;background: var(--color-accent);color: var(--color-white);font-size: 0.7rem;padding: 2px 8px;border-radius: 999px;letter-spacing: 0.04em;text-transform: uppercase}.kb-guide-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: var(--space-5)}.kb-guide-card{background: var(--color-white);border: 1.5px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-5);display: flex;flex-direction: column;gap: var(--space-3);box-shadow: var(--shadow-sm);transition: box-shadow var(--transition),border-color var(--transition);position: relative;cursor: pointer}.kb-guide-card .kb-btn{position: static}.kb-guide-card .kb-btn::after{content: '';position: absolute;inset: 0}.kb-guide-card:hover{box-shadow: var(--shadow-md);border-color: var(--color-accent)}.kb-guide-card--locked{border-style: dashed;box-shadow: none}.kb-guide-card--locked:hover{border-color: var(--color-border);box-shadow: var(--shadow-sm)}.kb-guide-card__top{display: flex;align-items: center;justify-content: space-between;gap: var(--space-2)}.kb-section-title__link{color: inherit;text-decoration: none}.kb-section-title__link:hover{color: var(--color-accent)}.kb-section-all{font-size: 0.875rem;font-weight: 600;color: var(--color-accent);text-decoration: none;white-space: nowrap;flex-shrink: 0}.kb-section-all:hover{text-decoration: underline}.kb-cat-badge{font-size: 0.68rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;padding: 3px 9px;border-radius: 999px;background: var(--color-surface);color: var(--color-muted);border: 1px solid var(--color-border)}.kb-guide-card__subtitle{display: block;font-size: 0.8rem;font-weight: 500;color: var(--color-muted);margin-top: 2px}.kb-guide-card__pills{display: flex;flex-wrap: wrap;gap: var(--space-2)}.kb-pill{font-size: 0.72rem;font-weight: 500;color: var(--color-muted);background: var(--color-surface);border: 1px solid var(--color-border);padding: 2px 8px;border-radius: 999px}.kb-lock{font-size: 0.9rem}.kb-guide-card__title{font-size: 0.975rem;font-weight: 700;color: var(--color-ink);line-height: 1.35}.kb-guide-card__desc{font-size: 0.875rem;color: var(--color-muted);line-height: 1.55;flex: 1}.kb-guide-card__footer{display: flex;flex-direction: column;align-items: flex-start;gap: var(--space-3);margin-top: auto;padding-top: var(--space-4);border-top: 1px solid var(--color-border)}.kb-guide-card__footer .kb-btn{align-self: flex-end}.kb-read-time{font-size: 0.78rem;color: var(--color-muted)}.kb-btn{padding: 0.45rem 1rem;font-size: 0.82rem}.kb-course-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));gap: var(--space-5)}.kb-course-card{background: var(--color-white);border: 1.5px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-6);display: flex;flex-direction: column;gap: var(--space-3);box-shadow: var(--shadow-sm);position: relative;transition: box-shadow var(--transition),border-color var(--transition)}.kb-course-card:hover{box-shadow: var(--shadow-md);border-color: var(--color-accent)}.kb-course-card--locked{border-style: dashed;box-shadow: none}.kb-course-card--locked:hover{border-color: var(--color-border);box-shadow: var(--shadow-sm)}.kb-lock--abs{position: absolute;top: var(--space-4);right: var(--space-4)}.kb-course-card__meta{display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap}.kb-level-badge{font-size: 0.68rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;padding: 3px 9px;border-radius: 999px}.kb-type-pill{font-size: 0.75rem;font-weight: 600;color: var(--color-muted);background: var(--color-surface);border: 1px solid var(--color-border);padding: 2px 8px;border-radius: 999px}.kb-modules{font-size: 0.75rem;color: var(--color-muted)}.kb-course-card__title{font-size: 1rem;font-weight: 700;color: var(--color-ink);line-height: 1.35}.kb-course-card__desc{font-size: 0.875rem;color: var(--color-muted);line-height: 1.55;flex: 1}.kb-course-card__footer{margin-top: auto;padding-top: var(--space-4);border-top: 1px solid var(--color-border)}.kb-cta-note{margin-top: var(--space-10);text-align: center;color: var(--color-muted);font-size: 0.95rem}.kb-cta-note a{color: var(--color-accent);font-weight: 600}
.course-breadcrumb{background: var(--color-surface);border-bottom: 1px solid var(--color-border);border-top: 72px solid var(--color-navy);padding: var(--space-3) 0}.course-breadcrumb__inner{display: flex;align-items: center;gap: var(--space-2);font-size: 0.82rem;color: var(--color-muted)}.course-breadcrumb__link{color: var(--color-accent);font-weight: 500;transition: color var(--transition)}.course-breadcrumb__link:hover{color: var(--color-accent-dark)}.course-breadcrumb__sep{color: var(--color-muted);font-size: 0.7rem}.course-breadcrumb__current{color: var(--color-ink);font-weight: 600}.course-header{background: var(--color-navy);color: var(--color-white);padding: 5rem 0 5rem;position: relative}.course-header__label{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,0.6);margin-bottom: var(--space-3)}.course-header h1{font-size: clamp(1.75rem,4vw,2.75rem);font-weight: 800;margin-bottom: var(--space-4);line-height: var(--space-12);max-width: 700px;text-shadow: 4px 4px 4px rgba(0,0,0,0.5)}.course-header__meta{display: flex;align-items: center;gap: var(--space-3);flex-wrap: wrap}.course-meta-pill{display: flex;align-items: center;gap: 5px;font-size: 0.82rem;color: rgba(255,255,255,0.7);background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.12);padding: 4px 12px;border-radius: 999px}.course-body{padding-block: var(--space-12);display: grid;grid-template-columns: 1fr 380px;gap: var(--space-10);align-items: start}@media (max-width: 960px){.course-body{grid-template-columns: 1fr}}.course-body--video-only{grid-template-columns: 1fr}.course-video-wrap{position: sticky;top: 90px}.course-body--video-only .course-video-wrap{position: static}.course-video{width: 100%;aspect-ratio: 16 / 9;border-radius: var(--radius-lg);background: #0b1526;display: block}.course-video--placeholder{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-4);color: rgba(255,255,255,0.35);border: 1.5px dashed rgba(255,255,255,0.12)}.course-video--placeholder svg{opacity: 0.4}.course-video--placeholder p{font-size: 0.9rem;margin: 0}.course-video-caption{margin-top: var(--space-3);font-size: 0.82rem;color: var(--color-muted);line-height: 1.5}.course-written{}.course-written__heading{font-size: 1.1rem;font-weight: 700;color: var(--color-ink);margin-bottom: var(--space-6);padding-bottom: var(--space-3);border-bottom: 2px solid var(--color-accent);display: inline-block}.course-steps{list-style: none;display: flex;flex-direction: column;gap: var(--space-4)}.course-step{display: flex;gap: var(--space-4)}.course-step__num{flex-shrink: 0;width: 28px;height: 28px;border-radius: 50%;background: var(--color-accent);color: var(--color-white);font-size: 0.78rem;font-weight: 700;display: flex;align-items: center;justify-content: center;margin-top: 2px}.course-step__body{flex: 1}.course-step__title{font-size: 0.9rem;font-weight: 700;color: var(--color-ink);margin-bottom: var(--space-1)}.course-step__desc{font-size: 0.85rem;color: var(--color-muted);line-height: 1.6}.course-step__tip{margin-top: var(--space-2);background: var(--color-accent-glow);border-left: 3px solid var(--color-accent);padding: var(--space-2) var(--space-3);border-radius: 0 var(--radius-sm) var(--radius-sm) 0;font-size: 0.8rem;color: var(--color-accent-dark)}.course-gate{grid-column: 1 / -1;display: flex;flex-direction: column;align-items: center;text-align: center;padding: var(--space-16) var(--space-6);max-width: 480px;margin-inline: auto}.course-gate__icon{font-size: 2.5rem;margin-bottom: var(--space-4);opacity: 0.5}.course-gate__heading{font-size: 1.3rem;font-weight: 700;color: var(--color-ink);margin-bottom: var(--space-3)}.course-gate__desc{font-size: 0.9rem;color: var(--color-muted);line-height: 1.6;margin-bottom: var(--space-2)}.course-gate__btn{margin-top: var(--space-5)}.course-gate__actions{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-3)}.course-feedback{background: var(--color-surface);border-top: 1px solid var(--color-border);padding-block: var(--space-8)}.course-feedback__inner{max-width: 560px}.course-feedback__question{font-size: 0.95rem;font-weight: 700;color: var(--color-ink);margin-bottom: var(--space-4)}.course-feedback__btns{display: flex;gap: var(--space-3)}.course-feedback__btn{display: inline-flex;align-items: center;gap: var(--space-2);padding: 0.5rem 1.25rem;border-radius: var(--radius-md);font-size: 0.88rem;font-weight: 600;cursor: pointer;border: 1.5px solid var(--color-border);background: var(--color-white);color: var(--color-ink);transition: border-color var(--transition),background var(--transition),color var(--transition);font-family: var(--font-sans)}.course-feedback__btn--yes:hover{border-color: #22c55e;background: #f0fdf4;color: #15803d}.course-feedback__btn--no:hover{border-color: #ef4444;background: #fef2f2;color: #b91c1c}.course-feedback__comment{display: none;margin-top: var(--space-4)}.course-feedback__label{display: block;font-size: 0.88rem;font-weight: 600;color: var(--color-ink);margin-bottom: var(--space-2)}.course-feedback__textarea{width: 100%;border: 1.5px solid var(--color-border);border-radius: var(--radius-md);padding: var(--space-3);font-family: var(--font-sans);font-size: 0.875rem;color: var(--color-ink);resize: vertical;transition: border-color var(--transition);box-sizing: border-box}.course-feedback__textarea:focus{outline: none;border-color: var(--color-accent);box-shadow: 0 0 0 3px var(--color-accent-glow)}.course-feedback__comment-actions{display: flex;gap: var(--space-3);margin-top: var(--space-3)}.course-feedback__thanks{display: none;font-size: 0.9rem;font-weight: 600;color: #15803d;margin-top: var(--space-4)}.course-downloads{background: var(--color-surface);border-top: 1px solid var(--color-border);padding-block: var(--space-6)}.course-downloads__label{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-muted);margin-bottom: var(--space-3)}.course-downloads__list{display: flex;flex-wrap: wrap;gap: var(--space-3)}.course-download-btn{display: inline-flex;align-items: center;gap: var(--space-2);padding: 0.55rem 1.1rem;border-radius: var(--radius-md);border: 1.5px solid var(--color-accent);background: transparent;color: var(--color-accent);font-size: 0.875rem;font-weight: 600;text-decoration: none;transition: background var(--transition),color var(--transition)}.course-download-btn:hover{background: var(--color-accent);color: var(--color-white)}.course-send-popover{position: absolute;top: var(--space-5);right: var(--space-6)}.course-send-popover__btn{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.45rem 1rem;border-radius: var(--radius-md);border: 1.5px solid rgba(255,255,255,0.25);background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.75);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: background var(--transition),border-color var(--transition),color var(--transition);white-space: nowrap}.course-send-popover__btn:hover,.course-send-popover__btn[aria-expanded="true"]{background: rgba(255,255,255,0.15);border-color: rgba(255,255,255,0.5);color: #fff}.course-send-popover__panel{position: absolute;top: calc(100% + 8px);right: 0;width: 380px;background: #fff;border-radius: var(--radius-lg);box-shadow: 0 8px 32px rgba(0,0,0,0.18);padding: 1.25rem 1.4rem;z-index: 100}.course-send-popover__panel[hidden]{display: none}.course-send-popover__label{display: block;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.07em;text-transform: uppercase;color: var(--color-muted);margin-bottom: 0.5rem}.course-send-popover__row{display: flex;gap: 0.5rem;align-items: center}.course-send-popover__input-wrap{flex: 1 1 0;min-width: 0;position: relative}.course-send-popover__input{width: 100%;box-sizing: border-box;padding: 0.5rem 0.75rem;border: 1.5px solid var(--color-border);border-radius: var(--radius-md);font-size: 0.875rem;color: var(--color-ink);background: var(--color-white);transition: border-color var(--transition)}.course-send-popover__input:focus{outline: none;border-color: var(--color-accent)}.course-send-popover__submit{padding-block: 0.5rem;padding-inline: 1.1rem;font-size: 0.875rem}.course-send-popover__suggestions{position: absolute;top: calc(100% + 4px);left: 0;right: 0;margin: 0;padding: 0.3rem 0;list-style: none;background: #fff;border: 1.5px solid var(--color-border);border-radius: var(--radius-md);box-shadow: 0 6px 20px rgba(0,0,0,0.12);z-index: 101;max-height: 200px;overflow-y: auto}.course-send-popover__suggestions[hidden]{display: none}.course-send-popover__suggestion{padding: 0.5rem 0.75rem;font-size: 0.875rem;color: var(--color-ink);cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: background var(--transition),color var(--transition)}.course-send-popover__suggestion:hover,.course-send-popover__suggestion.is-active{background: var(--color-accent);color: #fff}.course-send-popover__status{margin: 0.5rem 0 0;font-size: 0.8rem}.course-send-popover__status:empty{display: none}.course-send-popover__status--ok{color: #16a34a}.course-send-popover__status--err{color: #dc2626}.course-article{padding-block: var(--space-12);border-top: 1px solid var(--color-border)}.course-prose{max-width: 740px;font-size: 0.95rem;line-height: 1.75;color: var(--color-ink)}.course-prose h1,.course-prose h2,.course-prose h3,.course-prose h4{font-weight: 800;color: var(--color-ink);margin-top: var(--space-8);margin-bottom: var(--space-3);line-height: 1.25}.course-prose h1{font-size: 1.75rem;margin-top: 0}.course-prose h2{font-size: 1.3rem;padding-bottom: var(--space-2);border-bottom: 2px solid var(--color-border)}.course-prose h3{font-size: 1.05rem}.course-prose h4{font-size: 0.95rem}.course-prose p{margin-bottom: var(--space-4)}.course-prose a{color: var(--color-accent);font-weight: 500}.course-prose a:hover{color: var(--color-accent-dark)}.course-prose strong{font-weight: 700;color: var(--color-ink)}.course-prose em{font-style: italic}.course-prose ul,.course-prose ol{margin-bottom: var(--space-4);padding-left: var(--space-6);display: flex;flex-direction: column;gap: var(--space-2)}.course-prose ul{list-style: disc}.course-prose ol{list-style: decimal}.course-prose li{line-height: 1.65}.course-prose li > ul,.course-prose li > ol{margin-top: var(--space-2);margin-bottom: 0}.course-prose blockquote{margin: var(--space-5) 0;padding: var(--space-3) var(--space-5);background: var(--color-accent-glow);border-left: 4px solid var(--color-accent);border-radius: 0 var(--radius-sm) var(--radius-sm) 0;color: var(--color-accent-dark);font-size: 0.9rem}.course-prose blockquote p{margin-bottom: 0}.course-prose code{font-family: 'JetBrains Mono','Fira Code',monospace;font-size: 0.82em;background: #f1f5f9;color: #c026d3;padding: 2px 6px;border-radius: 4px}.course-prose pre{background: #0f1923;color: #e2e8f0;border-radius: var(--radius-md);padding: var(--space-5);overflow-x: auto;margin-bottom: var(--space-5);font-size: 0.83rem;line-height: 1.65}.course-prose pre code{background: transparent;color: inherit;padding: 0;font-size: inherit}.course-prose img{max-width: 100%;border-radius: var(--radius-md);border: 1px solid var(--color-border);margin-block: var(--space-4);display: block}.course-prose table{width: 100%;border-collapse: collapse;margin-bottom: var(--space-6);font-size: 0.875rem}.course-prose th,.course-prose td{text-align: left;padding: var(--space-2) var(--space-3);border: 1px solid var(--color-border)}.course-prose th{background: var(--color-surface);font-weight: 700;color: var(--color-ink)}.course-prose tr:nth-child(even) td{background: var(--color-surface)}.course-prose hr{border: none;border-top: 2px solid var(--color-border);margin-block: var(--space-8)}.course-related{border-top: 1px solid var(--color-border);padding-block: var(--space-12)}.course-related__title{font-size: 1.2rem;font-weight: 700;color: var(--color-ink);margin-bottom: var(--space-6)}.course-related-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: var(--space-4)}.course-related-card{background: var(--color-white);border: 1.5px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-5);text-decoration: none;display: flex;flex-direction: column;gap: var(--space-2);transition: box-shadow var(--transition),border-color var(--transition)}.course-related-card:hover{box-shadow: var(--shadow-md);border-color: var(--color-accent)}.course-related-card__type{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--color-accent)}.course-related-card__title{font-size: 0.9rem;font-weight: 700;color: var(--color-ink);line-height: 1.35}.course-related-card__arrow{margin-top: auto;font-size: 0.8rem;color: var(--color-accent);font-weight: 600}
.nav{position: fixed;top: 0;left: 0;right: 0;z-index: 200;background: rgba(11,21,38,0.75);backdrop-filter: blur(20px) saturate(1.5);-webkit-backdrop-filter: blur(20px) saturate(1.5);border-bottom: 1px solid rgba(255,255,255,0.05);transition: background var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.nav--light{background: rgba(255,255,255,0.95);border-bottom-color: var(--color-border);box-shadow: var(--shadow-sm)}.nav__inner{display: flex;align-items: center;gap: var(--space-3);height: 72px}.nav__logo{flex-shrink: 0;display: flex;align-items: flex-end;gap: 3px;line-height: 1}.nav__logo-img{height: 36px;width: auto;display: block}.nav__links{flex: 1;height: 100%}.nav__list{display: flex;justify-content: flex-end;align-items: center;height: 100%}.nav__link{font-size: 0.875rem;font-weight: 600;color: rgba(255,255,255,0.6);padding-block: var(--space-2);padding-inline: var(--space-4);position: relative;transition: color var(--transition)}.nav__link::after{content: '';position: absolute;bottom: -2px;left: 0;right: 0;height: 1.5px;background: var(--color-accent);transform: scaleX(0);transform-origin: left;transition: transform var(--transition)}.nav__link:hover{color: var(--color-white)}.nav__link:hover::after{transform: scaleX(1)}.nav--light .nav__link{color: var(--color-muted)}.nav--light .nav__link:hover{color: var(--color-ink)}.nav__cart-btn{position: relative;display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 38px;height: 38px;margin-right: var(--space-2);border-radius: var(--radius-md);color: rgba(255,255,255,0.6);text-decoration: none;transition: background var(--transition),color var(--transition)}.nav__cart-btn:hover{background: rgba(255,255,255,0.1);color: var(--color-white)}.nav--light .nav__cart-btn{color: var(--color-muted)}.nav--light .nav__cart-btn:hover{background: var(--color-surface);color: var(--color-ink)}.nav__cart-badge{position: absolute;top: 2px;right: 2px;min-width: 17px;height: 17px;padding: 0 4px;background: var(--color-accent);color: #fff;font-size: 0.65rem;font-weight: 700;border-radius: 999px;display: flex;align-items: center;justify-content: center;line-height: 1;pointer-events: none}.nav__cart-badge--inline{position: static;display: inline-flex;vertical-align: middle;margin-left: 4px}.nav__cta{flex-shrink: 0;font-size: 0.82rem;padding: 0.55rem 1.25rem}.nav__cta--login{background: var(--color-accent);color: var(--color-white);border-color: var(--color-accent);display: flex;align-items: center;gap: 10px}.nav__cta--login:hover{background: var(--color-accent-dark);border-color: var(--color-accent-dark);color: var(--color-white)}.nav--light .nav__cta--login{background: var(--color-accent);color: var(--color-white);border-color: var(--color-accent)}.nav--light .nav__cta--login:hover{background: var(--color-accent-dark);border-color: var(--color-accent-dark);box-shadow: 0 0 0 3px var(--color-accent-glow)}.nav__login{position: relative;flex-shrink: 0}.nav__login::after{content: '';position: absolute;top: 100%;left: 0;right: 0;height: 8px}.nav__login-dropdown{position: absolute;top: calc(100% + 8px);right: 0;min-width: 220px;background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);padding: var(--space-2) 0;opacity: 0;pointer-events: none;transform: translateY(-6px);transition: opacity 0.15s ease,transform 0.15s ease;z-index: 300}.nav__login:hover .nav__login-dropdown,.nav__login-dropdown.is-open{opacity: 1;pointer-events: auto;transform: translateY(0)}.nav__login-option{display: flex;flex-direction: column;gap: 2px;padding: var(--space-3) var(--space-4);text-decoration: none;transition: background var(--transition)}.nav__login-option:hover{background: var(--color-surface)}.nav__login-option-name{font-size: 0.88rem;font-weight: 600;color: var(--color-ink);transition: color var(--transition)}.nav__login-option:hover .nav__login-option-name{color: var(--color-accent)}.nav__login-option-desc{font-size: 0.75rem;line-height: 0.55rem;color: var(--color-muted)}.nav__user{position: relative;flex-shrink: 0}.nav__user-btn{display: flex;align-items: center;gap: var(--space-2);background: none;border: none;cursor: pointer;padding: var(--space-2) var(--space-3);border-radius: var(--radius-md);transition: background var(--transition);color: rgba(255,255,255,0.85)}.nav__user-btn:hover{background: rgba(255,255,255,0.08)}.nav--light .nav__user-btn{color: var(--color-ink)}.nav--light .nav__user-btn:hover{background: var(--color-surface)}.nav__user-avatar{width: 30px;height: 30px;border-radius: 50%;background: var(--color-accent);color: var(--color-white);display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 700;flex-shrink: 0;font-family: var(--font-sans)}.nav__user-name{font-size: 0.85rem;font-weight: 600;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.nav__dropdown{position: absolute;top: calc(100% + 8px);right: 0;min-width: 200px;background: var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);padding: var(--space-2) 0;opacity: 0;pointer-events: none;transform: translateY(-6px);transition: opacity 0.15s ease,transform 0.15s ease;z-index: 300}.nav__dropdown.is-open{opacity: 1;pointer-events: auto;transform: translateY(0)}.nav__dropdown-name{font-size: 0.78rem;font-weight: 600;color: var(--color-muted);padding: var(--space-2) var(--space-4) var(--space-3);text-transform: uppercase;letter-spacing: 0.06em}.nav__dropdown-link{display: block;width: 100%;padding: var(--space-2) var(--space-4);font-size: 0.88rem;font-weight: 500;color: var(--color-text);background: none;border: none;text-align: left;cursor: pointer;font-family: var(--font-sans);transition: background var(--transition),color var(--transition);text-decoration: none}.nav__dropdown-link:hover{background: var(--color-surface);color: var(--color-accent)}.nav__dropdown-divider{height: 1px;background: var(--color-border);margin: var(--space-2) 0}.nav__dropdown-link--logout{color: var(--color-error)}.nav__dropdown-link--logout:hover{background: var(--color-error-bg);color: var(--color-error)}.nav__mobile-user{padding: var(--space-4) 0;border-bottom: 1px solid rgba(255,255,255,0.06)}.nav__mobile-user-name{display: block;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: rgba(255,255,255,0.4);padding-bottom: var(--space-2)}.nav__mobile-divider{border-top: 1px solid rgba(255,255,255,0.08);margin: var(--space-2) 0}.nav__mobile-link--sub{font-size: 0.9rem;font-weight: 500;padding: var(--space-2) 0;color: rgba(255,255,255,0.5);border-bottom: none}.nav__mobile-link--logout{display: block;width: 100%;text-align: left;background: none;border: none;border-top: 1px solid rgba(255,255,255,0.06);margin-top: var(--space-3);padding: var(--space-3) 0 0;font-size: 0.9rem;font-weight: 600;color: rgba(255,255,255,0.5);cursor: pointer;transition: color var(--transition)}.nav__mobile-link--logout:hover{color: var(--color-white)}.nav__burger{display: none;flex-direction: column;justify-content: center;gap: 5px;background: none;border: none;cursor: pointer;padding: var(--space-2);margin-left: auto;width: 36px;height: 36px}.nav__burger span{display: block;width: 22px;height: 1.5px;background: var(--color-white);border-radius: 2px;transition: transform var(--transition),opacity var(--transition)}.nav--light .nav__burger span{background: var(--color-ink)}.nav__burger.is-open span:nth-child(1){transform: translateY(6.5px) rotate(45deg)}.nav__burger.is-open span:nth-child(2){opacity: 0}.nav__burger.is-open span:nth-child(3){transform: translateY(-6.5px) rotate(-45deg)}.nav__mobile{background: var(--color-navy);border-top: 1px solid rgba(255,255,255,0.06);max-height: calc(100dvh - 72px);overflow-y: auto;overscroll-behavior: contain}.nav__mobile-list{display: flex;flex-direction: column;padding: var(--space-4) var(--container-pad) var(--space-6)}.nav__mobile-link{display: block;padding: var(--space-4) 0;font-size: 1rem;font-weight: 600;color: rgba(255,255,255,0.65);border-bottom: 1px solid rgba(255,255,255,0.06);transition: color var(--transition)}.nav__mobile-link:hover{color: var(--color-white)}@media (max-width: 1050px){.nav__links,.nav__cta,.nav__user,.nav__cart-btn{display: none}.nav__burger{display: flex}}.nav__item--has-mega{position: static;height: 100%;display: flex;align-items: center}.nav__link--mega-trigger{display: flex;align-items: center;gap: 5px}.nav__chevron{transition: transform var(--transition);flex-shrink: 0}.nav__item--has-mega.mega-open .nav__chevron,.nav__item--has-mega:focus-within .nav__chevron{transform: rotate(180deg)}.nav__mega{position: fixed;top: 72px;left: 0;right: 0;background: var(--color-white);border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);box-shadow: var(--shadow-md);opacity: 0;pointer-events: none;transform: translateY(-6px);transition: opacity 0.18s ease,transform 0.18s ease;z-index: 190}.nav__item--has-mega.mega-open .nav__mega,.nav__item--has-mega:focus-within .nav__mega{opacity: 1;pointer-events: auto;transform: translateY(0)}.nav__mega-inner{display: grid;grid-template-columns: repeat(var(--cols,4),1fr);grid-template-rows: auto auto 1fr;column-gap: var(--space-8);padding-block: var(--space-8)}.nav__mega-col{grid-row: 1 / span 3;display: grid;grid-template-rows: subgrid}.nav__mega-list{grid-row: 3}.nav__mega-cat{display: block;font-size: 1rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-accent);margin-bottom: var(--space-3);padding-bottom: var(--space-2);border-bottom: 1px solid var(--color-border);transition: color var(--transition)}.nav__mega-cat:hover{color: var(--color-accent-dark)}.nav__mega-col-img{display: block;margin-bottom: var(--space-3);border-radius: var(--radius-md);border: 2px solid var(--color-border);overflow: hidden;line-height: 0}.nav__mega-col-img img{width: 100%;height: 120px;object-fit: contain;transition: transform 0.25s ease}.nav__mega-col-img--cover img{object-fit: cover}.nav__mega-col-img:hover img{transform: scale(1.03)}.nav__mega-list{list-style: none}.nav__mega-cta{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: var(--space-2) var(--space-3);padding: var(--space-4) var(--container-pad);border-top: 1px solid var(--color-border);background: var(--color-surface);text-align: center;transition: background var(--transition)}.nav__mega-cta:hover{background: #d6e9fb}.nav__mega-cta-lead{font-size: 0.95rem;font-weight: 600;color: var(--color-text)}.nav__mega-cta-link{font-size: 0.95rem;font-weight: 700;color: var(--color-accent)}.nav__mega-cta:hover .nav__mega-cta-link{color: var(--color-accent-dark)}.nav__mobile-cta{display: block;margin-top: var(--space-3);padding: var(--space-3) 0;border-top: 1px solid rgba(255,255,255,0.12);font-size: 0.95rem;color: rgba(255,255,255,0.7)}.nav__mobile-cta strong{color: #4d8fff;font-weight: 700}.nav__mega-link{display: block;font-size: 0.875rem;font-weight: 500;color: var(--color-text);padding: var(--space-2) 0;transition: color var(--transition),padding-left var(--transition)}.nav__mega-link:hover{color: var(--color-accent);padding-left: 4px}.nav__mobile-details{list-style: none}.nav__mobile-details > summary{list-style: none}.nav__mobile-details > summary::-webkit-details-marker{display: none}.nav__mobile-summary{display: flex;justify-content: space-between;align-items: center;cursor: pointer;user-select: none}.nav__mobile-details[open] .nav__chevron{transform: rotate(180deg)}.nav__mobile-products{padding: var(--space-2) 0 var(--space-4) var(--space-4);display: flex;flex-direction: column}.nav__mobile-cat{font-size: 0.65rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-accent);margin-top: var(--space-4);margin-bottom: var(--space-1)}.nav__mobile-product{display: block;font-size: 0.9rem;font-weight: 500;color: rgba(255,255,255,0.65);padding: var(--space-2) 0;transition: color var(--transition)}.nav__mobile-product:hover{color: var(--color-white)}.nav__mobile-all{display: inline-block;margin-top: var(--space-4);font-size: 0.8rem;font-weight: 600;color: var(--color-accent);transition: color var(--transition)}.nav__mobile-all:hover{color: #4d8fff}
.footer{background: var(--color-ink);color: rgba(255,255,255,0.5)}.footer__inner{display: grid;grid-template-columns: 280px 1fr;gap: var(--space-24);padding-block: var(--space-20)}.footer__logo{display: inline-flex;align-items: flex-end;gap: 3px;margin-bottom: var(--space-4);line-height: 1}.footer__logo-img{height: 36px;width: auto;display: block}.footer__tagline{font-size: 0.875rem;color: rgba(255,255,255,0.55);margin-bottom: var(--space-6);line-height: 1.5}.footer__contact-quick{display: flex;flex-direction: column;gap: var(--space-2)}.footer__contact-link{font-size: 0.875rem;color: rgba(255,255,255,0.6);transition: color var(--transition)}.footer__contact-link:hover{color: var(--color-white)}.footer__nav{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-8);padding-top: var(--space-2)}.footer__col-title{font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.14em;color: rgba(255,255,255,0.8);margin-bottom: var(--space-5)}.footer__list{display: flex;flex-direction: column;gap: var(--space-3)}.footer__link{font-size: 0.875rem;color: rgba(255,255,255,0.6);transition: color var(--transition);line-height: 1.4}.footer__link:hover{color: var(--color-white)}.footer__address{font-size: 0.875rem;color: rgba(255,255,255,0.55);line-height: 1.65}.footer__bottom{border-top: 1px solid rgba(255,255,255,0.06);padding-block: var(--space-5)}.footer__bottom-inner{display: flex;justify-content: space-between;align-items: center;font-size: 0.775rem;color: rgba(255,255,255,0.6);flex-wrap: wrap;gap: var(--space-3)}.footer__bottom-link{color: rgba(255,255,255,0.6);transition: color var(--transition)}.footer__bottom-link:hover{color: rgba(255,255,255,0.7)}@media (max-width: 900px){.footer__inner{grid-template-columns: 1fr;gap: var(--space-12)}}@media (max-width: 600px){.footer__nav{grid-template-columns: 1fr 1fr}}@media (max-width: 400px){.footer__nav{grid-template-columns: 1fr}}