@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--primary:#b53b67;--primary-dark:#8e2e51;--primary-light:#fdf2f5;--primary-soft:#fff1f4;--secondary:#2d2d2d;--text-main:#333;--text-muted:#666;--white:#fff;--accent:#fbbf24;--bg-gradient:linear-gradient(135deg, #fdf2f5 0%, #fff 100%);--shadow-sm:0 2px 4px #b53b670d;--shadow-md:0 4px 6px #b53b671a;--shadow-lg:0 10px 15px #b53b671a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--white);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:var(--primary-dark);font-family:Lora,serif;font-weight:700}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}button{cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{text-align:center;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #b53b674d}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary-light)}.section-title{text-align:center;margin-bottom:40px;font-size:2.5rem;position:relative}.section-title span{color:var(--primary);letter-spacing:5px;margin-top:10px;font-family:serif;font-size:1rem;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}section{padding:80px 0}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.hero{background:url(/assets/Hero%20Image-D0o_C4ZQ.png) 50%/cover no-repeat;align-items:center;min-height:100vh;padding-top:100px;padding-bottom:0;display:flex;overflow:hidden}.hero__container{justify-content:flex-start;align-items:center;min-height:calc(100vh - 100px);padding-bottom:40px;display:flex}.hero__content{max-width:600px}.hero__badge{color:var(--primary);background:#b53b671a;border:1px solid #b53b6733;border-radius:50px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.hero__title{color:var(--secondary);margin-bottom:20px;font-family:Lora,serif;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1.2}.hero__title-highlight{color:var(--primary);display:block}.hero__subtitle{color:var(--text-muted);max-width:460px;margin-bottom:36px;font-size:1rem;line-height:1.7}.hero__actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero__btn-explore{background:var(--primary);color:#fff;transition:var(--transition);border-radius:50px;padding:14px 32px;font-size:1rem;font-weight:600;box-shadow:0 4px 20px #b53b6759}.hero__btn-explore:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 8px 28px #b53b6773}.hero__btn-how{color:var(--text-main);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border:1.5px solid #e5e7eb;border-radius:50px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:500;display:inline-flex}.hero__btn-how:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.hero__play-icon{background:var(--primary-light);width:30px;height:30px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.hero__image-wrapper{justify-content:center;align-items:flex-end;display:flex;position:relative}.hero__image-bg{z-index:0;background:linear-gradient(135deg,#f5c6d8 0%,#fde8ef 100%);border-radius:60% 40% 50% 50%/60% 60% 40% 40%;width:85%;height:85%;position:absolute;bottom:0;right:0}.hero__image{z-index:1;object-fit:cover;filter:drop-shadow(0 10px 30px #b53b6733);border-radius:0;width:100%;max-width:520px;height:auto;position:relative}@media (width<=768px){.hero{background:url(/assets/mobile%20hero-D9BbsAGC.png) bottom/cover no-repeat;align-items:flex-start;min-height:650px;padding-bottom:0}.hero__container{text-align:left;grid-template-columns:1fr;min-height:auto;padding-top:40px}.hero__image-wrapper{display:none}.hero__image{max-width:280px}.hero__subtitle{margin:0 0 28px}.hero__actions{flex-direction:column;align-items:flex-start;gap:16px}}.feature-bar{z-index:10;background:0 0;margin-top:-60px;padding:0;position:relative}.feature-bar__container{background:#fff;border-radius:24px;grid-template-columns:repeat(4,1fr);padding:12px 0;display:grid;box-shadow:0 10px 40px #b53b6714}.feature-bar__item{transition:var(--transition);cursor:default;border-right:1px solid #b53b6714;justify-content:center;align-items:center;gap:14px;padding:20px 24px;display:flex}.feature-bar__item:last-child{border-right:none}.feature-bar__item:hover{background:var(--primary-soft);border-radius:var(--radius-sm)}.feature-bar__icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.feature-bar__item:hover .feature-bar__icon{background:var(--primary);color:#fff;transform:scale(1.05)}.feature-bar__text{flex-direction:column;gap:2px;display:flex}.feature-bar__title{color:var(--text-muted);font-size:.85rem;font-weight:400}.feature-bar__subtitle{color:var(--text-main);font-size:.95rem;font-weight:600}@media (width<=768px){.feature-bar{padding:0 16px}.feature-bar__container{grid-template-columns:repeat(4,1fr);gap:4px;padding:16px 8px}.feature-bar__item{text-align:center;flex-direction:column;gap:8px;padding:0;border-bottom:none!important;border-right:none!important}.feature-bar__icon{width:40px;height:40px;font-size:1.2rem}.feature-bar__title{font-size:.65rem}.feature-bar__subtitle{font-size:.75rem}}@media (width<=480px){.feature-bar__container{grid-template-columns:repeat(4,1fr)}}.popular-courses{background:#fff;padding:80px 0;position:relative}.popular-courses__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.popular-courses__header .section-title{text-align:left;margin-bottom:0}.popular-courses__view-all{flex-shrink:0;margin-top:8px}.popular-courses__grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px;display:grid}.course-card{border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;background:#fff;border:1px solid #b53b670f;overflow:hidden;box-shadow:0 2px 12px #00000014}.course-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #b53b6726}.course-card__image-wrapper{aspect-ratio:4/3;position:relative;overflow:hidden}.course-card__image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.course-card:hover .course-card__image{transform:scale(1.06)}.course-card__badge{background:var(--primary);color:#fff;z-index:2;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:4px 10px;font-size:.72rem;font-weight:600;position:absolute;top:10px;left:10px}.course-card__wishlist{width:32px;height:32px;color:var(--primary);box-shadow:var(--shadow-sm);z-index:2;transition:var(--transition);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:10px;right:10px}.course-card__wishlist:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.course-card__body{padding:16px}.course-card__title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.course-card__meta{color:var(--text-muted);border-top:1px solid #f3f4f6;align-items:center;gap:12px;margin-bottom:12px;padding-top:10px;font-size:.78rem;display:flex}.course-card__footer{justify-content:space-between;align-items:center;display:flex}.course-card__price{color:var(--primary-dark);font-size:1.05rem;font-weight:700}.course-card__stars{color:#fbbf24;align-items:center;gap:4px;font-size:.85rem;display:flex}.course-card__rating-num{color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.8rem}.popular-courses__whatsapp{z-index:999;width:54px;height:54px;transition:var(--transition);background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;text-decoration:none;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 16px #25d36666}.popular-courses__whatsapp:hover{transform:scale(1.1);box-shadow:0 8px 24px #25d36680}@media (width<=1024px){.popular-courses__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.popular-courses__grid{grid-template-columns:repeat(2,1fr);gap:12px}.popular-courses__header{flex-direction:column;align-items:center}.popular-courses__header .section-title{text-align:center;flex-direction:column;align-items:center;display:flex}.popular-courses__view-all{align-self:flex-end;padding:8px 20px;font-size:.85rem}.course-card__body{padding:12px}.course-card__title{font-size:.85rem}.course-card__meta{flex-direction:column;align-items:flex-start;gap:4px;font-size:.75rem}.course-card__price{font-size:1rem}}.course-card--skeleton{pointer-events:none}.skeleton-img{aspect-ratio:4/3;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;animation:1.4s infinite shimmer}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:10px;animation:1.4s infinite shimmer}.skeleton-title{width:85%;height:14px}.skeleton-short{width:60%}.skeleton-shorter{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.course-card__image-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#fce7f3,#fdf2f8);justify-content:center;align-items:center;width:100%;display:flex}.courses-api-error{text-align:center;color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-bottom:24px;padding:12px 20px;font-size:.9rem}.courses-empty{text-align:center;color:#9ca3af;padding:60px 20px;font-size:1rem}.stats{background:0 0;padding:40px 0}.stats__container{background:#9e2a51;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:0;padding:40px 20px;display:grid;box-shadow:0 10px 30px #9e2a5133}.stats__item{text-align:center;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.stats__item:hover{transform:translateY(-4px)}.stats__icon{color:#fff;justify-content:center;align-items:center;display:flex}.stats__content{flex-direction:column;gap:4px;display:flex}.stats__value{color:#fff;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.1}.stats__label{color:#fff;font-size:.95rem;font-weight:500;line-height:1.2}@media (width<=900px){.stats__container{grid-template-columns:repeat(2,1fr);gap:40px 0;padding:40px 0}}@media (width<=500px){.stats__container{grid-template-columns:1fr;gap:32px 0}}.testimonials{background:#fff;padding:80px 0}.section-title-wrapper{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.section-title{margin-bottom:8px!important}.section-title__ornament{margin-top:4px}.testimonials__grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;display:grid}.testimonial-card{transition:var(--transition);box-shadow:none;background:#fdf2f5;border:none;border-radius:20px;flex-direction:column;gap:16px;padding:32px;display:flex}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #b53b6714}.testimonial-card__quote-icon{margin-bottom:4px}.testimonial-card__quote{color:var(--text-main);flex:1;font-size:.95rem;font-weight:400;line-height:1.7}.testimonial-card__stars{color:#f5a623;letter-spacing:2px;margin-top:8px;margin-bottom:12px;font-size:1.1rem}.testimonial-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.testimonial-card__info{flex-direction:column;gap:4px;display:flex}.testimonial-card__name{color:#8e2e51;font-size:.95rem;font-weight:700}.testimonial-card__location{color:var(--text-muted);font-size:.85rem}.testimonial-card__avatar-img{object-fit:cover;background:#e2e8f0;border-radius:50%;flex-shrink:0;width:56px;height:56px}@media (width<=900px){.testimonials__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.testimonials__grid{grid-template-columns:1fr}}.cta{background:var(--primary-light);border-top:1px solid #b53b671a;border-bottom:1px solid #b53b671a;padding:64px 0}.cta__container{grid-template-columns:auto 1fr auto;align-items:center;gap:40px;display:grid}.cta__illustration{flex-shrink:0;width:180px}.cta__img{filter:drop-shadow(0 8px 16px #b53b6733);width:100%;height:auto}.cta__content{flex-direction:column;gap:12px;display:flex}.cta__title{color:var(--secondary);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25}.cta__subtitle{color:var(--text-muted);max-width:420px;font-size:.95rem;line-height:1.6}.cta__actions{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.cta__btn-join{white-space:nowrap;padding:14px 40px;font-size:1rem;box-shadow:0 4px 20px #b53b6759}.cta__btn-join:hover{transform:translateY(-3px);box-shadow:0 8px 28px #b53b6773}.cta__login-text{color:var(--text-muted);font-size:.85rem}.cta__login-link{color:var(--primary);font-weight:600;text-decoration:underline}.cta__login-link:hover{color:var(--primary-dark)}@media (width<=900px){.cta__container{text-align:center;grid-template-columns:1fr;justify-items:center}.cta__illustration{width:140px}.cta__subtitle{margin:0 auto}}.courses-page{background-color:var(--white);min-height:100vh;padding-top:80px}.courses-page__header{text-align:center;background-color:var(--primary-soft);margin-bottom:40px;padding:60px 0 40px}.courses-page__title{color:var(--primary-dark);margin-bottom:10px;font-family:Lora,serif;font-size:clamp(2rem,4vw,2.8rem)}.courses-page__subtitle{color:var(--text-muted);margin-bottom:20px;font-size:1.1rem}.courses-page__content{padding-bottom:80px}@media (width<=768px){.courses-page{padding-top:60px}.courses-page__header{padding:40px 0 30px}}.about-page{background-color:var(--white);min-height:100vh;padding-top:80px}.about-content{padding-bottom:80px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-text h2{color:var(--secondary);margin-bottom:24px;font-size:2.2rem}.about-text p{color:var(--text-muted);margin-bottom:16px;font-size:1.05rem;line-height:1.7}.about-features{grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;display:grid}.about-feature h3{color:var(--primary-dark);margin-bottom:8px;font-size:1.1rem}.about-feature p{margin-bottom:0;font-size:.95rem}.about-image-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.about-image{width:100%;height:auto;display:block}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.about-page{padding-top:60px}.page-header{margin-bottom:40px;padding:40px 0 30px}.about-features{grid-template-columns:1fr}}.contact-page{background-color:var(--white);min-height:100vh;padding-top:80px}.page-header{text-align:center;background-color:var(--primary-soft);margin-bottom:60px;padding:60px 0 40px}.page-title{color:var(--primary-dark);margin-bottom:10px;font-family:Lora,serif;font-size:clamp(2rem,4vw,2.8rem)}.page-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:1.1rem}.contact-content{padding-bottom:100px}.contact-grid{grid-template-columns:1fr 1.5fr;gap:60px;display:grid}.contact-info h2{color:var(--secondary);margin-bottom:20px;font-size:2.2rem}.contact-info p{color:var(--text-muted);margin-bottom:30px;font-size:1.05rem;line-height:1.6}.contact-details{flex-direction:column;gap:24px;display:flex}.contact-detail-item{align-items:flex-start;gap:16px;display:flex}.contact-icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-detail-item h4{color:var(--secondary);margin-bottom:4px;font-size:1.1rem}.contact-detail-item p{margin-bottom:0;font-size:1rem}.contact-form-wrapper{border-radius:var(--radius-lg);background:#fff;border:1px solid #b53b670d;padding:40px;box-shadow:0 10px 40px #b53b6714}.contact-form .form-group{text-align:left;margin-bottom:20px}.contact-form label{color:var(--text-main);margin-bottom:8px;font-weight:500;display:block}.contact-form input,.contact-form textarea{border-radius:var(--radius-md);width:100%;transition:var(--transition);background:#f9fafb;border:1.5px solid #e5e7eb;padding:14px 16px;font-family:Outfit,sans-serif;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background:#fff;outline:none}.submit-btn{width:100%;margin-top:10px;padding:16px;font-size:1.05rem}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.contact-page{padding-top:60px}.page-header{margin-bottom:40px;padding:40px 0 30px}.contact-form-wrapper{padding:24px}}.auth-page{background-color:var(--primary-soft);justify-content:center;align-items:center;min-height:100vh;padding-top:120px;padding-bottom:60px;display:flex}.auth-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;border:1px solid #b53b670d;width:100%;max-width:480px;padding:40px}.auth-title{color:var(--primary-dark);margin-bottom:10px;font-family:Lora,serif;font-size:2.2rem}.auth-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1rem}.google-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--text-main);transition:var(--transition);background:#fff;border:1.5px solid #e5e7eb;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;display:flex}.google-btn:hover:not(:disabled){background:#fdf2f6;border-color:#b53b67}.google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:24px 0;font-size:.9rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.auth-error{color:#c53030;border-radius:var(--radius-md);text-align:left;background:#fff5f5;border:1px solid #fed7d7;margin-bottom:16px;padding:10px 14px;font-size:.9rem}.auth-form{text-align:left}.auth-form .form-group{margin-bottom:20px}.auth-form label{color:var(--text-main);margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.auth-form input{border-radius:var(--radius-md);width:100%;transition:var(--transition);box-sizing:border-box;background:#f9fafb;border:1.5px solid #e5e7eb;padding:14px 16px;font-family:Outfit,sans-serif;font-size:1rem}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background:#fff;outline:none}.auth-submit-btn{border-radius:var(--radius-md);width:100%;margin-top:8px;padding:16px;font-size:1.05rem}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{color:var(--text-muted);margin-top:24px;font-size:.95rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (width<=600px){.auth-card{padding:30px 20px}}.course-detail-page{background-color:var(--white);min-height:100vh;padding-top:80px;padding-bottom:80px}.course-banner{background-color:var(--primary-soft);margin-bottom:60px;padding:60px 0}.course-banner__content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.back-link{color:var(--primary);align-items:center;gap:6px;margin-bottom:20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.back-link:hover{gap:10px;text-decoration:underline}.course-banner__title{color:var(--primary-dark);margin-bottom:20px;font-family:Lora,serif;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}.course-banner__meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;display:flex}.cd-meta-chip{color:var(--text-muted);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;font-weight:500;display:inline-flex;box-shadow:0 1px 4px #0000000f}.course-banner__price{color:var(--primary);font-size:1.4rem;font-weight:700}.enroll-btn{padding:16px 40px;font-size:1.1rem}.course-banner__image-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.course-banner__image{width:100%;height:auto;display:block}.cd-banner-placeholder{aspect-ratio:16/9;width:100%;color:var(--primary);opacity:.4;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fce7f3,#fdf2f8);justify-content:center;align-items:center;display:flex}.course-section{max-width:800px;margin-bottom:60px;margin-left:auto;margin-right:auto}.section-heading{color:var(--secondary);border-bottom:2px solid var(--primary-light);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:10px;font-family:Lora,serif;font-size:1.8rem;display:flex}.cd-lesson-count{background:var(--primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex}.course-description{color:var(--text-muted);font-size:1.05rem;line-height:1.8}.lessons-list{flex-direction:column;gap:12px;display:flex}.lesson-item{background:var(--white);border-radius:var(--radius-lg);border:1.5px solid #f3f4f6;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.lesson-item--open{border-color:#b53b6733;box-shadow:0 4px 20px #b53b6714}.lesson-header{background:var(--primary-light);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:18px 24px;transition:background-color .2s;display:flex}.lesson-header:hover{background:#b53b6714}.lesson-header-left{flex-direction:column;gap:3px;display:flex}.collapse-arrow{color:var(--primary);flex-shrink:0;transition:transform .3s}.collapse-arrow.open{transform:rotate(180deg)}.lesson-number{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:.78rem;font-weight:700;display:block}.lesson-title{color:var(--primary-dark);margin:0;font-size:1.05rem;font-weight:600}.lesson-content{grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}.lesson-content.open{grid-template-rows:1fr}.lesson-content-inner{overflow:hidden}.lesson-custom-player{padding:20px 24px 24px}.cd-no-video{color:#92400e;background:#fef3c7;border-radius:8px;align-items:center;gap:10px;margin:0 24px 24px;padding:20px 24px;font-size:.9rem;display:flex}.cd-no-lessons{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.cd-no-lessons p{margin:0;font-size:.95rem}.cd-error-state{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;display:flex}.cd-error-state svg{color:#e53e3e;opacity:.7}.cd-error-state h2{color:#111827;margin:0;font-family:Lora,serif;font-size:1.5rem}.cd-error-state p{max-width:400px;margin:0;font-size:.95rem}.course-banner--skeleton{background-color:var(--primary-soft)}.cd-skeleton-text{flex-direction:column;gap:14px;display:flex}.cd-skel{background:linear-gradient(90deg,#b53b6714 25%,#b53b6724 50%,#b53b6714 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s infinite cdShimmer}.cd-skel-back{width:120px;height:16px}.cd-skel-title{width:90%;height:36px}.cd-skel-title-short{width:60%}.cd-skel-meta{width:50%;height:20px}.cd-skel-btn{border-radius:50px;width:160px;height:48px}.cd-skel-image{border-radius:var(--radius-lg);height:260px}.cd-skel-heading{width:200px;height:28px;margin-bottom:16px}.cd-skel-para{width:100%;height:14px;margin-bottom:10px}.cd-skel-para-short{width:70%}.cd-skel-lesson-row{border-radius:var(--radius-lg);height:64px;margin-bottom:12px}@keyframes cdShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.course-detail-page{padding-top:60px}.course-banner{padding:40px 0}.course-banner__content{grid-template-columns:1fr;gap:32px}.course-banner__image-wrapper{order:-1}.course-banner__meta{gap:10px}.lesson-header{padding:14px 16px}.lesson-title{font-size:.95rem}.lesson-custom-player{padding:12px 16px 16px}}.enroll-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.enroll-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;padding:32px 28px 28px;animation:.28s cubic-bezier(.34,1.56,.64,1) enrollIn;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000038}@keyframes enrollIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.enroll-modal__close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.enroll-modal__close:hover{color:#111827;background:#e5e7eb}.enroll-modal__header{margin-bottom:20px}.enroll-modal__title{color:#111827;margin:0 0 6px;font-family:Lora,serif;font-size:1.35rem;font-weight:700}.enroll-modal__subtitle{color:#6b7280;margin:0;font-size:.875rem}.enroll-modal__course-card{background:var(--primary-soft,#fdf2f6);border:1.5px solid #b53b671f;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:14px;display:flex}.enroll-modal__course-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:72px;height:52px}.enroll-modal__course-info{flex:1;min-width:0}.enroll-modal__course-label{text-transform:uppercase;letter-spacing:.06em;color:var(--primary,#b53b67);margin:0 0 3px;font-size:.7rem;font-weight:700}.enroll-modal__course-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:.95rem;font-weight:700;overflow:hidden}.enroll-modal__course-meta{color:#6b7280;gap:12px;font-size:.78rem;display:flex}.enroll-modal__course-meta span{align-items:center;gap:4px;display:inline-flex}.enroll-modal__section{margin-bottom:20px}.enroll-modal__section-label{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 10px;font-size:.72rem;font-weight:700}.enroll-modal__field{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;display:flex}.enroll-modal__field-icon{width:32px;height:32px;color:var(--primary,#b53b67);background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.enroll-modal__field-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;font-size:.72rem;font-weight:600}.enroll-modal__field-value{color:#111827;margin:0;font-size:.9rem;font-weight:600}.enroll-modal__order-row{color:#374151;justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;display:flex}.enroll-modal__order-price{color:#111827;font-weight:600}.enroll-modal__order-divider{background:#e5e7eb;height:1px;margin:8px 0}.enroll-modal__order-total{color:#111827;font-size:1rem;font-weight:700}.enroll-modal__order-total span:last-child{color:var(--primary,#b53b67);font-size:1.15rem}.enroll-modal__pay-btn{background:var(--primary,#b53b67);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:15px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:background .2s,transform .15s;display:flex}.enroll-modal__pay-btn:hover:not(:disabled){background:var(--primary-dark,#8e2e51);transform:translateY(-1px)}.enroll-modal__pay-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.enroll-modal__spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.enroll-modal__secure{color:#9ca3af;justify-content:center;align-items:center;gap:5px;margin:10px 0 0;font-size:.78rem;display:flex}.enroll-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 0 4px;display:flex}.enroll-success__icon{color:#059669;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex}.enroll-success h2{color:#111827;margin:0;font-family:Lora,serif;font-size:1.4rem;font-weight:700}.enroll-success p{color:#6b7280;max-width:320px;margin:0;font-size:.9rem;line-height:1.6}@media (width<=520px){.enroll-modal{border-radius:16px;padding:24px 18px 20px}.enroll-modal__course-card{flex-direction:column;align-items:flex-start}.enroll-modal__course-img{width:100%;height:120px}}.custom-player-wrapper{border-radius:var(--radius-lg);background:#111;overflow:hidden;box-shadow:0 4px 20px #00000014}.custom-player-iframe-container{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.iframe-click-shield{z-index:5;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.custom-player-iframe{z-index:1;pointer-events:none;width:100%;height:160%;position:absolute;top:-30%;left:0}.custom-player-cover{z-index:10;cursor:pointer;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.custom-play-button{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;padding-left:6px;font-size:1.8rem;transition:transform .2s;display:flex;box-shadow:0 4px 15px #b53b6780}.custom-player-cover:hover .custom-play-button{transform:scale(1.1)}.custom-player-controls{background:#1a1a1a;border-top:1px solid #333;align-items:center;gap:16px;padding:12px 20px;display:flex}.control-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;transition:color .2s;display:flex}.control-btn:hover{color:var(--primary-light)}.volume-control{align-items:center;width:100px;margin-left:auto;display:flex}.volume-slider{cursor:pointer;width:100%;accent-color:var(--primary)}.profile-page{background:var(--primary-soft,#fdf2f6);min-height:100vh;padding-top:100px;padding-bottom:80px}.profile-hero{background:#fff;border:1px solid #b53b6714;border-radius:16px;align-items:center;gap:20px;margin-bottom:28px;padding:24px 28px;display:flex;box-shadow:0 2px 12px #b53b6712}.profile-avatar-lg{background:linear-gradient(135deg, var(--primary,#b53b67), #f472b6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.8rem;font-weight:800;display:flex;box-shadow:0 4px 16px #b53b674d}.profile-hero-info{flex:1;min-width:0}.profile-name{color:#111827;margin:0 0 6px;font-family:Lora,serif;font-size:1.5rem;font-weight:700}.profile-role-badge{color:#7c3aed;background:#ede9fe;border-radius:20px;padding:3px 12px;font-size:.78rem;font-weight:600;display:inline-block}.profile-logout-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:9px 18px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.profile-logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.profile-grid{grid-template-columns:300px 1fr;align-items:start;gap:24px;display:grid}.profile-section-title{color:#111827;margin:0 0 20px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.profile-details-card{background:#fff;border:1px solid #b53b6714;border-radius:16px;padding:24px;position:sticky;top:90px;box-shadow:0 2px 12px #b53b6712}.profile-detail-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.profile-detail-item{align-items:flex-start;gap:12px;display:flex}.profile-detail-icon{background:var(--primary-soft,#fdf2f6);width:34px;height:34px;color:var(--primary,#b53b67);border:1px solid #b53b671f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-detail-label{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin:0 0 2px;font-size:.72rem;font-weight:700}.profile-detail-value{color:#111827;word-break:break-all;margin:0;font-size:.9rem;font-weight:500}.profile-stats{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px;display:grid}.profile-stat{background:var(--primary-soft,#fdf2f6);text-align:center;border-radius:10px;padding:14px 12px}.profile-stat-value{color:var(--primary,#b53b67);margin-bottom:4px;font-family:Lora,serif;font-size:1.6rem;font-weight:800;line-height:1;display:block}.profile-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.profile-courses-section{background:#fff;border:1px solid #b53b6714;border-radius:16px;padding:24px;box-shadow:0 2px 12px #b53b6712}.profile-courses-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.profile-courses-header .profile-section-title{margin:0}.profile-browse-link{color:var(--primary,#b53b67);align-items:center;gap:4px;font-size:.85rem;font-weight:600;text-decoration:none;transition:gap .15s;display:inline-flex}.profile-browse-link:hover{gap:8px}.profile-courses-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.profile-course-card{color:inherit;background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.profile-course-card:hover{border-color:#b53b6740;transform:translateY(-3px);box-shadow:0 8px 24px #b53b671a}.pcc-img-wrapper{aspect-ratio:16/9;background:#f8fafc;position:relative;overflow:hidden}.pcc-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.profile-course-card:hover .pcc-img{transform:scale(1.04)}.pcc-img-placeholder{width:100%;height:100%;color:var(--primary,#b53b67);opacity:.5;background:linear-gradient(135deg,#fce7f3,#fdf2f8);justify-content:center;align-items:center;display:flex}.pcc-status-badge{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:8px;right:8px}.pcc-status-paid{color:#065f46;background:#d1fae5}.pcc-status-pending{color:#92400e;background:#fef3c7}.pcc-status-failed{color:#991b1b;background:#fee2e2}.pcc-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.pcc-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.pcc-meta{color:#6b7280;gap:12px;font-size:.78rem;display:flex}.pcc-meta span{align-items:center;gap:4px;display:inline-flex}.pcc-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.pcc-enrolled-date{color:#9ca3af;font-size:.72rem}.pcc-continue{color:var(--primary,#b53b67);align-items:center;gap:3px;font-size:.78rem;font-weight:700;display:inline-flex}.profile-course-card--skeleton{pointer-events:none}.pcc-skel{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s infinite pccShimmer}.pcc-skel-img{aspect-ratio:16/9;border-radius:0;width:100%}.pcc-skel-title{width:85%;height:14px}.pcc-skel-meta{width:60%;height:11px}.pcc-skel-btn{width:40%;height:11px}@keyframes pccShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-empty{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.profile-empty svg{opacity:.3}.profile-empty p{margin:0;font-size:.95rem}@media (width<=900px){.profile-grid{grid-template-columns:1fr}.profile-details-card{position:static}}@media (width<=600px){.profile-page{padding-top:80px}.profile-hero{flex-wrap:wrap;gap:14px;padding:18px}.profile-logout-btn{justify-content:center;width:100%}.profile-courses-grid{grid-template-columns:1fr}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);transition:var(--transition);background:#fffffff2;border-bottom:1px solid #b53b6714;position:fixed;top:0;left:0;right:0}.navbar--scrolled{box-shadow:0 4px 20px #b53b671f}.navbar__container{align-items:center;max-width:1200px;height:68px;margin:0 auto;padding:0 24px;display:flex}.navbar__logo{flex-shrink:0;align-items:center;margin-right:auto;text-decoration:none;display:flex}.navbar__logo-img{object-fit:contain;width:auto;height:50px}.navbar__nav{align-items:center;gap:36px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar__link{color:var(--text-main);white-space:nowrap;padding:4px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.navbar__link:after{content:"";background:var(--primary);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.navbar__link:hover,.navbar__link--active{color:var(--primary)}.navbar__link:hover:after,.navbar__link--active:after{width:100%}.navbar__auth{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.navbar__btn-login,.navbar__btn-signup{padding:9px 22px;font-size:.9rem}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:5px;margin-left:auto;padding:4px;display:none}.navbar__hamburger span{background:var(--primary);width:24px;height:2px;transition:var(--transition);border-radius:2px;display:block}.navbar__hamburger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar__user-menu{position:relative}.navbar__avatar-btn{cursor:pointer;background:0 0;border:1.5px solid #b53b6733;border-radius:50px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-family:Outfit,sans-serif;transition:all .2s;display:flex}.navbar__avatar-btn:hover{border-color:var(--primary);background:var(--primary-soft,#fdf2f6)}.navbar__avatar{background:var(--primary,#b53b67);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.82rem;font-weight:700;display:flex}.navbar__user-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:.88rem;font-weight:600;overflow:hidden}.navbar__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.navbar__chevron--open{transform:rotate(180deg)}.navbar__dropdown{z-index:200;background:#fff;border:1px solid #b53b6714;border-radius:14px;min-width:220px;animation:.18s ease-out dropIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024,0 2px 8px #0000000f}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar__dropdown-header{background:var(--primary-soft,#fdf2f6);align-items:center;gap:12px;padding:14px 16px;display:flex}.navbar__dropdown-avatar{background:var(--primary,#b53b67);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex}.navbar__dropdown-header-text{min-width:0}.navbar__dropdown-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0 0 2px;font-size:.88rem;font-weight:700;overflow:hidden}.navbar__dropdown-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;font-size:.75rem;overflow:hidden}.navbar__dropdown-divider{background:#f1f5f9;height:1px;margin:4px 0}.navbar__dropdown-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.navbar__dropdown-item:hover{color:var(--primary,#b53b67);background:#f8fafc}.navbar__dropdown-item--admin{color:#7c3aed}.navbar__dropdown-item--admin:hover{color:#7c3aed;background:#f5f3ff}.navbar__dropdown-item--logout{color:#ef4444}.navbar__dropdown-item--logout:hover{color:#dc2626;background:#fef2f2}.navbar__mobile-menu{display:none}.navbar__mobile-divider{background:#f1f5f9;width:100%;height:1px}.navbar__mobile-auth-row{gap:10px;display:flex}.navbar__mobile-user-link{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 0;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.navbar__mobile-user-link:hover{color:var(--primary)}.navbar__mobile-user-link--admin{color:#7c3aed}.navbar__mobile-user-link--admin:hover{color:#6d28d9}.navbar__mobile-user-link--logout{color:#ef4444}.navbar__mobile-user-link--logout:hover{color:#dc2626}@media (width<=900px){.navbar__nav,.navbar__auth{display:none}.navbar__hamburger{display:flex}.navbar__logo{margin-right:0}.navbar__mobile-menu{background:#fff;border-bottom:1px solid #b53b671a;flex-direction:column;gap:4px;max-height:0;padding:0 24px;transition:max-height .3s,padding .3s;display:flex;overflow:hidden;box-shadow:0 8px 20px #00000012}.navbar__mobile-menu--open{max-height:500px;padding:16px 24px 20px}.navbar__mobile-menu .navbar__link{padding:8px 0;font-size:1rem}}.footer-wrapper{background:#fff;padding-top:40px}.footer{color:#fffc;background:#561729;border-radius:40px 40px 0 0;padding:60px 40px 20px}.footer__main{grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:48px;padding-bottom:40px;display:grid}.footer__logo{margin-bottom:20px}.footer__logo-img{object-fit:contain;max-width:220px;height:auto}.footer__brand-desc{color:#fffc;margin-bottom:24px;font-size:.85rem;line-height:1.6}.footer__socials{gap:12px;display:flex}.footer__social-link{color:#fffc;width:34px;height:34px;transition:var(--transition);background:0 0;border:1.5px solid #fffc;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.footer__social-link:hover{color:#fff;background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.footer__col-title{color:#fff;letter-spacing:.3px;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.footer__list{flex-direction:column;gap:12px;display:flex}.footer__list-link{color:#ffffffb3;transition:var(--transition);font-size:.85rem;text-decoration:none}.footer__list-link:hover{color:#fff}.footer__contact-list{flex-direction:column;gap:16px;display:flex}.footer__contact-item{color:#ffffffb3;align-items:flex-start;gap:12px;font-size:.85rem;line-height:1.5;display:flex}.footer__contact-icon{flex-shrink:0;align-items:center;margin-top:1px;display:flex}.footer__bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.footer__copyright{color:#ffffffb3;font-size:.85rem}.footer__legal{align-items:center;gap:12px;display:flex}.footer__legal-link{color:#ffffffb3;transition:var(--transition);font-size:.85rem;text-decoration:none}.footer__legal-link:hover{color:#fff}.footer__divider{color:#fff3}@media (width<=960px){.footer__main{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=560px){.footer{border-radius:24px 24px 0 0;padding:40px 24px 20px}.footer__main{grid-template-columns:1fr;gap:32px}.footer__bottom{text-align:center;flex-direction:column;align-items:center}}.floating-whatsapp{color:#fff;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;animation:2s infinite pulse;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 10px #0003}.floating-whatsapp:hover{animation:none;transform:scale(1.1);box-shadow:0 6px 14px #0000004d}.floating-whatsapp svg{color:#fff}@keyframes pulse{0%{box-shadow:0 0 #25d36680}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}@media (width<=768px){.floating-whatsapp{width:50px;height:50px;bottom:20px;right:20px}.floating-whatsapp svg{width:28px;height:28px}}.floating-whitelist{background-color:var(--primary-dark,#8e2e51);color:#fff;z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:100px;right:30px;box-shadow:0 4px 10px #0003}.floating-whitelist:hover{color:#fff;transform:scale(1.1);box-shadow:0 6px 14px #0000004d}.floating-whitelist__icon{color:#fff;margin-top:4px;font-size:28px;line-height:1}.floating-whitelist__count{color:#fff;background-color:#ff4d79;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 5px #0003}@media (width<=768px){.floating-whitelist{width:50px;height:50px;bottom:80px;right:20px}.floating-whitelist__icon{font-size:24px}}.admin-layout{background-color:#f4f6f8;height:100vh;display:flex;overflow:hidden}.admin-sidebar{background-color:var(--primary-dark,#2d3748);color:#fff;flex-direction:column;width:260px;height:100%;display:flex;overflow-y:auto}.admin-sidebar-header{border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 24px 18px;display:flex}.admin-sidebar-logo-link{line-height:0;display:block}.admin-sidebar-logo{object-fit:contain;filter:brightness(0)invert();width:auto;height:38px}.admin-sidebar-badge{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;border:1px solid #ffffff26;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.admin-nav{flex-direction:column;padding:20px 0;display:flex}.admin-nav-item{color:#e2e8f0;align-items:center;padding:16px 24px;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover,.admin-nav-item.active{color:#fff;border-left:4px solid var(--primary,#b53b67);background-color:#ffffff1a}.admin-nav-icon{margin-right:12px;font-size:1.2rem}.admin-main{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.admin-header{background-color:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;box-shadow:0 2px 4px #0000000d}.admin-header-title{color:#1a202c;font-size:1.25rem;font-weight:600}.admin-content{flex:1;padding:32px;overflow-y:auto}.admin-page-title{color:var(--primary-dark,#2d3748);margin-bottom:24px;font-family:Lora,serif;font-size:1.8rem}.admin-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 6px #0000000d}.admin-sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px 16px}.admin-logout-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.9rem;transition:all .2s;display:flex}.admin-logout-btn:hover{border-color:var(--primary,#b53b67);color:#fff;background:#b53b674d}.admin-header-user{color:#4a5568;align-items:center;gap:10px;font-size:.95rem;font-weight:500;display:flex}.admin-header-avatar{background:var(--primary,#b53b67);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.dashboard-container{padding:10px 0}.dashboard-header{margin-bottom:30px}.dashboard-subtitle{color:#64748b;margin-top:-15px;font-size:15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border:1px solid #00000008;border-radius:12px;align-items:center;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #00000008}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px;display:flex}.stat-icon svg{width:28px;height:28px}.students-icon{color:#3182ce;background-color:#ebf8ff}.courses-icon{color:#db2777;background-color:#fdf2f8}.enrollments-icon{color:#16a34a;background-color:#f0fdf4}.revenue-icon{color:#ca8a04;background-color:#fefce8}.stat-info{flex-grow:1}.stat-label{color:#64748b;margin:0 0 6px;font-size:14px;font-weight:500}.stat-value{color:#1e293b;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:700}.stat-trend{margin:0;font-size:13px;font-weight:500}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.charts-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.chart-card{background:#fff;border:1px solid #00000008;border-radius:12px;padding:24px;box-shadow:0 4px 15px #00000008}.chart-title{color:#1e293b;margin:0 0 24px;font-size:1.1rem;font-weight:600}.chart-wrapper{width:100%;height:300px}.dashboard-recent-section .admin-card{border:1px solid #00000008;border-radius:12px;box-shadow:0 4px 15px #00000008}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.enrollments-container{padding:20px}.enrollments-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.enrollments-table-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #00000014}.admin-table{border-collapse:collapse;width:100%;margin-top:15px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}.admin-table th{background:#f9fafb;font-weight:600}.status-badge{border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.status-badge.paid{color:#065f46;background:#d1fae5}.status-badge.pending{color:#92400e;background:#fef3c7}.btn-sm{padding:6px 12px;font-size:13px}.no-data{text-align:center;color:#777;padding:20px}@media (width<=768px){.admin-table{display:block;overflow-x:auto}}.students-container{padding:24px}.s-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.s-page-subtitle{color:#6b7280;margin-top:4px;font-size:.875rem}.s-btn-add{background:var(--primary,#b53b67);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.s-btn-add:hover{background:var(--primary-dark,#8e2e51)}.s-table-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012,0 4px 16px #0000000a}.s-table-wrapper{overflow-x:auto}.s-table{border-collapse:collapse;width:100%}.s-table thead tr{background:#f8fafc;border-bottom:2px solid #e5e7eb}.s-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;white-space:nowrap;padding:14px 16px;font-size:.78rem;font-weight:700}.s-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.9rem}.s-table tbody tr:last-child td{border-bottom:none}.s-table tbody tr:hover{background:#fafafa}.s-td-num{color:#9ca3af;width:40px;font-size:.85rem}.s-student-cell{align-items:center;gap:10px;display:flex}.s-avatar-sm{background:linear-gradient(135deg, var(--primary,#b53b67), #f472b6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.s-student-name{color:#111827;font-weight:600}.s-empty{color:#d1d5db}.s-action-group{align-items:center;gap:6px;display:flex}.s-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.s-action-view{color:#3b82f6;background:#eff6ff}.s-action-view:hover{color:#fff;background:#3b82f6}.s-action-edit{color:#ca8a04;background:#fefce8}.s-action-edit:hover{color:#fff;background:#ca8a04}.s-action-delete{color:#ef4444;background:#fef2f2}.s-action-delete:hover{color:#fff;background:#ef4444}.s-state-msg{text-align:center;color:#9ca3af;padding:48px 20px;font-size:.95rem}.s-state-error{color:#ef4444}.s-modal-content{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;animation:.25s ease-out modalIn;overflow-y:auto;box-shadow:0 20px 60px #0003}.s-modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.s-modal-header h3{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.s-modal-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.s-modal-close:hover{color:#111827;background:#e5e7eb}.s-form{padding:20px 24px 24px}.s-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem}.s-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.s-form-group{flex-direction:column;gap:6px;display:flex}.s-form-group label{color:#374151;font-size:.85rem;font-weight:600}.s-form-group input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 14px;font-family:Outfit,sans-serif;font-size:.9rem;transition:border-color .15s}.s-form-group input:focus{border-color:var(--primary,#b53b67);background:#fff}.s-form-actions{justify-content:flex-end;gap:12px;display:flex}.s-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:all .15s}.s-btn-cancel:hover{background:#f3f4f6}.s-btn-submit{background:var(--primary,#b53b67);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:background .15s}.s-btn-submit:hover:not(:disabled){background:var(--primary-dark,#8e2e51)}.s-btn-submit:disabled{opacity:.6;cursor:not-allowed}.s-drawer{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s ease-out modalIn;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0003}.s-drawer-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.s-drawer-header h3{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:700}.s-drawer-body{flex:1;padding:20px 24px}.s-avatar-block{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;display:flex}.s-avatar-lg{background:linear-gradient(135deg, var(--primary,#b53b67), #f472b6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:800;display:flex}.s-drawer-name{color:#111827;margin:0 0 6px;font-size:1.3rem;font-weight:700}.s-role-badge{color:#7c3aed;background:#ede9fe;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.s-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.s-detail-item{align-items:flex-start;gap:12px;display:flex}.s-detail-icon{width:34px;height:34px;color:var(--primary,#b53b67);background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.s-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;font-size:.75rem;font-weight:600}.s-detail-value{color:#111827;word-break:break-all;margin:0;font-size:.9rem;font-weight:500}.s-drawer-footer{border-top:1px solid #f1f5f9;padding:16px 24px 24px}.s-btn-edit-full{background:var(--primary,#b53b67);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.s-btn-edit-full:hover{background:var(--primary-dark,#8e2e51)}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.s-page-header{flex-direction:column;align-items:flex-start}.s-form-grid,.s-detail-grid{grid-template-columns:1fr}.s-table-wrapper{overflow-x:auto}}.courses-container{padding:24px}.c-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.c-table-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012,0 4px 16px #0000000a}.c-table-thumb{object-fit:cover;border-radius:6px;width:72px;height:44px;display:block}.c-table-thumb-placeholder{color:#cbd5e1;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:72px;height:44px;display:flex}.c-course-title-cell{color:#111827;font-size:.9rem;font-weight:600}.c-meta-pill{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;display:inline-flex}.c-lesson-pill{color:#7c3aed;background:#ede9fe;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.c-modal-content{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:90vh;animation:.25s ease-out modalIn;overflow-y:auto;box-shadow:0 20px 60px #0003}.c-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex;position:sticky;top:0}.c-modal-header h3{color:#111827;margin:0;font-size:1.2rem;font-weight:700}.c-modal-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.c-modal-close:hover{color:#111827;background:#e5e7eb}.c-form{padding:20px 24px 24px}.c-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem}.c-form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px;display:grid}.c-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.c-full{grid-column:1/-1}.c-form-group label{color:#374151;font-size:.85rem;font-weight:600}.c-label-hint{color:#9ca3af;font-size:.8rem;font-weight:400}.c-form-group input,.c-form-group textarea{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 14px;font-family:Outfit,sans-serif;font-size:.9rem;transition:border-color .15s}.c-form-group input:focus,.c-form-group textarea:focus{border-color:var(--primary,#b53b67);background:#fff}.c-banner-preview{object-fit:cover;border-radius:8px;width:100%;height:120px;margin-bottom:8px}.c-lessons-section{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:16px}.c-lessons-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.c-lessons-header h4{color:#374151;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.c-lessons-count{background:var(--primary,#b53b67);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:inline-flex}.c-add-lesson-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;transition:background .15s;display:flex}.c-add-lesson-btn:hover{background:#059669}.c-no-lessons{color:#9ca3af;text-align:center;margin:0;padding:12px 0;font-size:.875rem;font-style:italic}.c-lesson-list{flex-direction:column;gap:10px;display:flex}.c-lesson-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.c-lesson-drag{color:#d1d5db;cursor:grab;flex-shrink:0}.c-lesson-num{color:#7c3aed;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex}.c-lesson-fields{flex:1;gap:10px;display:flex}.c-lesson-fields input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;outline:none;flex:1;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.875rem;transition:border-color .15s}.c-lesson-fields input:focus{border-color:var(--primary,#b53b67);background:#fff}.c-lesson-remove{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.c-lesson-remove:hover{color:#fff;background:#ef4444}.c-form-actions{justify-content:flex-end;gap:12px;padding-top:4px;display:flex}.c-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:all .15s}.c-btn-cancel:hover{background:#f3f4f6}.c-btn-submit{background:var(--primary,#b53b67);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:background .15s}.c-btn-submit:hover:not(:disabled){background:var(--primary-dark,#8e2e51)}.c-btn-submit:disabled{opacity:.6;cursor:not-allowed}.c-btn-sm{padding:7px 14px;font-size:.82rem}.c-view-panel{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:.25s ease-out modalIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.c-view-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.c-view-label{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 4px;font-size:.75rem;font-weight:700}.c-view-title{color:#111827;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.c-view-body{flex:1;padding:20px 24px;overflow-y:auto}.c-view-banner{object-fit:cover;border-radius:10px;width:100%;height:180px;margin-bottom:16px}.c-view-meta{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.c-meta-chip{color:#475569;background:#f1f5f9;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.c-view-section{margin-bottom:24px}.c-view-section-title{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 10px;font-size:.8rem;font-weight:700}.c-view-description{color:#374151;margin:0;font-size:.9rem;line-height:1.7}.c-view-lessons-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.c-lessons-count-badge{background:var(--primary,#b53b67);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.c-view-lesson-list{flex-direction:column;gap:8px;display:flex}.c-view-lesson-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.c-view-lesson-item:hover{border-color:#cbd5e1}.c-view-lesson-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.c-view-lesson-num{color:#7c3aed;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.c-view-lesson-title{color:#111827;margin:0 0 3px;font-size:.9rem;font-weight:600}.c-view-lesson-url{color:#3b82f6;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:.78rem;text-decoration:none;display:block;overflow:hidden}.c-view-lesson-url:hover{text-decoration:underline}.c-view-lesson-actions{flex-shrink:0;gap:6px;display:flex}.c-lesson-inline-edit{flex-direction:column;flex:1;gap:8px;display:flex}.c-lesson-inline-edit input{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;outline:none;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.875rem;transition:border-color .15s}.c-lesson-inline-edit input:focus{border-color:var(--primary,#b53b67)}.c-lesson-inline-actions{gap:8px;display:flex}.c-view-footer{border-top:1px solid #f1f5f9;flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.c-view-delete-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;align-items:center;gap:7px;padding:10px 18px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.c-view-delete-btn:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444}.c-view-delete-btn:disabled{opacity:.5;cursor:not-allowed}.c-view-edit-btn{background:var(--primary,#b53b67);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;margin-left:auto;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.c-view-edit-btn:hover{background:var(--primary-dark,#8e2e51)}.s-confirm-modal{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px 28px;animation:.25s ease-out modalIn;box-shadow:0 20px 60px #0003}.s-confirm-icon{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.s-confirm-modal h3{color:#111827;margin:0 0 10px;font-size:1.2rem}.s-confirm-modal p{color:#6b7280;margin:0 0 24px;font-size:.9rem;line-height:1.6}.s-confirm-actions{justify-content:center;gap:12px;display:flex}.s-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 24px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:background .15s}.s-btn-delete:hover:not(:disabled){background:#dc2626}.s-btn-delete:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.c-page-header{flex-direction:column;align-items:flex-start}.c-form-row{grid-template-columns:1fr}.c-full{grid-column:1}.c-lesson-fields{flex-direction:column}.s-table-wrapper{overflow-x:auto}.c-view-lesson-url{max-width:160px}}