:root{--course-bg:#030b14;--course-panel:#081522;--course-panel-hover:#0c1d2c;--course-green:#00d98b;--course-green-bright:#65f5b9;--course-green-soft:rgba(0,217,139,0.09);--course-white:#ffffff;--course-text:#d9e4ec;--course-muted:#8da3b5;--course-subtle:#60798c;--course-border:rgba(255,255,255,0.085);--course-border-hover:rgba(0,217,139,0.35);--course-radius-xl:26px;--course-radius-lg:19px;--course-radius-md:13px;--course-shadow:0 18px 55px rgba(0,0,0,0.22);--course-transition:200ms ease}.course-page{min-height:100vh;padding:92px 6%;background:radial-gradient(ellipse at 90% 0,rgba(0,217,139,.07),transparent 34%),radial-gradient(ellipse at 0 45%,rgba(35,101,155,.08),transparent 32%),var(--course-bg);color:var(--course-white)}.course-container{width:100%;max-width:1180px;margin:0 auto}.course-hero{position:relative;overflow:hidden;padding:clamp(30px,5vw,58px);border:1px solid var(--course-border);border-radius:var(--course-radius-xl);background:var(--course-panel);box-shadow:var(--course-shadow)}.course-hero:after{position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,217,139,.55),transparent);content:""}.course-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--course-green);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.course-eyebrow:before{width:24px;height:2px;border-radius:10px;background:var(--course-green);content:""}.course-hero h1{max-width:780px;margin:0 0 20px;color:var(--course-white);font-size:clamp(2.4rem,5vw,4.8rem);font-weight:800;letter-spacing:-.055em;line-height:1.04}.course-hero p{max-width:720px;margin:0;color:var(--course-muted);font-size:1rem;line-height:1.85}.course-meta{display:flex;flex-wrap:wrap;gap:32px;margin-top:32px;padding-top:25px;border-top:1px solid var(--course-border)}.meta-item{display:flex;flex-direction:column;gap:6px}.meta-value{color:var(--course-white);font-size:1rem;font-weight:800}.meta-label{color:var(--course-subtle);font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.course-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.course-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:0 21px;border:1px solid transparent;border-radius:var(--course-radius-md);font-size:.85rem;font-weight:750;text-decoration:none;transition:transform var(--course-transition),background var(--course-transition),border-color var(--course-transition),color var(--course-transition),box-shadow var(--course-transition)}.course-button span{font-size:1rem;transition:transform var(--course-transition)}.course-button:hover{transform:translateY(-2px)}.course-button:hover span{transform:translateX(3px)}.course-button:focus-visible,.lesson-link:focus-visible{outline:3px solid rgba(101,245,185,.45);outline-offset:4px}.primary-button{background:var(--course-green);color:#001b11;box-shadow:0 8px 22px rgba(0,217,139,.1)}.primary-button:hover{background:var(--course-green-bright);box-shadow:0 10px 28px rgba(0,217,139,.2)}.secondary-button{border-color:var(--course-border);background:rgba(255,255,255,.035);color:var(--course-white)}.secondary-button:hover{border-color:var(--course-border-hover);background:var(--course-green-soft);color:var(--course-green-bright)}.ghost-button{border-color:rgba(0,217,139,.22);background:transparent;color:var(--course-green-bright)}.ghost-button:hover{border-color:var(--course-green);background:var(--course-green-soft)}.course-section{margin-top:65px}.course-section-heading{margin-bottom:25px}.section-label{display:inline-block;margin-bottom:10px;color:var(--course-green);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.course-cta h2,.course-section-heading h2{margin:0 0 10px;color:var(--course-white);font-size:clamp(1.7rem,3vw,2.35rem);font-weight:800;letter-spacing:-.04em;line-height:1.2}.course-cta p,.course-section-heading p{max-width:680px;margin:0;color:var(--course-muted);font-size:.94rem;line-height:1.75}.lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}.lesson-card{display:flex;min-height:265px;flex-direction:column;justify-content:space-between;padding:25px;border:1px solid var(--course-border);border-radius:var(--course-radius-lg);background:var(--course-panel);transition:transform var(--course-transition),border-color var(--course-transition),background var(--course-transition),box-shadow var(--course-transition)}.lesson-card:hover{transform:translateY(-4px);border-color:var(--course-border-hover);background:var(--course-panel-hover);box-shadow:0 15px 38px rgba(0,0,0,.18)}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.lesson-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(0,217,139,.2);border-radius:12px;background:var(--course-green-soft);font-size:.82rem;font-weight:850}.lesson-number,.lesson-status{color:var(--course-green-bright)}.lesson-status{padding:6px 10px;border:1px solid rgba(0,217,139,.15);border-radius:30px;background:rgba(0,217,139,.05);font-size:.65rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.lesson-content{margin:24px 0}.lesson-card h3{margin:0 0 11px;color:var(--course-text);font-size:1.08rem;font-weight:750;letter-spacing:-.02em;line-height:1.45}.lesson-card p{margin:0;color:var(--course-muted);font-size:.88rem;line-height:1.75}.lesson-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid var(--course-border)}.lesson-type{color:var(--course-subtle);font-size:.72rem;font-weight:700}.lesson-link{display:inline-flex;align-items:center;gap:8px;color:var(--course-green-bright);font-size:.8rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:color var(--course-transition),gap var(--course-transition)}.lesson-link span{font-size:1rem;transition:transform var(--course-transition)}.lesson-link:hover{gap:12px;color:var(--course-white)}.lesson-link:hover span{transform:translateX(3px)}.course-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px;padding:32px;border:1px solid rgba(0,217,139,.18);border-radius:var(--course-radius-lg);background:linear-gradient(120deg,rgba(0,217,139,.07),rgba(8,21,34,.9))}.course-cta .cta-actions{flex-shrink:0;margin-top:0}@media (max-width:900px){.course-page{padding:75px 5%}.course-cta{align-items:flex-start;flex-direction:column}.course-cta .cta-actions{margin-top:5px}}@media (max-width:700px){.course-page{padding:55px 5%}.course-hero{padding:30px 24px}.course-hero h1{font-size:clamp(2.3rem,11vw,3.6rem)}.lesson-list{grid-template-columns:1fr}.lesson-card{min-height:245px}}@media (max-width:480px){.course-page{padding:40px 4%}.course-hero{padding:26px 20px}.course-actions,.cta-actions{flex-direction:column;width:100%}.course-button{width:100%}.course-meta{gap:22px}.lesson-card{padding:22px}.lesson-footer{align-items:flex-start;flex-direction:column}.course-cta{padding:25px 20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.quiz-card h2{margin-bottom:28px;color:var(--course-text);font-size:28px;line-height:1.3}.quiz-options{display:grid;gap:12px}.quiz-option{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--course-border);border-radius:12px;background:var(--course-panel-soft);color:var(--course-text);text-align:left;cursor:pointer;transition:.2s ease}.quiz-option span{display:grid;width:34px;height:34px;flex-shrink:0;place-items:center;border-radius:9px;background:var(--course-panel);color:var(--course-muted);font-weight:700}.quiz-option:hover:not(:disabled){border-color:var(--course-green);transform:translateY(-2px)}.quiz-option.correct{border-color:var(--course-green);background:rgba(0,217,139,.12)}.quiz-option.incorrect{border-color:#ff667a;background:rgba(255,102,122,.1)}.quiz-option:disabled{cursor:default}.lesson-footer .course-button:disabled{opacity:.45;cursor:not-allowed;transform:none}