.course-enroll-button{cursor:pointer;background-color:var(--color-red);color:#fff;border:none;border-radius:6px;padding:12px 24px;font-weight:600;transition:background-color .2s;display:inline-block}.course-enroll-button:hover{background-color:var(--color-red-second)}.course-enroll-button:focus{outline:none}.course-enroll-button:focus-visible{outline:2px solid var(--color-red-second);outline-offset:2px}.course-enroll-button:disabled{opacity:.75;cursor:not-allowed}.course-enroll-error{color:var(--color-red-second);margin-top:10px;font-size:.9rem}
.auth-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;background:#1414188f;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}@supports ((-moz-appearance:none)){.auth-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.auth-modal-content{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:20px;width:100%;max-width:640px;padding:36px;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000038}.auth-modal-content:before,.auth-modal-content:after{content:"";pointer-events:none;z-index:0;position:absolute}.auth-modal-content:before{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(135deg,#f34c611f 0%,#f34c6105 100%);width:220px;height:220px;top:-110px;right:-70px}.auth-modal-content:after{clip-path:polygon(0 0,100% 20%,80% 100%,10% 85%);background:linear-gradient(140deg,#04aa6d24 0%,#04aa6d05 100%);width:180px;height:180px;bottom:-70px;left:-60px}.auth-modal-content>*{z-index:1;position:relative}.auth-modal-badge{background:var(--color-gray);color:var(--color-text-black);border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-block}.auth-modal-content h3{color:var(--color-text-black);margin-bottom:12px;font-size:1.7rem;line-height:1.3}.auth-modal-content p{color:var(--color-text-light-black);margin-bottom:26px;font-size:1.05rem;line-height:1.6}.auth-modal-actions{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.auth-modal-provider-actions{flex-wrap:wrap;gap:12px;display:flex}.auth-modal-cancel,.auth-modal-provider{cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-weight:600;transition:transform .2s,background-color .2s,opacity .2s}.auth-modal-cancel{color:var(--color-text-black);background:#f3f3f3}.auth-modal-cancel:hover{background:#eaeaea}.auth-modal-provider--google{background:var(--color-red);color:var(--color-white)}.auth-modal-provider--google:hover{background:var(--color-red-second);transform:translateY(-1px)}.auth-modal-provider--github{color:var(--color-white);background:#111827}.auth-modal-provider--github:hover{background:#1f2937;transform:translateY(-1px)}@media (max-width:768px){.auth-modal-overlay{align-items:flex-end;padding:14px}.auth-modal-content{border-radius:18px 18px 12px 12px;max-width:100%;padding:24px 18px}.auth-modal-content:before{width:150px;height:150px;top:-80px;right:-50px}.auth-modal-content:after{width:120px;height:120px;bottom:-50px;left:-45px}.auth-modal-content h3{font-size:1.3rem}.auth-modal-actions{flex-direction:column-reverse;align-items:stretch}.auth-modal-provider-actions{flex-direction:column}.auth-modal-cancel,.auth-modal-provider{text-align:center;width:100%}}
.course-lesson-list{border:1px solid #ececec;border-radius:8px;margin:0;padding:0;list-style:none;overflow:hidden}.course-lesson-action-item{border-bottom:1px solid #f3f3f3;margin:0;padding:0;list-style:none}.course-lesson-action-item:last-child{border-bottom:none}.course-lesson-action-btn{width:100%;color:var(--color-text-black);cursor:pointer;text-align:left;background:#fff6f8;border:none;align-items:flex-start;gap:12px;padding:12px 14px;font-family:inherit;transition:background-color .2s;display:flex}.course-lesson-action-btn:hover{background:#ffeef3}.course-lesson-action-btn-close{background:#f5f8ff;align-items:center}.course-lesson-action-btn-close:hover{background:#e9f0ff}.course-lesson-action-btn-close .course-lesson-content{align-items:center;min-height:28px;display:flex}.course-lesson-icon-action{background:var(--color-red);color:#fff}.course-lesson-item{background:#fff;border-bottom:1px solid #f3f3f3;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.course-lesson-item-reveal{opacity:0;animation:.35s forwards lessonReveal;animation-delay:var(--lesson-reveal-delay,0s);transform:translateY(8px)}.course-lesson-item:last-child{border-bottom:none}.course-lesson-icon{width:28px;min-width:28px;height:28px;color:var(--color-red);background:#f9f4f6;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.course-lesson-icon svg{width:16px;height:16px}.course-lesson-content{min-width:0}.course-lesson-title{color:var(--color-text-black);margin:0;font-size:.98rem;font-weight:600}.course-lesson-reading-time{color:#666;margin-top:2px;font-size:.86rem;display:inline-block}@keyframes lessonReveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.course-lesson-item-reveal{opacity:1;animation:none;transform:none}}.course-ebook-description{color:#666;margin-bottom:10px}.course-ebook-card{background-color:#fff;border:1px solid #ececec;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:transform .2s,box-shadow .2s;display:flex}.course-ebook-card:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2a283614}.course-ebook-card-image,.course-ebook-card-image-fallback{border-radius:6px;width:96px;min-width:96px;height:128px}.course-ebook-card-image{background-color:#f8f8f8;background-position:50%;background-repeat:no-repeat;background-size:cover}.course-ebook-card-image-fallback{background-color:var(--color-gray);color:var(--color-text-black);justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.course-ebook-card-content{padding:0}.course-ebook-card-site{color:#666;margin-bottom:4px;font-size:.85rem}.course-ebook-card-title{color:var(--color-text-black);margin-bottom:6px;font-size:1rem}.course-ebook-card-domain{color:#666;word-break:break-all;margin-bottom:8px;font-size:.87rem}.course-ebook-card-cta{color:var(--color-red);font-size:.9rem;font-weight:600}.course-empty-meta{color:#666;font-size:.95rem}@media (max-width:950px){.course-enrollment-header{padding-right:0}.course-enrollment-logo{margin-bottom:14px;position:static}.course-enrollment-summary{grid-template-columns:1fr}.course-enrollment-actions{flex-direction:column;align-items:flex-start;gap:8px}.course-ebook-card{align-items:flex-start}}
.youtube-embed-container{border-radius:8px;width:100%;height:0;margin:1.5rem 0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.youtube-embed{border:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.youtube-embed-error{color:#c53030;text-align:center;background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin:1.5rem 0;padding:1rem}.youtube-lazy-load{aspect-ratio:16/9;cursor:pointer;background-color:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.youtube-thumbnail{object-fit:cover;width:100%;height:100%}.youtube-play-button{opacity:.95;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-loading-text{color:#fff;background:#000000b3;border-radius:6px;padding:4px 8px;font-size:.82rem;position:absolute;bottom:10px;left:12px}.embed-error{color:#c53030;background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin:1.5rem 0;padding:1rem}.embed-error-url{word-break:break-all;margin-top:.5rem;font-family:monospace;font-size:.9rem}