@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Nunito:wght@400;600;700;800&display=swap";:root{--sky-50: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-400-rgb: 56, 189, 248;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--white: #ffffff;--green-500: #22c55e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;background-color:var(--slate-50);color:var(--slate-900)}.font-logo{font-family:Caveat,cursive}.hidden-file-input{display:none}.file-upload-wrapper-modern{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:8px}.file-upload-wrapper-modern.is-small .file-upload-label-modern{padding:12px 16px}.file-upload-wrapper-modern.is-small .file-upload-icon{width:32px;height:32px}.file-upload-label-modern{display:flex;align-items:center;gap:16px;padding:20px;border:2px dashed var(--slate-200);border-radius:12px;background:var(--white);cursor:pointer;transition:all .3s ease;width:100%}.file-upload-label-modern:hover{border-color:var(--sky-500);background:var(--sky-50);transform:translateY(-1px)}.file-upload-label-modern .file-upload-icon{width:44px;height:44px;background:var(--slate-50);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--sky-500);box-shadow:0 4px 6px -1px #0000000d}.file-upload-label-modern .file-upload-text{display:flex;flex-direction:column}.file-upload-label-modern .file-upload-title{font-weight:600;color:var(--slate-800);font-size:.95rem}.file-upload-label-modern .file-upload-subtitle{font-size:.8rem;color:var(--slate-500)}.video-preview-mini{width:100%;max-width:320px;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 10px 15px -3px #0000001a}.video-preview-mini video{width:100%;height:100%;object-fit:cover}.video-item-grid.full-width{grid-column:1/-1}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.25rem}}@media(min-width:1024px){.container{padding:0 1.5rem}}.section-header{text-align:center;max-width:48rem;margin:0 auto 2.5rem}@media(min-width:768px){.section-header{margin:0 auto 4rem}}.section-title{font-size:1.75rem;font-weight:700;color:var(--slate-800);margin-bottom:1rem;display:inline-block;position:relative}@media(min-width:640px){.section-title{font-size:2.25rem}}@media(min-width:768px){.section-title{font-size:2.5rem}}.title-underline{position:absolute;bottom:-.5rem;left:0;width:100%;height:.25rem;border-radius:9999px}.title-underline--amber{background-color:var(--amber-400)}.title-underline--sky{background-color:var(--sky-400)}.section-description{font-size:1.125rem;color:var(--slate-700);margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;border-radius:9999px}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(to right,var(--amber-400),var(--orange-400));color:var(--white);padding:.5rem 1.5rem;box-shadow:0 1px 2px #0000000d}.btn--primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.05)}.btn--secondary{background-color:var(--sky-500);color:var(--white);padding:1rem 2rem}.btn--secondary:hover{background-color:var(--sky-600);box-shadow:0 10px 15px -3px #0000001a}.btn--outline{background-color:var(--white);color:var(--sky-600);padding:1rem 2rem;border:2px solid var(--sky-100)}.btn--outline:hover{border-color:var(--sky-300);box-shadow:0 1px 2px #0000000d}.btn--large{font-size:1.125rem}.btn--block{width:100%;padding:.5rem .75rem;border-radius:.75rem;font-size:clamp(.875rem,3vw,1rem)}@media(min-width:640px){.btn--block{padding:.625rem 1rem}}.header{background-color:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:50}.header__container{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem}.logo{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo__title{font-family:Caveat,cursive;font-size:2.25rem;color:var(--sky-600);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.05)}.logo__subtitle{font-size:.65rem;letter-spacing:.2em;font-weight:700;color:var(--slate-500);text-transform:uppercase;margin-top:.25rem}.nav-desktop{display:none;align-items:center;gap:2rem;font-weight:700;color:var(--slate-800)}@media(min-width:768px){.nav-desktop{display:flex}}.nav__link{color:inherit;text-decoration:none;transition:color .3s ease}.nav__link:hover{color:var(--sky-500)}.nav__link:nth-child(2):hover{color:var(--amber-500)}.nav__link:nth-child(3):hover{color:var(--orange-500)}.menu-btn{display:block;background:none;border:none;color:var(--slate-900);padding:.5rem;cursor:pointer}@media(min-width:768px){.menu-btn{display:none}}.nav-mobile{position:absolute;width:100%;background-color:var(--white);border-top:1px solid var(--slate-100);padding:1rem;display:flex;flex-direction:column;gap:1rem;font-weight:600;color:var(--slate-800);box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease-in-out;opacity:0;visibility:hidden;height:0}@media(min-width:768px){.nav-mobile{display:none!important}}.nav-mobile--open{opacity:1;visibility:visible;height:auto}.nav-mobile__link{color:inherit;text-decoration:none;padding:.25rem .5rem}.nav-mobile__link:hover{color:var(--sky-500)}.nav-mobile__link:nth-child(2):hover{color:var(--amber-500)}.nav-mobile__link:nth-child(3):hover{color:var(--orange-500)}.nav-mobile__btn{text-align:center;margin:.5rem;padding:.75rem 1.5rem}.hero{position:relative;background-color:var(--sky-50);padding:2rem 0;overflow:hidden;min-height:calc(100vh - 70px);display:flex;align-items:center}@media(min-width:1024px){.hero{padding:4rem 0;min-height:calc(100vh - 82px)}}.hero__container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%}@media(min-width:1024px){.hero__container{flex-direction:row}}.hero__content{text-align:center;margin-bottom:2rem}@media(min-width:1024px){.hero__content{flex:1;text-align:left;margin-bottom:0;padding-right:3rem}}.hero__title{font-size:2rem;font-weight:800;color:var(--slate-800);line-height:1.1;margin-bottom:1rem}@media(min-width:480px){.hero__title{font-size:2.5rem}}@media(min-width:768px){.hero__title{font-size:3rem}}@media(min-width:1024px){.hero__title{font-size:4.5rem;margin-bottom:1.5rem}}.hero .text-highlight{color:var(--sky-500)}.hero__description{font-size:1rem;color:var(--slate-600);margin-bottom:2rem;max-width:36rem;margin-left:auto;margin-right:auto}@media(min-width:640px){.hero__description{font-size:1.125rem}}@media(min-width:1024px){.hero__description{font-size:1.25rem;margin-left:0;margin-right:0;margin-bottom:2.5rem}}.hero__actions{display:flex;flex-direction:column;gap:.75rem;justify-content:center}@media(min-width:480px){.hero__actions{flex-direction:row;gap:1rem}}@media(min-width:1024px){.hero__actions{justify-content:flex-start}}.hero__image-wrapper{position:relative;max-width:500px;width:100%}@media(min-width:768px){.hero__image-wrapper{max-width:600px}}@media(min-width:1024px){.hero__image-wrapper{flex:1}}.image-frame{background:linear-gradient(to bottom right,var(--amber-100),var(--orange-100));border-radius:3rem;padding:1rem;transform:rotate(3deg);transition:transform .5s ease;box-shadow:0 25px 50px -12px #00000040}.image-frame:hover{transform:rotate(0)}@media(min-width:1024px){.image-frame{padding:2rem}}.hero__img{width:100%;height:auto;border-radius:2.5rem;object-fit:cover;transform:rotate(-3deg);transition:transform .5s ease}.image-frame:hover .hero__img{transform:rotate(0)}.features{padding:3rem 0;background-color:var(--white)}@media(min-width:768px){.features{padding:6rem 0}}.features__grid{display:grid;gap:1.5rem}@media(min-width:640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.features__grid{gap:2.5rem;grid-template-columns:repeat(3,1fr)}}.feature-card{padding:2rem;border-radius:1.5rem;border:2px solid transparent;background-color:var(--white);transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.feature-card:hover .feature-card__icon{transform:scale(1.1)}.feature-card--sky{border-color:var(--sky-200)}.feature-card--sky .feature-card__icon{background-color:var(--sky-100);color:var(--sky-600)}.feature-card--amber{border-color:var(--amber-200)}.feature-card--amber .feature-card__icon{background-color:var(--amber-100);color:var(--amber-600)}.feature-card--orange{border-color:var(--orange-200)}.feature-card--orange .feature-card__icon{background-color:var(--orange-100);color:var(--orange-600)}.feature-card__icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}.feature-card__title{font-size:1.5rem;font-weight:700;color:var(--slate-800);margin-bottom:.75rem}.feature-card__desc{color:var(--slate-600);line-height:1.5}.courses{padding:3rem 0;background-color:var(--slate-50)}@media(min-width:768px){.courses{padding:6rem 0}}.courses__header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}@media(min-width:768px){.courses__header{flex-direction:row;align-items:flex-end;margin-bottom:4rem}}.courses__header-content{max-width:42rem}.courses__header-icon{margin-top:1.5rem;color:var(--sky-300);opacity:.5}@media(min-width:768px){.courses__header-icon{margin-top:0}}.courses__grid{display:grid;gap:1.25rem}@media(min-width:640px){.courses__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.courses__grid{gap:2rem}}@media(min-width:1024px){.courses__grid{grid-template-columns:repeat(3,1fr)}}.course-card{background-color:var(--white);border-radius:2rem;padding:2rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--slate-100);position:relative;overflow:hidden;transition:box-shadow .3s ease}.course-card:hover{box-shadow:0 25px 50px -12px #00000040}.course-card__decoration{position:absolute;top:0;right:0;width:6rem;height:6rem;background-color:var(--sky-50);border-bottom-left-radius:4rem;z-index:0}.course-card__badge{position:relative;z-index:1;background-color:var(--amber-100);color:var(--amber-700);font-weight:700;font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.course-card__title{position:relative;z-index:1;font-size:1.5rem;font-weight:800;color:var(--slate-800);margin-top:1rem;margin-bottom:1.5rem}.course-card__features{position:relative;z-index:1;list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.course-card__feature{display:flex;align-items:center;color:var(--slate-600);font-weight:600}.course-card__feature-icon{color:var(--green-500);margin-right:.5rem;flex-shrink:0}.course-card__btn{position:relative;z-index:1;background-color:var(--slate-100);color:var(--slate-700)}.course-card__btn:hover{background-color:var(--sky-500);color:var(--white)}.contact{padding:3rem 0;background-color:var(--sky-600);color:var(--white);position:relative;overflow:hidden}@media(min-width:768px){.contact{padding:6rem 0}}.contact__glow{position:absolute;border-radius:50%;opacity:.5;filter:blur(64px);pointer-events:none;z-index:0}.contact__glow--top{top:-5rem;left:-5rem;width:16rem;height:16rem;background-color:var(--sky-500)}.contact__glow--bottom{bottom:-5rem;right:-5rem;width:20rem;height:20rem;background-color:var(--sky-400)}.contact__container{position:relative;z-index:10;display:flex;flex-direction:column;gap:3rem;align-items:center}@media(min-width:1024px){.contact__container{flex-direction:row;justify-content:space-between}}.contact__content{text-align:center}@media(min-width:1024px){.contact__content{flex:1;text-align:left}}.contact__title{font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;line-height:1.2}@media(min-width:640px){.contact__title{font-size:2.25rem}}@media(min-width:768px){.contact__title{font-size:3rem;margin-bottom:1.5rem}}.contact__subtitle{color:var(--sky-100);font-size:1.25rem;font-weight:600;margin-bottom:2rem}.contact__info{display:flex;flex-direction:column;gap:1rem;font-size:1.125rem}.contact__info-item{display:flex;align-items:center;justify-content:center;gap:.75rem}@media(min-width:1024px){.contact__info-item{justify-content:flex-start}}.contact__info-icon{color:var(--amber-300)}.contact__form-wrapper{width:100%;background-color:var(--white);border-radius:1.5rem;padding:2rem;color:var(--slate-800);box-shadow:0 25px 50px -12px #00000040;transition:transform .3s ease}.contact__form-wrapper:hover{transform:scale(1.05)}@media(min-width:1024px){.contact__form-wrapper{width:33.333333%}}.contact__form-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.contact__form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:700;color:var(--slate-600);margin-bottom:.25rem}.form-input{width:100%;padding:.5rem .75rem;border-radius:.75rem;background-color:var(--slate-50);border:1px solid var(--slate-200);outline:none;transition:all .3s ease;font-family:inherit}.form-input:focus{box-shadow:0 0 0 2px var(--sky-500)}.form-submit{margin-top:.5rem;padding:1rem;font-size:1.125rem}.footer{background-color:var(--slate-900);color:var(--slate-400);padding:2rem 0;text-align:center;font-size:.875rem}.footer__logo-text{margin-top:.5rem;font-family:Caveat,cursive;font-size:1.25rem;color:var(--slate-500)}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--slate-50);background-image:radial-gradient(circle at top right,var(--sky-100),transparent 40%),radial-gradient(circle at bottom left,var(--amber-100),transparent 40%);padding:2rem 1rem;position:relative}.auth-page__back{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;background-color:var(--white);color:var(--slate-600);text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:9999px;border:1px solid var(--slate-200);box-shadow:0 1px 2px #0000000d;transition:all .3s ease}.auth-page__back:hover{color:var(--sky-600);border-color:var(--sky-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.auth-card{background-color:var(--white);border-radius:1.5rem;padding:1.5rem 1rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--slate-100)}@media(min-width:640px){.auth-card{padding:2rem 1.5rem}}.auth-card__header{text-align:center;margin-bottom:1.5rem}.auth-card__header .logo__title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:.5rem;display:inline-block}.auth-card__title{font-size:clamp(1.125rem,4vw,1.25rem);font-weight:800;color:var(--slate-800);margin-bottom:.25rem}.auth-card__subtitle{color:var(--slate-500);font-size:clamp(.75rem,3vw,.875rem)}.auth-card__footer{margin-top:1rem;text-align:center;color:var(--slate-600);font-size:clamp(.8rem,3vw,.95rem)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form__options{display:flex;justify-content:flex-end;margin-top:-.5rem}.auth-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.input-with-icon .input-icon{position:absolute;left:1rem;color:var(--slate-400)}.input-with-icon .password-toggle{position:absolute;right:1rem;background:transparent;border:none;padding:0;color:var(--slate-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.input-with-icon .password-toggle:hover{color:var(--sky-500)}.form-input--icon{padding:.4rem 2.5rem;font-size:clamp(.875rem,3vw,.95rem)}@media(min-width:640px){.form-input--icon{padding:.5rem 2.75rem}}.auth-divider{position:relative;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.auth-divider:before{content:"";position:absolute;width:100%;height:1px;background-color:var(--slate-200)}.auth-divider span{position:relative;background-color:var(--white);padding:0 .75rem;color:var(--slate-400);font-size:clamp(.75rem,3vw,.875rem);font-weight:600}.btn--google{display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:#fff;color:var(--slate-700);border:1px solid var(--slate-200);padding:.5rem .75rem;font-weight:600;font-size:clamp(.875rem,3vw,1rem)}@media(min-width:640px){.btn--google{padding:.625rem 1rem}}.btn--google:hover{background-color:var(--slate-50);border-color:var(--slate-300);box-shadow:0 1px 2px #0000000d}.auth-link{color:var(--sky-600);text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link:hover{color:var(--sky-500);text-decoration:underline}.font-bold{font-weight:700}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.form-checkbox-group{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.form-checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--sky-500);cursor:pointer}.form-checkbox-group label{font-size:.875rem;color:var(--slate-600);cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--slate-50)}@media(min-width:768px){.dashboard-page{flex-direction:row}}.dashboard-sidebar{width:100%;background-color:var(--white);border-right:none;border-top:1px solid var(--slate-200);display:flex;flex-direction:row;position:fixed;bottom:0;left:0;right:0;height:auto;padding:0;z-index:100;box-shadow:0 -2px 12px #00000014}@media(min-width:768px){.dashboard-sidebar{width:220px;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid var(--slate-200);border-top:none;padding:1.5rem 0;box-shadow:none}}@media(min-width:1024px){.dashboard-sidebar{width:260px}}.dashboard-sidebar__header{display:none}@media(min-width:768px){.dashboard-sidebar__header{display:block;padding:0 1.5rem;margin-bottom:2rem}}.dashboard-nav{flex:1;overflow-y:auto;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.dashboard-nav::-webkit-scrollbar{display:none}@media(min-width:768px){.dashboard-nav{flex-direction:column;overflow-x:hidden;overflow-y:auto}}.dashboard-nav__title{display:none}@media(min-width:768px){.dashboard-nav__title{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--slate-400);padding:0 1.5rem;margin-bottom:.75rem}}@media(min-width:768px){.dashboard-nav__title--mt{margin-top:2rem}}.dashboard-nav__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;gap:0;flex:1}@media(min-width:768px){.dashboard-nav__list{flex-direction:column;padding:0 .75rem;gap:.25rem}}.dashboard-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;flex:1;color:var(--slate-500);text-decoration:none;font-weight:500;border-radius:0;transition:all .2s ease;background:transparent;border:none;width:100%;text-align:center;cursor:pointer;font-size:.65rem;font-family:inherit;min-width:0}.dashboard-nav__link span.nav-label{display:block}@media(min-width:768px){.dashboard-nav__link{flex-direction:row;gap:.75rem;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.9rem;text-align:left;justify-content:flex-start}}@media(min-width:1024px){.dashboard-nav__link{font-size:1rem}}.dashboard-nav__link:hover{background-color:var(--sky-50);color:var(--sky-600)}.dashboard-nav__link.active{background-color:var(--sky-100);color:var(--sky-700);font-weight:600}@media(max-width:767px){.dashboard-nav__link.active{background-color:transparent;color:var(--sky-600)}}.dashboard-nav__link--danger{color:var(--slate-500)}@media(max-width:767px){.dashboard-nav__link--danger{font-size:.6rem}}.dashboard-nav__link--danger:hover{background-color:#fef2f2;color:#ef4444}@media(min-width:768px){.nav-logout-mobile{display:none}}.dashboard-sidebar__footer{display:none}@media(min-width:768px){.dashboard-sidebar__footer{display:block;padding:1rem .75rem;border-top:1px solid var(--slate-100);margin-top:auto}}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:64px}@media(min-width:768px){.dashboard-main{padding-bottom:0}}.dashboard-header{background-color:var(--white);border-bottom:1px solid var(--slate-200);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}@media(min-width:768px){.dashboard-header{padding:1rem 1.5rem}}.dashboard-header__title{font-size:1.1rem;font-weight:800;color:var(--slate-900);line-height:1.2}@media(min-width:768px){.dashboard-header__title{font-size:1.4rem}}@media(min-width:1024px){.dashboard-header__title{font-size:1.5rem}}.dashboard-header__subtitle{color:var(--slate-600);font-size:.75rem;margin-top:.15rem;display:none}@media(min-width:640px){.dashboard-header__subtitle{display:block;font-size:.8rem}}@media(min-width:768px){.dashboard-header__subtitle{font-size:.875rem;margin-top:.25rem}}.user-avatar{width:40px;height:40px;background-color:var(--sky-600);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.dashboard-content{flex:1;padding:.75rem;overflow-y:auto}@media(min-width:640px){.dashboard-content{padding:1rem}}@media(min-width:768px){.dashboard-content{padding:1rem 1.25rem}}@media(min-width:1024px){.dashboard-content{padding:1rem 1.5rem}}.dashboard-section--mt{margin-top:3rem}.dashboard-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-section__title{font-size:1.25rem;font-weight:700;color:var(--slate-800)}.dashboard-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.dashboard-grid{gap:1.25rem}}@media(min-width:1024px){.dashboard-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media(min-width:640px){.dashboard-grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.dashboard-grid--3{grid-template-columns:repeat(3,1fr)}}.dash-card{background-color:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--slate-200);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column}.dash-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.dash-card__title{font-size:1.125rem;font-weight:700;color:var(--slate-800);line-height:1.3;flex:1;padding-right:1rem}.dash-card__progress{margin-top:auto}.dash-card__category{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--sky-600);margin-bottom:.5rem}.dash-card__duration{font-size:.875rem;color:var(--slate-500);margin-top:.5rem}.progress-bar{height:.5rem;background-color:var(--slate-100);border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.progress-bar__fill{height:100%;border-radius:9999px;transition:width 1s ease-in-out}.progress-text{font-size:.75rem;color:var(--slate-500);font-weight:600}.badge{inline-size:max-content;padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:9999px}.badge--sky{background-color:var(--sky-100);color:var(--sky-700)}.text-link{color:var(--sky-600);font-weight:600;text-decoration:none;font-size:.875rem}.text-link:hover{text-decoration:underline}.text-green-500{color:var(--green-500)}.text-amber-500{color:var(--amber-500)}.admin-main{background-color:var(--slate-50)}.admin-header{background:var(--white);border:1px solid var(--slate-200);border-radius:1rem;margin-bottom:2rem;padding:1.5rem 2rem;color:var(--slate-800);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.admin-header__title{color:var(--slate-800);font-size:1.75rem;font-weight:800;margin-bottom:.25rem}.admin-header__subtitle{color:var(--slate-500);font-size:1rem}.admin-section{background-color:var(--white);padding:2rem;border-radius:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--slate-200)}.admin-section.create-course-view{background:transparent;box-shadow:none;border:none}.admin-section__title{font-size:1.5rem;font-weight:700;color:var(--slate-800)}.admin-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.admin-grid{grid-template-columns:repeat(3,1fr)}}.admin-card{background-color:var(--white);border-radius:1rem;border:1px solid var(--slate-200);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.admin-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.admin-card__image-wrapper{position:relative;height:10rem;background-color:var(--slate-100)}.admin-card__image{width:100%;height:100%;object-fit:cover}.admin-card__badge{position:absolute;top:1rem;right:1rem;background-color:#ffffffe6;padding:.25rem .75rem;border-radius:9999px;display:flex;align-items:center;gap:.25rem;font-weight:700;font-size:.875rem;color:var(--slate-800);box-shadow:0 2px 4px #0000001a}.admin-card__content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.admin-card__title{font-size:1.25rem;font-weight:700;color:var(--slate-800);margin-bottom:1rem;line-height:1.3}.admin-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--slate-100)}.admin-card__actions{display:flex;gap:.5rem;margin-top:1.5rem}.stat-item{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--slate-500);font-size:.875rem;font-weight:600}.admin-empty{grid-column:1/-1;text-align:center;padding:1.5rem;border:2px dashed var(--slate-300);border-radius:1rem;background-color:var(--slate-50)}.admin-empty__icon{color:var(--slate-300);margin:0 auto .5rem;width:2.5rem;height:2.5rem}.admin-empty__title{font-size:1.25rem;font-weight:600;color:var(--slate-600);margin-bottom:.5rem}.admin-empty__text{color:var(--slate-500);margin-bottom:1.5rem}.admin-form-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.admin-form-grid{grid-template-columns:repeat(2,1fr)}}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-group.full-width{grid-column:1/-1}.admin-form-label{font-size:.875rem;font-weight:600;color:var(--slate-700)}.admin-form-input{padding:.75rem 1rem;border:1px solid var(--slate-300);border-radius:.5rem;outline:none;transition:all .3s ease;width:100%;font-family:inherit}.admin-form-input:focus{border-color:var(--sky-500);box-shadow:0 0 0 2px var(--sky-100)}.admin-form-input.min-h-100{min-height:100px;resize:vertical}.admin-form-section{margin-bottom:2rem}.admin-form-section__title{font-size:1.125rem;font-weight:600;color:var(--slate-800);margin-bottom:1rem;padding-left:.75rem;border-left:4px solid var(--sky-500);display:flex;justify-content:space-between;align-items:center}.admin-video-card{background-color:var(--white);padding:1.25rem;border-radius:.75rem;border:1px solid var(--slate-200);margin-bottom:1rem;position:relative;transition:border-color .3s ease}.admin-video-card:hover{border-color:var(--sky-300)}.admin-video-card__number{position:absolute;left:-.75rem;top:-.75rem;width:1.75rem;height:1.75rem;background-color:var(--sky-100);color:var(--sky-700);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;border:1px solid var(--sky-200)}.admin-video-card__delete{position:absolute;top:1rem;right:1rem;color:var(--slate-400);background:none;border:none;cursor:pointer}.admin-video-card__delete:hover{color:var(--red-500)}.admin-video-card__status{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--slate-100);display:flex;align-items:center;justify-content:space-between}.btn--danger-outline{background:transparent;color:var(--red-500);border:1px solid var(--red-200);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn--danger-outline:hover{background-color:#fef2f2;border-color:var(--red-500)}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.back-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--slate-400);padding:0 .5rem}.back-btn:hover{color:var(--sky-600)}.btn-toggle-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.btn-toggle-status.active{background-color:var(--green-100);color:var(--green-700)}.btn-toggle-status.active:hover{background-color:var(--green-200)}.btn-toggle-status.inactive{background-color:var(--slate-100);color:var(--slate-600)}.btn-toggle-status.inactive:hover{background-color:var(--slate-200)}.d-flex{display:flex}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}.mt-4{margin-top:1rem}.mt-10{margin-top:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-0{padding:0}.text-xs{font-size:.75rem}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.font-semibold{font-weight:600}.text-slate-500{color:var(--slate-500)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--white);border-bottom:1px solid var(--slate-100);margin:-2rem -2rem 2rem;position:sticky;top:-2rem;z-index:20}.admin-section-header__left{display:flex;align-items:center;gap:1.5rem}.admin-section-header__title{font-size:1.25rem;font-weight:800;color:var(--slate-900);margin:0}.admin-section-header__subtitle{font-size:.875rem;color:var(--slate-500);margin:0}.admin-section-header__actions{display:flex;gap:1rem}.back-btn-new{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--slate-200);background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--slate-600);cursor:pointer;transition:all .2s ease}.back-btn-new:hover{background:var(--slate-50);color:var(--sky-600);border-color:var(--sky-200);transform:translate(-2px)}.admin-form-modern{animation:fadeIn .4s ease-out}.admin-form-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media(max-width:1024px){.admin-form-layout{grid-template-columns:1fr}}.admin-card-modern{background:var(--white);border-radius:1.25rem;border:1px solid var(--slate-200);box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.admin-card-modern__header{padding:1.25rem 1.5rem;background:var(--slate-50);border-bottom:1px solid var(--slate-100);display:flex;align-items:center;gap:.75rem}.admin-card-modern__header h4{font-size:1rem;font-weight:700;color:var(--slate-800);margin:0}.admin-card-modern__body{padding:1.5rem}.admin-form-input-modern{width:100%;padding:.6rem 1rem;background:var(--white);border:1px solid var(--slate-200);border-radius:.75rem;font-size:.95rem;font-family:inherit;color:var(--slate-800);line-height:1.5;outline:none;transition:all .2s ease}.admin-form-input-modern::placeholder{color:var(--slate-400);font-size:.95rem;font-family:inherit;opacity:.7}.admin-form-input-modern:focus{border-color:var(--sky-400);box-shadow:0 0 0 4px var(--sky-50);outline:none}.admin-form-input-modern.min-h-150{min-height:150px;line-height:1.6}.course-preview-thumbnail .img-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.75rem;border:1px solid var(--slate-200)}.course-preview-thumbnail .img-placeholder{width:100%;aspect-ratio:16/9;background:var(--slate-50);border:2px dashed var(--slate-200);border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--slate-400);font-size:.8rem}.course-preview-thumbnail .img-placeholder svg{width:24px;height:24px}.video-item-card{background:var(--white);border:1px solid var(--slate-200);border-radius:1rem;margin-bottom:1rem;transition:all .3s ease}.video-item-card:hover{border-color:var(--sky-300);box-shadow:0 10px 15px -3px #0000000d}.video-item-card.is-hidden{opacity:.6;background:var(--slate-50)}.video-item-card__header{padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.video-item-card__index{width:1.75rem;height:1.75rem;background:var(--slate-100);color:var(--slate-600);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem}.video-item-card__title-area{flex:1;display:flex;align-items:center;gap:.75rem}.video-item-card__input-title{background:transparent;border:none;font-weight:700;color:var(--slate-800);font-size:.95rem;width:100%;padding:.25rem 0}.video-item-card__input-title::placeholder{color:var(--slate-400);font-size:.95rem;font-family:inherit;opacity:.7}.video-item-card__input-title:focus{outline:none;color:var(--sky-600)}.video-item-card__actions{display:flex;gap:.5rem}.video-item-card__body{padding:0 1.25rem 1.25rem;border-top:1px solid var(--slate-50)}.video-item-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem}@media(max-width:768px){.video-item-grid{grid-template-columns:1fr}}.video-item-field label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;font-weight:800;color:var(--slate-500);margin-bottom:.5rem;letter-spacing:.025em}.video-item-input{width:100%;padding:.75rem;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:.5rem;font-size:.95rem;font-family:inherit;min-height:80px;resize:vertical}.video-item-input::placeholder{color:var(--slate-400);font-size:.95rem;font-family:inherit;opacity:.7}.video-item-input:focus{background:var(--white);border-color:var(--sky-400);outline:none}.action-icon-btn{width:2.25rem;height:2.25rem;border-radius:.75rem;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--slate-400);cursor:pointer;transition:all .2s ease}.action-icon-btn:hover{background:var(--slate-100);color:var(--slate-700)}.action-icon-btn.is-visible{color:var(--green-500)}.action-icon-btn.is-visible:hover{background:#f0fdf4}.action-icon-btn.is-hidden-btn{color:var(--slate-300)}.action-icon-btn.is-delete:hover{background:#fef2f2;color:#ef4444}.admin-empty-state{padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--slate-500);font-size:.9rem}.admin-empty-state__icon{width:2.5rem;height:2.5rem;background:var(--slate-50);color:var(--slate-300);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.btn--outline-dark{background:var(--white);color:var(--slate-700);border:1px solid var(--slate-200);padding:.5rem 1.25rem}.btn--outline-dark:hover{background:var(--slate-50);border-color:var(--slate-300)}.btn--xs{padding:.35rem .75rem;font-size:.75rem;border-radius:.5rem}.ml-auto{margin-left:auto}.admin-section-block__header .section-badge{background:var(--amber-100);color:var(--amber-700);padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.admin-section-block .progress-percentage{font-weight:800;color:var(--sky-600);background-color:var(--sky-50);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.admin-section-block__bar-container{height:12px;background-color:var(--slate-100);border-radius:9999px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000d}.admin-section-block__fill{height:100%;background:linear-gradient(90deg,var(--sky-400) 0%,var(--sky-500) 50%,var(--sky-300) 100%);background-size:200% 100%;border-radius:9999px;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1);animation:gradient-shift 2s linear infinite;box-shadow:0 0 10px #0ea5e980}.admin-section-block__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer-effect 2s infinite}@keyframes gradient-shift{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes shimmer-effect{0%{transform:translate(-100%)}to{transform:translate(100%)}}.admin-form-input-modern--ghost{background:transparent;border:1px solid transparent;font-weight:800;font-size:1.125rem;padding-left:.5rem}.admin-form-input-modern--ghost:hover{border-color:var(--slate-100);background:var(--slate-50)}.admin-form-input-modern--ghost:focus{background:var(--white);border-color:var(--sky-400)}.border-l-2{border-left-width:2px}.border-dashed{border-style:dashed}.pl-6{padding-left:1.5rem}.text-sm{font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-layout{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:var(--slate-900);color:var(--white)}@media(max-width:1024px){.player-layout{flex-direction:column}}.player-mobile-header{display:none;padding:1rem;background:var(--slate-900);border-bottom:1px solid var(--slate-800);justify-content:space-between;align-items:center;z-index:100}@media(max-width:1024px){.player-mobile-header{display:flex}}.player-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#0c1221;transition:all .3s ease}.player-main.is-expanded{margin-right:0}.player-header-desktop{display:flex;justify-content:space-between;align-items:center;height:75px;flex-shrink:0;padding:0 2rem;background-color:var(--slate-900);border-bottom:1px solid var(--slate-800)}@media(max-width:1024px){.player-header-desktop{display:none}}.player-back-btn{display:flex;align-items:center;gap:.6rem;color:var(--slate-300);text-decoration:none;font-weight:700;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.6rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:50px;letter-spacing:.01em}.player-back-btn:hover{color:var(--white);background:#ffffff14;border-color:#fff3;transform:translate(-4px);box-shadow:0 4px 12px #0003}.player-back-btn svg{transition:transform .3s ease}.player-back-btn:hover svg{transform:translate(-2px)}.player-progress-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.player-course-name{font-weight:700;font-size:1rem}.player-progress-bar-wrapper{display:flex;align-items:center;gap:.75rem;width:250px}.player-progress-bar{flex:1;height:6px;background-color:var(--slate-800);border-radius:3px;overflow:hidden;position:relative}.player-progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:inherit;background:linear-gradient(to right,var(--sky-500),var(--sky-400))}.player-progress-text{font-size:.75rem;color:var(--slate-400);white-space:nowrap}.player-video-container{background:#000;position:relative;aspect-ratio:16/9;max-height:70vh;display:flex;flex-direction:column;flex-shrink:0}.video-viewport{flex:1;display:flex;align-items:center;justify-content:center}.main-video-player{width:100%;height:100%;max-height:100%}.video-placeholder{text-align:center;color:var(--slate-500)}.video-placeholder p{margin-top:1rem}.player-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:25;background:#0f172a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.player-nav-btn.is-prev{left:20px}.player-nav-btn.is-next{right:20px}.player-nav-btn:hover:not(:disabled){background:var(--sky-500);transform:translateY(-50%) scale(1.1);border-color:var(--sky-400);box-shadow:0 0 20px #0ea5e966}.player-nav-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.player-nav-btn:disabled{opacity:0;visibility:hidden;pointer-events:none}.player-details-card{background-color:var(--slate-900);border-top:1px solid var(--slate-800);display:flex;flex-direction:column;margin-top:2rem}.player-tabs{display:flex;gap:2.5rem;border-bottom:1px solid var(--slate-800);padding:1.5rem 2rem 0}.player-tab{background:none;border:none;color:var(--slate-400);padding-bottom:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;position:relative;transition:color .2s}.player-tab:hover{color:var(--white)}.player-tab.is-active{color:var(--sky-400)}.player-tab.is-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--sky-400)}.player-tab-content{flex:1;overflow-y:auto;padding:2rem}.player-tab-content::-webkit-scrollbar{width:6px}.player-tab-content::-webkit-scrollbar-track{background:transparent}.player-tab-content::-webkit-scrollbar-thumb{background:var(--slate-700);border-radius:3px}.player-tab-content::-webkit-scrollbar-thumb:hover{background:var(--slate-600)}.player-sidebar{width:380px;background-color:var(--slate-900);border-left:1px solid var(--slate-800);display:flex;flex-direction:column;transition:transform .3s ease}@media(max-width:1024px){.player-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:200;transform:translate(100%);width:100%;max-width:400px}.player-sidebar.is-open{transform:translate(0)}}.sidebar-header{height:75px;flex-shrink:0;padding:0 2rem;border-bottom:1px solid var(--slate-800);display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:1.1rem}.lesson-list-scroll{flex:1;overflow-y:auto;padding:0}.lesson-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:background .2s;border-left:3px solid transparent}.lesson-item:hover{background-color:var(--slate-800)}.lesson-item.is-active{background-color:#0ea5e91a;border-left-color:var(--sky-500)}.lesson-item.is-active .lesson-title{color:var(--sky-400)}.lesson-item.is-locked{opacity:.5;cursor:not-allowed}.lesson-status-icon{flex-shrink:0}.lesson-index-circle{width:20px;height:20px;background-color:var(--slate-800);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800}.lesson-meta{flex:1}.lesson-title{display:block;font-weight:600;font-size:.95rem;margin-bottom:.25rem}.lesson-duration{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--slate-500)}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--slate-800)}.sidebar-user-card{display:flex;align-items:center;gap:1rem;background:var(--slate-800);padding:1rem;border-radius:1rem}.user-initials{width:40px;height:40px;background:linear-gradient(135deg,var(--sky-500),var(--sky-600));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700;font-size:.9rem}.user-role{font-size:.75rem;color:var(--slate-400)}.description-content h3,.materials-content h3{font-size:1.25rem;margin-bottom:1rem}.description-content p,.materials-content p{color:var(--slate-400);line-height:1.6}.learning-points{margin-top:2rem;padding:1.5rem;background:var(--slate-800);border-radius:1rem}.learning-points h4{margin-top:0;color:var(--sky-400);font-size:.9rem;text-transform:uppercase}.learning-points ul{margin:.5rem 0 0 1.2rem;color:var(--slate-300)}.learning-points li{margin-bottom:.5rem}.material-list{margin-top:1.5rem}.material-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--slate-800);border:1px solid var(--slate-700);border-radius:1rem}.material-item:hover{border-color:var(--sky-900)}.material-icon{color:var(--sky-400)}.material-info{flex:1;display:flex;flex-direction:column}.material-title{font-weight:600;font-size:.95rem}.material-size{font-size:.75rem;color:var(--slate-500)}.material-download-btn{background:transparent;border:1px solid var(--slate-600);color:var(--white);padding:.4rem .8rem;border-radius:.5rem;font-size:.8rem;display:flex;align-items:center;gap:.4rem;cursor:pointer}.material-download-btn:hover{border-color:var(--sky-400);color:var(--sky-400)}.profile-container{max-width:800px;margin-top:2rem}.profile-card{background-color:var(--white);border-radius:1.5rem;padding:2.5rem;border:1px solid var(--slate-200);box-shadow:0 4px 20px #0000000d}.profile-card__header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px dashed var(--slate-200)}@media(max-width:640px){.profile-card__header{flex-direction:column;text-align:center}}.profile-card__info h4{font-size:1.5rem;font-weight:800;color:var(--slate-900);margin-bottom:.25rem}.profile-card__info p{color:var(--slate-500);margin-bottom:1rem}.profile-avatar-container{position:relative;display:inline-block}.profile-avatar-large{width:80px;height:80px;border-radius:50%;overflow:visible;background-color:var(--slate-100);display:flex;align-items:center;justify-content:center;position:relative}.profile-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--white);box-shadow:0 4px 12px #0000001a}.avatar-edit-btn{position:absolute;bottom:-5px;right:-5px;width:32px;height:32px;border-radius:50%;background:var(--white);border:1px solid var(--slate-200);display:flex;align-items:center;justify-content:center;color:var(--slate-600);cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;z-index:10}.avatar-edit-btn:hover{background:var(--sky-50);color:var(--sky-600);border-color:var(--sky-200);transform:scale(1.1)}.profile-form__section{margin-bottom:2rem}.profile-form__subtitle{font-size:1.125rem;font-weight:700;color:var(--slate-800);margin-bottom:1.25rem;display:block;border-left:4px solid var(--sky-500);padding-left:1rem}.profile-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:640px){.profile-form__grid{grid-template-columns:1fr}}.profile-form__footer{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:1rem;color:var(--slate-400);pointer-events:none}.input-with-icon .form-input{padding-left:3rem;height:3.5rem;font-size:1rem;border-width:2px}.input-with-icon .form-input:focus{border-color:var(--sky-300);background-color:var(--white)}.save-success-msg{color:var(--green-600);font-weight:600;font-size:.875rem;animation:slideUp .3s ease-out}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading{opacity:.7;cursor:not-allowed}.loading svg{animation:spin 1s linear infinite}.danger-zone{border-top:1px solid var(--slate-200);padding-top:2rem}.danger-text{color:#ef4444!important;border-left-color:#ef4444!important}.confirmation-box{background:#fef2f2;border:1px solid #fee2e2;padding:1.5rem;border-radius:.75rem;max-width:400px}.confirmation-box p{color:#991b1b;margin-bottom:1.25rem}.btn--danger{background:#ef4444;color:#fff;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.btn--danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.btn--danger-outline{background:transparent;border:1px solid #fecaca;color:#ef4444;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.btn--danger-outline:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard-section--settings .dashboard-section__header-settings{margin-bottom:3rem}.dashboard-section--settings .dashboard-section__title-large{font-size:2.25rem;font-weight:900;color:var(--slate-900);letter-spacing:-.02em;margin-bottom:.5rem}.dashboard-section--settings .dashboard-section__subtitle-alt{color:var(--slate-500);font-size:1.1rem}.settings-unified-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:1200px){.settings-unified-grid{grid-template-columns:repeat(12,1fr);gap:2.5rem}}@media(min-width:1200px){.settings-grid-main-card{grid-column:span 8}}@media(min-width:1200px){.settings-grid-sidebar-card{grid-column:span 4}}@media(min-width:1200px){.settings-grid-small-card{grid-column:span 4}}@media(min-width:1200px){.settings-grid-membership{grid-column:span 4}}@media(min-width:1200px){.settings-grid-full-width{grid-column:span 12}}.h-full{height:100%}.settings-main-content{display:flex;flex-direction:column;gap:2rem}.certificate-card-premium{background:var(--white);border-radius:2rem;border:1px solid var(--slate-100);box-shadow:0 20px 40px -15px #00000014;overflow:hidden;position:relative}.certificate-card-premium .card-accent-bar{height:8px;width:100%;background:linear-gradient(to right,#38bdf8,#fbbf24,#fb923c)}.certificate-card-premium .card-inner-padding{padding:2.5rem}.card-top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}@media(max-width:640px){.card-top-header{flex-direction:column;align-items:flex-start;gap:1.5rem}}.card-top-info{display:flex;align-items:center;gap:1.5rem}.card-icon-box{width:64px;height:64px;background:#fffbeb;color:#f59e0b;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #00000005}.card-main-title{font-size:1.25rem;font-weight:900;color:#1e293b;margin:0}.card-sub-title{font-size:.9rem;color:#64748b;margin:0}.card-status-badge{padding:.5rem 1rem;background:#ecfdf5;color:#059669;border-radius:9999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.name-preview-wrapper{position:relative;padding:2px;background:linear-gradient(45deg,#0ea5e91a,#fbbf241a);border-radius:1.5rem}.name-preview-container{background:#f8fafc;border-radius:1.4rem;padding:2.5rem;border:1px solid #ffffff;position:relative;z-index:1}.name-preview-flex{display:flex;align-items:center;justify-content:space-between;gap:2rem}@media(max-width:640px){.name-preview-flex{flex-direction:column;text-align:center}}.name-preview-label{font-size:.75rem;font-weight:800;color:#0284c7;letter-spacing:.1em;margin-bottom:.75rem}.name-highlight-box{display:inline-block;position:relative;margin-bottom:1.5rem}.student-full-name{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:950;color:#0f172a;margin:0;line-height:1.2;position:relative;z-index:1}.student-name-underline{position:absolute;bottom:6px;left:0;width:100%;height:12px;background:#0ea5e926;border-radius:4px;z-index:0}.name-usage-disclaimer{font-size:.95rem;color:#64748b;max-width:400px;line-height:1.6}.qr-preview-box{flex-shrink:0}.qr-wrapper{background:#fff;padding:.75rem;border-radius:1.25rem;box-shadow:0 8px 16px -4px #0000000d;transform:rotate(3deg);border:1px solid #f1f5f9;transition:transform .3s ease}.qr-wrapper:hover{transform:rotate(0) scale(1.05)}.qr-img{width:100px;height:100px;display:block;opacity:.4;filter:grayscale(1)}.settings-correction-footer{margin-top:2rem;padding:1.25rem;background:#0ea5e90d;border:1px solid rgba(14,165,233,.1);border-radius:1.25rem;display:flex;align-items:center;justify-content:space-between}@media(max-width:640px){.settings-correction-footer{flex-direction:column;gap:1rem;text-align:center}}.correction-text{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.75rem;color:#0369a1}.icon-blue{color:#38bdf8}.btn-correction{background:#fff;color:#0284c7;font-weight:800;font-size:.85rem;padding:.6rem 1.25rem;border-radius:.75rem;border:1px solid #e0f2fe;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #00000008}.btn-correction:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9;transform:translateY(-2px)}.settings-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.settings-secondary-grid{grid-template-columns:1fr}}.setting-small-card{padding:2rem;background:#fff;border-radius:1.75rem;border:1px solid #f1f5f9;box-shadow:0 10px 20px -5px #0000000a;transition:all .3s ease}.setting-small-card:hover{transform:translateY(-4px);box-shadow:0 20px 30px -10px #00000014}.small-card-icon{width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.small-card-icon.sc-icon-blue{background:#f0f9ff;color:#0ea5e9}.small-card-icon.sc-icon-orange{background:#fff7ed;color:#f97316}.small-card-title{font-weight:800;font-size:1.1rem;color:#1e293b;margin-bottom:.5rem}.small-card-desc{font-size:.9rem;color:#64748b;line-height:1.5;margin-bottom:1.25rem}.upcoming-label{font-size:.7rem;font-weight:800;color:#cbd5e1;text-transform:uppercase;letter-spacing:.1em}.settings-sidebar{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.settings-sidebar{position:sticky;top:2rem;height:min-content}}.status-stats-card{background:#0f172a;border-radius:2rem;padding:2.5rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0f172a40;border:1px solid rgba(255,255,255,.05)}.status-stats-card .stats-card-glow{position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:#0ea5e9;filter:blur(80px);opacity:.3}.stats-card-title{font-size:1.1rem;font-weight:800;margin-bottom:2rem;position:relative;z-index:1}.stats-items-list{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.stats-item-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem}.si-label{font-size:.9rem;color:#94a3b8}.si-value{font-weight:900;font-size:1.1rem}.si-value.si-val-blue{color:#38bdf8}.si-value.si-val-green{color:#4ade80}.btn-sidebar-primary{width:100%;margin-top:2rem;background:#0ea5e9;color:#fff;border:none;border-radius:1.25rem;padding:1.25rem;font-weight:800;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:background .2s ease;position:relative;z-index:1}.btn-sidebar-primary:hover{background:#38bdf8}.support-cta-card{background:#fbbf24;border-radius:2rem;padding:2.5rem;color:#0f172a;box-shadow:0 15px 30px -10px #fbbf244d}.support-card-title{font-size:1.25rem;font-weight:950;margin-bottom:.75rem;letter-spacing:-.02em}.support-card-desc{font-size:.95rem;font-weight:500;line-height:1.5;margin-bottom:2rem;opacity:.8}.btn-support-action{background:#0f172a;color:#fff;border:none;border-radius:9999px;padding:.75rem 1.75rem;font-weight:800;font-size:.85rem;cursor:pointer;transition:transform .2s ease}.btn-support-action:hover{transform:scale(1.05)}.purchase-history-card{background:var(--white);border-radius:2rem;border:1px solid var(--slate-100);box-shadow:0 10px 25px -5px #0000000a;padding:2.5rem;margin-top:1rem}.ph-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}@media(max-width:640px){.ph-header{flex-direction:column;align-items:flex-start;gap:1rem}}.ph-header-info{display:flex;align-items:center;gap:1rem}.ph-icon-box{width:48px;height:48px;background:var(--slate-50);color:var(--slate-900);border-radius:1rem;display:flex;align-items:center;justify-content:center}.ph-title{font-size:1.25rem;font-weight:850;color:var(--slate-800);margin:0}.btn-text-only{background:none;border:none;color:var(--sky-600);font-weight:700;font-size:.9rem;cursor:pointer;padding:0}.btn-text-only:hover{text-decoration:underline}.ph-table-container{overflow-x:auto;border-radius:1.25rem;border:1px solid var(--slate-50)}.ph-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.ph-table th{background:var(--slate-50);padding:1rem 1.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400)}.ph-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--slate-50);font-size:.95rem;vertical-align:middle}.ph-table tr:last-child td{border-bottom:none}.ph-product-info{display:flex;flex-direction:column;gap:.25rem}.ph-product-name{font-weight:700;color:var(--slate-800)}.ph-product-id{font-size:.75rem;color:var(--slate-400)}.ph-payment-method{display:flex;align-items:center;gap:.5rem;color:var(--slate-500);font-size:.85rem}.ph-amount{font-weight:800;color:var(--slate-900)}.ph-status-label{display:inline-block;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.ph-status-label.success{background:#ecfdf5;color:#10b981}.ph-btn-icon{width:36px;height:36px;background:var(--slate-50);color:var(--slate-400);border:none;border-radius:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ph-btn-icon:hover{background:var(--sky-50);color:var(--sky-600);transform:scale(1.1)}.ph-footer-info{margin-top:1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--slate-400);font-size:.8rem}.ph-footer-info p{margin:0;display:flex;align-items:center;gap:.5rem}.membership-status-card{background:var(--white);border-radius:2rem;padding:2.5rem;border:1px solid var(--slate-100);box-shadow:0 20px 40px -15px #00000014;position:relative;transition:all .3s ease}.membership-status-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -20px #0000001f}.ms-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.ms-icon-circle{width:40px;height:40px;background:#f0f9ff;color:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center}.ms-title{font-size:1rem;font-weight:800;color:var(--slate-800);margin:0;flex:1}.ms-badge-active{padding:.25rem .6rem;background:#ecfdf5;color:#10b981;border-radius:9999px;font-size:.65rem;font-weight:800;text-transform:uppercase}.ms-dates-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}.ms-date-item .ms-label{font-size:.7rem;font-weight:700;color:var(--slate-400);text-transform:uppercase;margin-bottom:.5rem;display:block}.ms-value-box{display:flex;align-items:center;gap:.75rem;background:var(--slate-50);padding:.75rem 1rem;border-radius:.85rem;font-size:.9rem;font-weight:700;color:var(--slate-700)}.ms-value-box .icon-sky{color:#38bdf8}.ms-value-box .icon-orange{color:#f97316}.ms-progress-mini{height:6px;background:var(--slate-50);border-radius:3px;overflow:hidden;margin-bottom:1rem}.ms-progress-bar{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:3px}.ms-days-remaining{font-size:.8rem;color:var(--slate-500);margin-bottom:1.5rem}.ms-days-remaining strong{color:var(--slate-800)}.btn-manage-sub{width:100%;background:#fbbf24;color:#1e293b;border:none;padding:.85rem;border-radius:1rem;font-size:.9rem;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #fbbf2433;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-manage-sub:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 15px #fbbf244d}.btn-manage-sub:active{transform:scale(.98)}.ms-support-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--slate-100)}.ms-support-footer p{font-size:.85rem;color:var(--slate-500);margin:0}.link-support-direct{background:none;border:none;padding:0;color:#f59e0b;font-weight:850;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.link-support-direct:hover{color:#d97706}.course-detail-page{background-color:var(--slate-50);min-height:100vh}.detail-header{background:linear-gradient(135deg,var(--sky-50) 0%,var(--amber-50) 100%);padding:1.5rem 0;border-bottom:2px solid var(--sky-100)}.detail-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--slate-600);font-weight:700;margin-bottom:2rem;background:none;border:none;cursor:pointer;transition:color .3s ease}.detail-back:hover{color:var(--sky-600)}.detail-hero{display:grid;gap:1.5rem;align-items:center}@media(min-width:1024px){.detail-hero{grid-template-columns:1.2fr .8fr}}.detail-hero__badge{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--amber-400);color:var(--white);padding:.25rem .75rem;border-radius:9999px;font-weight:800;font-size:.875rem;margin-bottom:1rem;box-shadow:0 4px 6px -1px #fbbf2466}.detail-hero__title{font-size:2rem;font-weight:900;color:var(--slate-800);margin-bottom:.5rem;line-height:1.1}@media(min-width:768px){.detail-hero__title{font-size:2.75rem}}.detail-hero__description{font-size:1rem;color:var(--slate-600);margin-bottom:1rem;line-height:1.5;max-width:42rem}.detail-hero__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.detail-hero__meta .meta-item{display:flex;align-items:center;gap:.25rem;color:var(--slate-600);font-weight:700;font-size:.875rem;background-color:var(--white);padding:.25rem .75rem;border-radius:1rem;box-shadow:0 1px 3px #0000000d}.detail-hero__actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.detail-hero__image-container{position:relative}.detail-hero__image-frame{border-radius:2rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000026;border:8px solid var(--white);transform:rotate(2deg)}.detail-hero__img{width:100%;height:auto;display:block}.detail-hero__status-floating{position:absolute;bottom:-1.5rem;right:-1rem;background-color:var(--white);padding:1rem 1.5rem;border-radius:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 20px 25px -5px #0000001a;z-index:10;animation:float 3s ease-in-out infinite}.detail-hero__status-floating .status-floating-icon{color:var(--green-500);background-color:var(--green-50);width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center}.detail-hero__status-floating .status-floating-text{display:flex;flex-direction:column}.detail-hero__status-floating .status-floating-text strong{color:var(--slate-800);font-size:.875rem}.detail-hero__status-floating .status-floating-text span{color:var(--slate-500);font-size:.75rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.detail-main{padding:1.5rem 0}.detail-grid{display:grid;gap:1.5rem}@media(min-width:1024px){.detail-grid{grid-template-columns:1fr 320px}}.section-title-group{margin-bottom:2rem}.detail-section__title{font-size:1.75rem;font-weight:800;color:var(--slate-800);margin-bottom:.5rem}.detail-section__subtitle{color:var(--slate-500);margin-bottom:2.5rem}.section-title-underline{width:4rem;height:4px;border-radius:9999px;background-color:var(--sky-500)}.section-title-underline--amber{background-color:var(--amber-400)}.syllabus-list{display:flex;flex-direction:column;gap:1rem}.syllabus-item{background-color:var(--white);border-radius:1rem;padding:1rem;display:flex;gap:1rem;border:2px solid var(--slate-100);transition:all .3s cubic-bezier(.4,0,.2,1)}.syllabus-item:hover{border-color:var(--amber-300)}.syllabus-item__number{flex-shrink:0;width:3rem;height:3rem;background-color:var(--sky-100);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--sky-600);font-size:1.125rem}.syllabus-item__content{flex:1}.syllabus-item__title{font-size:1.125rem;font-weight:700;color:var(--slate-800);margin-bottom:.5rem}.syllabus-item__description{color:var(--slate-500);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.syllabus-item__meta{display:flex;gap:.75rem}.syllabus-item__status{display:flex;align-items:center}.status-icon-check{color:var(--green-500);background-color:var(--green-50);width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-icon-play{color:var(--slate-300);background-color:var(--slate-50);width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.details-card{background-color:var(--white);padding:1.5rem;border-radius:1.5rem;border:2px dashed var(--sky-200)}.details-card__intro{font-size:1.125rem;color:var(--slate-700);line-height:1.7;margin-bottom:2.5rem}.details-highlights{display:grid;gap:2rem}@media(min-width:640px){.details-highlights{grid-template-columns:repeat(3,1fr)}}.highlight-item{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}@media(min-width:768px){.highlight-item{flex-direction:row}}.highlight-icon{flex-shrink:0;background-color:var(--amber-100);color:var(--amber-600);padding:.75rem;border-radius:1rem}.highlight-texts{display:flex;flex-direction:column;gap:.5rem}.highlight-texts strong{font-size:1.125rem;font-weight:800;color:var(--slate-800)}.highlight-texts span{font-size:.95rem;color:var(--slate-600);line-height:1.5}.syllabus-container-box{background-color:var(--white);border-radius:2rem;padding:2rem;box-shadow:0 10px 25px -5px #0000000d;border:2px solid var(--sky-100);margin-bottom:3rem}.progress-card-detail{background-color:var(--white);padding:1.5rem;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;border:3px solid var(--amber-100);position:relative;overflow:hidden}.progress-card-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.progress-card-detail__title{font-weight:800;color:var(--slate-800);font-size:1.125rem}.progress-card-detail .progress-percentage{font-weight:800;color:var(--sky-600);background-color:var(--sky-50);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.progress-card-detail__bar-container{height:20px;background-color:var(--slate-100);border-radius:9999px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a;border:2px solid var(--slate-200)}.progress-card-detail__fill{height:100%;background:linear-gradient(90deg,var(--sky-400),var(--sky-500),var(--sky-400));background-size:200% 100%;border-radius:9999px;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1);animation:gradient-shift 2s linear infinite;box-shadow:0 0 10px #0ea5e966}.progress-card-detail__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer-effect 2s infinite}.completion-actions{text-align:center;margin-top:1.5rem}.completion-actions .completion-badge-large{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--green-500);margin-bottom:1.5rem}.completion-actions .completion-badge-large span{font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:.05em}.info-box-styled{display:flex;gap:1.25rem;padding:1.5rem;background-color:var(--slate-50);border-radius:1.5rem;border-left:4px solid var(--slate-300)}.info-box-styled .info-box-icon{flex-shrink:0}.info-box-styled .info-box-content h5{font-weight:700;color:var(--slate-800);margin-bottom:.25rem}.info-box-styled .info-box-content p{font-size:.8125rem;color:var(--slate-500);line-height:1.4}.btn--text-only{background:none;border:none;color:var(--slate-500);font-weight:700;text-decoration:underline;cursor:pointer}.btn--text-only:hover{color:var(--slate-800)}.syllabus-accordion{display:flex;flex-direction:column;gap:1rem}.accordion-module{background-color:var(--white);border-radius:1.25rem;border:1px solid var(--slate-200);overflow:hidden;transition:all .3s ease}.accordion-module:hover{box-shadow:0 10px 15px -3px #0000000d}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--sky-50);border:none;cursor:pointer;text-align:left;transition:background-color .3s ease}.accordion-header:hover{background-color:var(--sky-100)}.accordion-header__left{display:flex;align-items:center;gap:1rem}.accordion-header__right{display:flex;align-items:center}.accordion-icon{display:flex;align-items:center;justify-content:center;color:var(--slate-400);transition:transform .3s ease;width:2rem;height:2rem;border-radius:50%;background-color:var(--white);border:1px solid var(--slate-200)}.accordion-icon.is-rotated{transform:rotate(-90deg);background-color:var(--sky-100);color:var(--sky-600);border-color:var(--sky-200)}.accordion-title{font-size:1rem;font-weight:800;color:var(--slate-800);margin-bottom:.125rem}.accordion-meta{font-size:.8125rem;color:var(--slate-500);font-weight:600}.accordion-progress-text{font-size:.875rem;font-weight:700;color:var(--sky-600);background-color:var(--white);border:1px solid var(--sky-100);padding:.375rem .75rem;border-radius:9999px}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.accordion-content.is-open{grid-template-rows:1fr}.accordion-content__inner{overflow:hidden;padding:0 1.5rem}.accordion-content.is-open .accordion-content__inner{padding:1rem;border-top:1px solid var(--sky-100)}.btn--continue-fun{background:linear-gradient(to right,var(--amber-400),var(--orange-400));color:#fff;font-weight:800;font-size:1.1rem;border:none;border-radius:1rem;padding:1rem;box-shadow:0 4px 0 var(--orange-600),0 8px 15px #f59e0b4d;transition:all .1s ease;text-align:center;display:flex;justify-content:center;align-items:center;gap:.5rem;animation:gentle-pulse 2s infinite}.btn--continue-fun:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--orange-600),0 10px 20px #f59e0b66}.btn--continue-fun:active{transform:translateY(4px);box-shadow:0 0 0 var(--orange-600),0 2px 5px #f59e0b4d}.explore-course-showcase{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}@media(min-width:1024px){.explore-course-showcase{flex-direction:row;align-items:flex-start;gap:2.5rem}}.explore-course-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.75rem}.explore-badge-row{display:flex;gap:.5rem;flex-wrap:wrap}.explore-category-badge{background:var(--sky-100);color:var(--sky-700);font-size:.75rem;font-weight:700;padding:.3rem .85rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.explore-level-badge{background:var(--amber-100);color:var(--amber-700);font-size:.75rem;font-weight:700;padding:.3rem .85rem;border-radius:9999px}.explore-course-title{font-size:1.5rem;font-weight:800;color:var(--slate-900);line-height:1.25}@media(min-width:768px){.explore-course-title{font-size:1.75rem}}.explore-course-desc{font-size:1rem;color:var(--slate-600);line-height:1.65}.explore-stats-row{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;padding:1rem 1.25rem;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:.75rem}.explore-stat{display:flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;color:var(--slate-700)}.explore-stat svg{color:var(--sky-500);flex-shrink:0}.explore-teacher-card{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--white);border:1px solid var(--slate-200);border-radius:1rem;box-shadow:0 1px 4px #0000000d}.explore-teacher-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--sky-100);flex-shrink:0}.explore-teacher-info{flex:1}.explore-teacher-label{font-size:.75rem;color:var(--slate-500);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.explore-teacher-name{font-size:1.1rem;font-weight:800;color:var(--slate-800);margin-bottom:.4rem}.explore-teacher-bio{font-size:.875rem;color:var(--slate-600);line-height:1.55;margin-bottom:.5rem}.explore-teacher-stats{display:flex;gap:.75rem;font-size:.8rem;color:var(--slate-500);font-weight:600;flex-wrap:wrap}.explore-curriculum{display:flex;flex-direction:column;gap:1rem}.explore-section-title{font-size:1.15rem;font-weight:800;color:var(--slate-800);padding-bottom:.5rem;border-bottom:2px solid var(--slate-100)}.explore-learn-grid{display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:640px){.explore-learn-grid{grid-template-columns:repeat(2,1fr)}}.explore-learn-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--slate-700);line-height:1.4}.explore-check-icon{color:var(--green-500);flex-shrink:0;margin-top:1px}.explore-module-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:var(--white);border:1px solid var(--slate-200);border-radius:.6rem;gap:1rem;transition:background .2s}.explore-module-row:hover{background:var(--sky-50)}.explore-module-left{display:flex;flex-direction:column;gap:.2rem;min-width:0}.explore-module-unit{font-size:.7rem;font-weight:700;color:var(--sky-600);text-transform:uppercase;letter-spacing:.05em}.explore-module-title{font-size:.9rem;font-weight:600;color:var(--slate-800)}.explore-module-right{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.8rem;color:var(--slate-500);white-space:nowrap;flex-shrink:0}.explore-module-dur{font-weight:700;color:var(--slate-700)}.explore-purchase-card{width:100%}@media(min-width:1024px){.explore-purchase-card{width:340px;flex-shrink:0;position:sticky;top:80px}}.explore-purchase-inner{background:var(--white);border:1px solid var(--slate-200);border-radius:1.25rem;box-shadow:0 8px 32px #0000001a;overflow:hidden;display:flex;flex-direction:column;gap:0}.explore-course-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--slate-900)}.explore-course-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .3s}.explore-course-thumbnail:hover img{opacity:.55}.explore-play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.explore-play-overlay span{font-size:.8rem;color:var(--white);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5)}.explore-play-btn{width:52px;height:52px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--sky-700);box-shadow:0 4px 16px #00000040;transition:transform .2s}.explore-play-btn:hover{transform:scale(1.1)}.explore-price-block{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem 0;flex-wrap:wrap}.explore-price-current{font-size:1.75rem;font-weight:900;color:var(--slate-900)}.explore-price-original{font-size:1rem;color:var(--slate-400);text-decoration:line-through;font-weight:500}.explore-discount-badge{background:linear-gradient(135deg,var(--amber-400),var(--orange-500));color:var(--white);font-size:.75rem;font-weight:800;padding:.2rem .6rem;border-radius:9999px}.explore-price-note{font-size:.8rem;color:var(--orange-600);font-weight:600;padding:.25rem 1.25rem 0}.explore-buy-btn{margin:.75rem 1.25rem 0;width:calc(100% - 2.5rem);padding:.85rem;background:linear-gradient(135deg,var(--sky-500),var(--sky-700));color:var(--white);border:none;border-radius:.75rem;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s;font-family:inherit}.explore-buy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0284c766}.explore-trial-btn{margin:.5rem 1.25rem 0;width:calc(100% - 2.5rem);padding:.75rem;background:transparent;color:var(--sky-600);border:2px solid var(--sky-200);border-radius:.75rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.explore-trial-btn:hover{background:var(--sky-50);border-color:var(--sky-400)}.explore-guarantee{text-align:center;font-size:.8rem;color:var(--slate-500);padding:.75rem 1.25rem 0;font-weight:600}.explore-benefits-list{padding:.75rem 1.25rem;border-top:1px solid var(--slate-100);display:flex;flex-direction:column;gap:.6rem}.explore-benefits-title{font-size:.875rem;font-weight:700;color:var(--slate-700);margin-bottom:.25rem}.explore-benefit-item{display:flex;align-items:center;gap:.6rem;font-size:.825rem;color:var(--slate-600)}.explore-benefit-icon{color:var(--sky-500);flex-shrink:0;display:flex;align-items:center}.explore-share-row{display:flex;gap:.5rem;padding:.75rem 1.25rem 1.25rem;border-top:1px solid var(--slate-100)}.explore-share-btn{flex:1;padding:.5rem;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:.5rem;font-size:.825rem;font-weight:600;color:var(--slate-600);cursor:pointer;transition:all .2s;font-family:inherit}.explore-share-btn:hover{background:var(--slate-100);color:var(--slate-800)}@keyframes gentle-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.explore-clickable-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.explore-clickable-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.explore-card-thumb{position:relative;width:calc(100% + 3rem);margin:-1.5rem -1.5rem 1rem;height:160px;overflow:hidden;border-radius:1rem 1rem 0 0}.explore-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.explore-card-thumb:hover img{transform:scale(1.05)}.explore-card-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,var(--amber-400),var(--orange-500));color:var(--white);font-size:.7rem;font-weight:800;padding:.2rem .6rem;border-radius:9999px}.explore-card-meta{display:flex;gap:.75rem;font-size:.78rem;color:var(--slate-500);font-weight:600;margin-top:.4rem}.explore-card-meta span{display:flex;align-items:center;gap:.25rem}.explore-card-meta svg{color:var(--sky-500)}.explore-card-price{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.explore-card-price-current{font-size:1.15rem;font-weight:900;color:var(--slate-900)}.explore-card-price-old{font-size:.85rem;color:var(--slate-400);text-decoration:line-through}.explore-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--white);border:1px solid var(--slate-200);border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;color:var(--slate-600);cursor:pointer;margin-bottom:1.5rem;transition:all .2s;font-family:inherit}.explore-back-btn:hover{background:var(--sky-50);color:var(--sky-700);border-color:var(--sky-300);transform:translate(-2px)}.custom-video-player{position:relative;width:100%;height:100%;background-color:#0f172a;border-radius:1rem;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 25px 50px -12px #00000040;transition:all .3s ease}.custom-video-player.is-fullscreen{border-radius:0;height:100vh;width:100vw}.custom-video-player.hide-cursor{cursor:none}.video-element{width:100%;height:100%;object-fit:contain;max-height:70vh}.is-fullscreen .video-element{max-height:100vh}.center-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:10;color:#fff;border:2px solid rgba(255,255,255,.2)}.center-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#0ea5e9cc;border-color:#ffffff80}.center-play-button.fade-out{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(1.5)}.center-play-button.fade-in{opacity:1;visibility:visible}.center-play-button .play-icon-wrapper{display:flex;justify-content:center;align-items:center}.center-play-button .play-icon-offset{margin-left:6px}.bottom-controls-container{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:2rem 1.5rem 1rem;transition:opacity .3s ease,transform .3s ease;z-index:20}.bottom-controls-container.controls-hidden{opacity:0;transform:translateY(20px);pointer-events:none}.bottom-controls-container.controls-visible{opacity:1;transform:translateY(0);pointer-events:auto}.progress-bar-wrapper{width:100%;margin-bottom:.75rem;position:relative;padding:10px 0;cursor:pointer}.progress-bar-wrapper:hover .progress-slider::-webkit-slider-thumb{opacity:1;transform:scale(1.2)}.progress-slider{-webkit-appearance:none;width:100%;height:5px;background:#fff3;border-radius:5px;outline:none;cursor:pointer;position:relative}.progress-slider:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress-width, 0%);background:#38bdf8;border-radius:5px;z-index:1}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;position:relative;z-index:2;box-shadow:0 0 5px #00000080;opacity:0;transition:opacity .2s,transform .2s}.progress-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 5px #00000080;opacity:0;transition:opacity .2s,transform .2s;border:none}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-left,.controls-right{display:flex;align-items:center;gap:1.25rem}.control-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .2s ease;padding:0}.control-btn:hover{opacity:1;transform:scale(1.1);color:#38bdf8}.control-btn.active{color:#38bdf8;opacity:1}.volume-container{display:flex;align-items:center;gap:.75rem}.volume-container:hover .volume-slider{width:60px;opacity:1}.volume-slider{-webkit-appearance:none;width:0;height:4px;background:#fff3;border-radius:2px;outline:none;opacity:0;transition:width .3s ease,opacity .3s ease;position:relative;cursor:pointer}.volume-slider:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--volume-width, 100%);background:#fff;border-radius:2px;z-index:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;position:relative;z-index:2}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;border:none}.time-display{color:#fff;font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;opacity:.9;letter-spacing:.5px}.time-display span:first-child{color:#e0f2fe}.time-display span:last-child{color:#94a3b8}.settings-container{position:relative}.spin-icon{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-menu{position:absolute;bottom:calc(100% + 15px);right:-10px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;min-width:200px;box-shadow:0 10px 25px #00000080;z-index:30;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h4{color:#fff;font-size:.875rem;font-weight:600;margin:0}.settings-section{margin-bottom:1rem}.settings-section:last-child{margin-bottom:0}.settings-label{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.settings-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}@media(max-width:640px){.settings-options{grid-template-columns:repeat(2,1fr)}}.setting-option{background:#ffffff0d;border:1px solid transparent;color:#e2e8f0;font-size:.875rem;padding:.4rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.setting-option:hover{background:#ffffff1a}.setting-option.selected{background:#0ea5e933;color:#38bdf8;border-color:#0ea5e980}.setting-option .check-icon{color:#38bdf8}