*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090f;--bg2:#0f0f1a;--bg3:#14141f;--surface:#1a1a2e;--surface2:#22223a;--border:#ffffff12;--border2:#ffffff1f;--text:#e2e8f0;--text-muted:#8892a4;--text-dim:#5a6478;--purple:#7c3aed;--purple-light:#a855f7;--blue:#0ea5e9;--pink:#db2777;--gold:#f59e0b;--green:#10b981;--red:#ef4444;--radius:12px;--radius-lg:18px;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 48px #0009;--transition:.2s ease}[data-theme=light]{--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--surface:#fff;--surface2:#f8fafc;--border:#00000014;--border2:#0000001f;--text:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--shadow:0 4px 24px #0000000f;--shadow-lg:0 8px 48px #0000001a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:99px}.text-muted{color:var(--text-muted);font-size:.85rem}.page-wrap{flex-direction:column;min-height:100vh;display:flex}.btn{border-radius:var(--radius);transition:all var(--transition);white-space:nowrap;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;box-shadow:0 0 20px #7c3aed66}.btn--primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 32px #7c3aed80}.btn--ghost{background:var(--surface);color:var(--text);border:1px solid var(--border2)}.btn--ghost:hover{background:var(--surface2)}.btn--outline{color:var(--text);border:1px solid var(--border2);background:0 0}.btn--outline:hover{border-color:var(--purple);color:var(--purple-light)}.btn--success{background:var(--green);color:#fff}.btn--danger{background:var(--red);color:#fff}.btn--lg{border-radius:var(--radius-lg);padding:.85rem 2rem;font-size:1rem}.btn--sm{border-radius:8px;padding:.45rem 1rem;font-size:.82rem}.btn--full{justify-content:center;width:100%}.btn--loading{opacity:.7;pointer-events:none}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:.3rem;padding:.2rem .7rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge--green{color:var(--green);background:#10b98126}.badge--blue{color:var(--blue);background:#0ea5e926}.badge--yellow{color:var(--gold);background:#f59e0b26}.badge--gray{background:var(--surface2);color:var(--text-muted)}.badge--red{color:var(--red);background:#ef444426}.badge--purple{color:var(--purple-light);background:#7c3aed26}.navbar{z-index:1000;transition:background var(--transition), border-color var(--transition), backdrop-filter var(--transition);padding:1rem 2rem;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#09090fd9}.navbar__container{align-items:center;gap:2rem;max-width:1280px;margin:0 auto;display:flex}.navbar__logo{color:var(--text);white-space:nowrap;align-items:center;gap:.6rem;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:800;display:flex}.navbar__logo-icon{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.navbar__logo-accent{color:var(--purple-light)}.navbar__links{flex:1;align-items:center;gap:.5rem;margin-left:2rem;display:flex}.navbar__link{color:var(--text-muted);transition:all var(--transition);border-radius:8px;padding:.45rem 1rem;font-size:.9rem;font-weight:500}.navbar__link:hover,.navbar__link--active{color:var(--text);background:var(--surface)}.navbar__actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.navbar__profile{position:relative}.navbar__profile-btn{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border2);color:var(--text);transition:all var(--transition);align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:500;display:flex}.navbar__profile-btn:hover{border-color:var(--purple)}.navbar__avatar{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.navbar__dropdown{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-lg);padding:.5rem;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.navbar__dropdown-header{border-bottom:1px solid var(--border);margin-bottom:.4rem;padding:.6rem .8rem .8rem}.navbar__dropdown-name{font-size:.9rem;font-weight:600}.navbar__dropdown-role{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.navbar__dropdown-item{width:100%;color:var(--text);transition:background var(--transition);border-radius:8px;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.navbar__dropdown-item:hover{background:var(--surface2)}.navbar__dropdown-item--danger{color:var(--red)}.navbar__dropdown-divider{border:none;border-top:1px solid var(--border);margin:.4rem 0}.navbar__mobile-toggle{color:var(--text);display:none}.navbar__mobile{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;margin-top:1rem;padding:1rem 0;display:none}.navbar__mobile-link{color:var(--text);transition:background var(--transition);border-radius:8px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;display:flex}.navbar__mobile-link:hover{background:var(--surface)}.navbar__mobile-auth{gap:.75rem;padding:.75rem 0;display:flex}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:6rem 1rem 2rem;display:flex;position:relative}.auth-page__bg{pointer-events:none;position:fixed;inset:0}.auth-page__orb{filter:blur(100px);opacity:.25;border-radius:50%;position:absolute}.auth-page__orb--1{background:var(--purple);width:500px;height:500px;top:-100px;left:-100px}.auth-page__orb--2{background:var(--pink);width:400px;height:400px;bottom:-100px;right:-100px}.auth-page__grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0}.auth-card{z-index:1;background:var(--surface);border:1px solid var(--border2);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:24px;padding:2.5rem;position:relative}.auth-card--wide{max-width:640px}.auth-card__header{text-align:center;margin-bottom:2rem}.auth-card__logo{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.2rem;display:inline-flex}.auth-card__title{margin-bottom:.4rem;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:800}.auth-card__subtitle{color:var(--text-muted);font-size:.9rem}.auth-card__form{flex-direction:column;gap:1.2rem;display:flex}.auth-card__error{color:var(--red);background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.auth-card__forgot{text-align:right;margin-top:-.5rem}.auth-card__link{color:var(--purple-light);font-size:.85rem}.auth-card__link:hover{text-decoration:underline}.auth-card__switch{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.88rem}.auth-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-field__label{color:var(--text-muted);letter-spacing:.03em;font-size:.82rem;font-weight:600}.auth-field__input-wrap{position:relative}.auth-field__icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.auth-field__input{background:var(--bg3);border:1px solid var(--border2);width:100%;color:var(--text);transition:border-color var(--transition);border-radius:10px;padding:.7rem 1rem .7rem 2.5rem;font-size:.9rem}.auth-field__input-wrap .auth-field__input:not(:has(~.auth-field__icon)){padding-left:1rem}.auth-field__input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #7c3aed26}.auth-field__eye{color:var(--text-dim);transition:color var(--transition);position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.auth-field__eye:hover{color:var(--text)}textarea.auth-field__input{resize:vertical;padding-left:1rem}.role-selector{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.role-card{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg3);text-align:left;transition:all var(--transition);align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.role-card:hover{border-color:var(--purple)}.role-card--active{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple);background:#7c3aed1a}.role-card__icon{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.role-card__label{font-size:.9rem;font-weight:700}.role-card__desc{color:var(--text-muted);font-size:.75rem}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__bg{position:absolute;inset:0}.hero__video-bg{object-fit:cover;opacity:.18;width:100%;height:100%;position:absolute;inset:0}.hero__video-overlay{background:linear-gradient(to bottom, #09090f4d 0%, #09090fb3 60%, var(--bg) 100%);position:absolute;inset:0}.hero__orb{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.hero__orb--purple{background:var(--purple);opacity:.2;width:600px;height:600px;animation:8s ease-in-out infinite alternate drift;top:-150px;left:-100px}.hero__orb--blue{background:var(--blue);opacity:.15;width:400px;height:400px;animation:10s ease-in-out infinite alternate-reverse drift;top:100px;right:-80px}.hero__orb--pink{background:var(--pink);opacity:.12;width:350px;height:350px;animation:12s ease-in-out infinite alternate drift;bottom:-100px;left:40%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.05)}}.hero__grid{background-image:linear-gradient(var(--border) 1px,transparent 1px), linear-gradient(90deg,var(--border) 1px,transparent 1px);opacity:.5;background-size:60px 60px;position:absolute;inset:0}.hero__content{z-index:1;text-align:center;max-width:900px;padding:2rem 1rem;position:relative}.hero__badge{color:var(--purple-light);background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero__title{margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:900;line-height:1.1}.hero__title-gradient{background:linear-gradient(135deg, var(--purple-light), var(--pink), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--text-muted);max-width:620px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.7}.hero__cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.hero__stats{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.hero__stat{text-align:center;flex-direction:column;gap:.25rem;display:flex}.hero__stat-value{background:linear-gradient(135deg,var(--purple-light),var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:800}.hero__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:500}.hero__scroll-hint{color:var(--text-dim);animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.section{padding:6rem 1rem}.section--dark{background:var(--bg2)}.section__container{max-width:1280px;margin:0 auto}.section__container--narrow{max-width:900px;margin:0 auto}.section__header{text-align:center;margin-bottom:3.5rem}.section__tag{color:var(--purple-light);letter-spacing:.08em;text-transform:uppercase;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:99px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.section__title{text-align:center;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.section__subtitle{color:var(--text-muted);max-width:560px;margin:0 auto;line-height:1.7}.section__cta{text-align:center;margin-top:3rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .3s,box-shadow .3s;overflow:hidden}.course-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00000080}.course-card__thumb{justify-content:center;align-items:center;height:180px;display:flex;position:relative}.course-card__badge{color:var(--gold);border:1px solid var(--gold);background:#0009;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;position:absolute;top:1rem;left:1rem}.course-card__play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex}.course-card:hover .course-card__play{transform:scale(1.1)}.course-card__meta{color:#ffffffb3;justify-content:space-between;padding:0 1rem;font-size:.72rem;display:flex;position:absolute;bottom:.75rem;left:0;right:0}.course-card__body{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.course-card__category{color:var(--purple-light);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.course-card__title{font-size:1rem;font-weight:700;line-height:1.4}.course-card__subtitle{color:var(--text-muted);font-size:.8rem}.course-card__footer{justify-content:space-between;align-items:center;margin:.25rem 0;display:flex}.course-card__rating{color:var(--gold);align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;display:flex}.course-card__students{color:var(--text-muted);font-weight:400}.course-card__price{color:var(--text);font-size:1.1rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color .3s}.feature-card:hover{border-color:var(--purple)}.feature-card__icon{margin-bottom:1rem;font-size:2.2rem}.feature-card__title{margin-bottom:.5rem;font-size:1rem;font-weight:700}.feature-card__desc{color:var(--text-muted);font-size:.88rem;line-height:1.6}.testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.testimonial-card__stars{color:var(--gold);gap:.25rem;display:flex}.testimonial-card__text{color:var(--text-muted);flex:1;font-size:.9rem;line-height:1.7}.testimonial-card__author{align-items:center;gap:.75rem;display:flex}.testimonial-card__avatar{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.85rem;font-weight:700;display:flex}.testimonial-card__name{font-size:.9rem;font-weight:700}.testimonial-card__role{color:var(--text-muted);font-size:.78rem}.cta-banner{text-align:center;background:var(--bg2);padding:6rem 1rem;position:relative;overflow:hidden}.cta-banner__glow{pointer-events:none;background:radial-gradient(#7c3aed33 0%,#0000 70%);width:600px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-banner__content{z-index:1;position:relative}.cta-banner__title{margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}.cta-banner__subtitle{color:var(--text-muted);margin-bottom:2rem}.footer{background:var(--bg2);border-top:1px solid var(--border);padding:5rem 1rem 0;position:relative;overflow:hidden}.footer__glow{background:linear-gradient(90deg,transparent,var(--purple),var(--pink),transparent);width:600px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer__container{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;max-width:1280px;margin:0 auto;padding-bottom:4rem;display:grid}.footer__brand{flex-direction:column;gap:1rem;display:flex}.footer__logo{align-items:center;gap:.6rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800;display:flex}.footer__logo-icon{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.footer__logo-accent{color:var(--purple-light)}.footer__tagline{color:var(--text-muted);font-size:.85rem;line-height:1.7}.footer__social{gap:.6rem;display:flex}.footer__social-link{background:var(--surface);border:1px solid var(--border2);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex}.footer__social-link:hover{color:var(--purple-light);border-color:var(--purple)}.footer__col-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-bottom:1.2rem;font-size:.85rem;font-weight:700}.footer__col-list{flex-direction:column;gap:.7rem;display:flex}.footer__col-link{color:var(--text-muted);transition:color var(--transition);font-size:.85rem}.footer__col-link:hover{color:var(--purple-light)}.footer__contact-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.footer__bottom{border-top:1px solid var(--border);max-width:1280px;color:var(--text-dim);justify-content:space-between;align-items:center;margin:0 auto;padding:1.5rem 0;font-size:.82rem;display:flex}.footer__heart{color:var(--red)}.dashboard-layout{background:var(--bg);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.dashboard-main{max-height:100vh;padding:2rem 3rem;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.dashboard-header__greeting{color:var(--text-muted);margin-bottom:.25rem;font-size:.9rem}.dashboard-header__name{align-items:center;gap:.75rem;font-family:Montserrat,sans-serif;font-size:1.75rem;font-weight:800;display:flex}.dashboard-grid{grid-template-columns:1fr 340px;gap:2rem;margin-top:2rem;display:grid}.dashboard-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.dashboard-section__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard-section__header h2{font-size:1.1rem;font-weight:700}.dashboard-section__link{color:var(--purple-light);align-items:center;gap:.25rem;font-size:.85rem;display:flex}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:.75rem;margin-bottom:2.5rem;text-decoration:none;display:flex}.sidebar__brand-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar__brand-text{color:var(--text);font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800}.sidebar__role{margin-bottom:2rem}.sidebar__role-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:99px;padding:.3rem .8rem;font-size:.7rem;font-weight:700;display:inline-block}.sidebar__nav{flex-direction:column;flex:1;gap:.4rem;display:flex}.sidebar__link{color:var(--text-muted);transition:all var(--transition);border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;display:flex;position:relative}.sidebar__link:hover,.sidebar__link--active{background:var(--surface);color:var(--text)}.sidebar__link--active:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:3px;position:absolute;top:.75rem;bottom:.75rem;left:0}.sidebar__link-arrow{opacity:.5;margin-left:auto}.sidebar__footer{border-top:1px solid var(--border);align-items:center;gap:.75rem;margin-top:auto;padding-top:1.5rem;display:flex}.sidebar__user{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.sidebar__avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.sidebar__user-info{min-width:0}.sidebar__user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar__user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.sidebar__logout{background:var(--bg3);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex}.sidebar__logout:hover{background:var(--red);color:#fff}.stats-row{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-card__icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card--purple .stat-card__icon{color:var(--purple-light);background:#7c3aed26}.stat-card--blue .stat-card__icon{color:var(--blue);background:#0ea5e926}.stat-card--gold .stat-card__icon{color:var(--gold);background:#f59e0b26}.stat-card--pink .stat-card__icon{color:var(--pink);background:#db277726}.stat-card__value{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:800}.stat-card__label{color:var(--text-muted);font-size:.75rem;font-weight:500}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);padding:1rem;font-size:.85rem}.data-table tr:last-child td{border-bottom:none}.data-table__title{font-weight:600}.table-user{align-items:center;gap:.75rem;display:flex}.table-avatar{background:var(--surface2);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.icon-btn{width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--surface2);color:var(--text)}.icon-btn--red:hover{color:var(--red);background:#ef444426}.icon-btn--green:hover{color:var(--green);background:#10b98126}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border2);width:100%;max-width:540px;box-shadow:var(--shadow-lg);border-radius:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:none}}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal__header h2{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:800}.modal__close{color:var(--text-dim);font-size:1.2rem}.modal__body{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.upload-type-tabs{background:var(--bg3);border-radius:12px;gap:.5rem;padding:.3rem;display:flex}.upload-tab{color:var(--text-muted);transition:all var(--transition);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.8rem;font-weight:600;display:flex}.upload-tab--active{background:var(--surface2);color:var(--text);box-shadow:0 2px 8px #0003}.upload-dropzone{border:2px dashed var(--border2);border-radius:var(--radius);text-align:center;transition:all var(--transition);cursor:pointer;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.upload-dropzone:hover{border-color:var(--purple);background:#7c3aed0d}.upload-dropzone p span{color:var(--purple-light);font-weight:600}.upload-dropzone small{color:var(--text-dim)}.chart-container{align-items:flex-end;height:240px;padding-top:2rem;display:flex}.bar-chart{justify-content:space-between;align-items:flex-end;gap:1rem;width:100%;height:100%;display:flex}.bar-chart__item{flex-direction:column;flex:1;align-items:center;gap:.75rem;display:flex}.bar-chart__bar-wrap{background:var(--bg3);border-radius:6px;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.bar-chart__bar{background:linear-gradient(to top, var(--purple), var(--pink));border-radius:4px;width:100%;transition:height 1s cubic-bezier(.34,1.56,.64,1)}.bar-chart__label{color:var(--text-muted);font-size:.7rem;font-weight:600}.bar-chart__value{font-size:.7rem;font-weight:700;position:absolute;top:-1.5rem}.course-hero{color:#fff;padding:8rem 2rem 4rem;position:relative}.course-hero__content{max-width:1280px;margin:0 auto}.course-hero__title{margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:900;line-height:1.1}.course-hero__subtitle{opacity:.9;max-width:700px;margin-bottom:2rem;font-size:1.25rem}.course-hero__meta{gap:2rem;font-size:.9rem;font-weight:600;display:flex}.course-hero__meta span{align-items:center;gap:.5rem;display:flex}.course-hero__instructor{margin-top:1.5rem;font-weight:600}.course-body{z-index:10;grid-template-columns:1fr 380px;gap:2rem;max-width:1280px;margin:-2rem auto 4rem;padding:0 2rem;display:grid;position:relative}.course-content{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.player-wrap{aspect-ratio:16/9;background:#000;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.player-lesson-info{margin-bottom:2rem}.player-lesson-info h2{margin-bottom:.5rem;font-size:1.5rem}.course-tabs{border-bottom:1px solid var(--border);gap:1.5rem;margin-bottom:2rem;display:flex}.tab-btn{color:var(--text-muted);padding:.75rem 0;font-weight:600;position:relative}.tab-btn--active{color:var(--text)}.tab-btn--active:after{content:"";background:var(--purple-light);height:2px;position:absolute;bottom:-1px;left:0;right:0}.course-sidebar{flex-direction:column;gap:2rem;display:flex}.enroll-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.enroll-card__price{margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:900}.enroll-card__note{color:var(--text-dim);text-align:center;margin-top:1rem;font-size:.8rem}.enroll-card__includes{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.enroll-card__includes li{align-items:center;gap:.75rem;font-size:.88rem;display:flex}.lesson-accordion{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.lesson-accordion__title{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem;font-size:1rem}.accordion-section__header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;font-size:.9rem;font-weight:700;display:flex}.accordion-section__body{flex-direction:column;display:flex}.lesson-item{width:100%;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);transition:all var(--transition);align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.85rem;display:flex}.lesson-item:hover{background:var(--surface2);color:var(--text)}.lesson-item--active{color:var(--purple-light);background:#7c3aed1a;font-weight:600}.lesson-item__duration{opacity:.6;margin-left:auto;font-size:.75rem}.page-hero{text-align:center;padding:10rem 2rem 6rem;position:relative;overflow:hidden}.page-hero--sm{padding:8rem 2rem 4rem}.page-hero__bg{z-index:-1;position:absolute;inset:0}.page-hero__title{margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1}.page-hero__subtitle{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:1.1rem}.mission-block{grid-template-columns:1fr 280px;align-items:center;gap:4rem;display:grid}.mission-stat{border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-bottom:1rem;padding:1.5rem}.mission-stat__value{color:var(--purple-light);font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:800;display:block}.mission-stat__label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.team-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem;display:grid}.team-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition);padding:2.5rem 2rem}.team-card:hover{border-color:var(--purple);transform:translateY(-5px)}.team-card__avatar{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:1.75rem;font-weight:800;display:flex}.team-card__name{margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.team-card__role{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem}.contact-grid{grid-template-columns:1fr 400px;gap:4rem;display:grid}.contact-form-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:24px;padding:3rem}.contact-form-wrap__title{margin-bottom:2rem;font-family:Montserrat,sans-serif;font-size:1.75rem}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-info-item{gap:1.25rem;display:flex}.contact-info-item__icon{background:var(--surface);border:1px solid var(--border2);width:48px;height:48px;color:var(--purple-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-item__label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:700}.contact-info-item__value{font-size:1rem;font-weight:600}@media (width<=1200px){.dashboard-layout{grid-template-columns:240px 1fr}.dashboard-main{padding:2rem}.course-body{grid-template-columns:1fr}.course-sidebar{order:-1}.stats-row{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media (width<=992px){.navbar__links{display:none}.navbar__mobile-toggle{display:block}.navbar__logo{flex:1}.dashboard-layout{grid-template-columns:1fr}.sidebar{display:none}.dashboard-grid{grid-template-columns:1fr}.mission-block{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.hero__title{font-size:3.5rem}.hero__stats{gap:1.5rem}.section{padding:4rem 1rem}.auth-grid{grid-template-columns:1fr}.footer__container{grid-template-columns:1fr 1fr}.footer__brand{grid-column:span 2;margin-bottom:2rem}.stats-row{grid-template-columns:1fr}.contact-form-wrap{padding:2rem}}@media (width<=480px){.hero__title{font-size:2.8rem}.hero__cta{flex-direction:column;width:100%}.hero__cta .btn{width:100%}.footer__container{grid-template-columns:1fr}.footer__brand{grid-column:span 1}}.course-quiz{background:var(--bg3);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:2rem;padding:2rem}.course-quiz__header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.85rem;font-weight:600;display:flex}.quiz-progress-bar{background:var(--surface);border-radius:99px;width:150px;height:6px;overflow:hidden}.quiz-progress-bar__fill{background:var(--purple-light);height:100%;transition:width .3s}.quiz-question__title{margin-bottom:2rem;font-size:1.25rem;font-weight:700;line-height:1.4}.quiz-options{flex-direction:column;gap:1rem;display:flex}.quiz-option{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border2);text-align:left;transition:all var(--transition);align-items:center;gap:1.25rem;padding:1rem 1.5rem;display:flex;position:relative}.quiz-option:hover:not(:disabled){border-color:var(--purple);transform:translate(4px)}.quiz-option__label{background:var(--bg3);width:32px;height:32px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.quiz-option--selected{border-color:var(--purple);background:#7c3aed1a}.quiz-option--correct{border-color:var(--green);background:#10b9811a}.quiz-option--wrong{border-color:var(--red);background:#ef44441a}.quiz-icon-res{margin-left:auto}.quiz-finished{text-align:center;padding:4rem 2rem}.quiz-finished__icon{margin-bottom:2rem}.quiz-finished h2{margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-size:1.75rem}.quiz-finished p{color:var(--text-muted);margin-bottom:2.5rem}.quiz-finished__actions{justify-content:center;gap:1rem;display:flex}.course-discussion{border-top:1px solid var(--border);margin-top:3rem;padding-top:3rem}.discussion-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.discussion-header h3{align-items:center;gap:.75rem;font-size:1.25rem;display:flex}.discussion-form{gap:1.25rem;margin-bottom:3rem;display:flex}.discussion-form__avatar{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.discussion-form__input-wrap{flex-direction:column;flex:1;align-items:flex-end;gap:1rem;display:flex}.discussion-form textarea{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;min-height:100px;padding:1rem}.discussion-form textarea:focus{border-color:var(--purple);outline:none}.discussion-item{gap:1.25rem;margin-bottom:2rem;animation:.3s slideInUp;display:flex}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.discussion-item__avatar{background:var(--surface2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.discussion-item__content{flex:1}.discussion-item__meta{align-items:center;gap:1rem;margin-bottom:.4rem;display:flex}.discussion-item__name{font-size:.9rem;font-weight:700}.discussion-item__date{color:var(--text-dim);font-size:.75rem}.discussion-item__text{margin-bottom:.75rem;font-size:.92rem;line-height:1.6}.discussion-item__actions{gap:1.25rem;display:flex}.discussion-action{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;transition:color .2s;display:flex}.discussion-action:hover,.discussion-action.active{color:var(--purple-light)}.checkout-page{background:var(--bg);min-height:100vh;padding:4rem 2rem}.checkout-container{max-width:1100px;margin:0 auto}.checkout-header{margin-bottom:3rem}.back-btn{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;transition:color .2s;display:flex}.back-btn:hover{color:var(--purple-light)}.checkout-grid{grid-template-columns:1.5fr 1fr;gap:3rem;display:grid}.payment-methods{gap:1rem;margin-bottom:2rem;display:flex}.method-btn{border-radius:var(--radius);background:var(--bg2);border:1px solid var(--border);color:var(--text);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.method-btn.active{border-color:var(--purple);color:var(--purple-light);background:#7c3aed1a}.method-btn:disabled{opacity:.5;cursor:not-allowed}.payment-form{background:var(--bg2);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.form-group{flex-direction:column;gap:.6rem;display:flex}.form-group label{color:var(--text-dim);font-size:.85rem;font-weight:600}.form-group input{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:10px;width:100%;padding:.9rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--purple);background:var(--bg);outline:none}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input{padding-right:3rem}.inner-icon{color:var(--text-muted);position:absolute;right:1rem}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.checkout-notice{color:var(--green);background:#10b9810d;border-radius:8px;align-items:center;gap:.75rem;margin:.5rem 0;padding:.75rem 1rem;font-size:.85rem;display:flex}.summary-card{background:var(--bg3);border-radius:var(--radius-lg);border:1px solid var(--border);padding:2.5rem;position:sticky;top:100px}.summary-card h3{margin-bottom:2rem;font-family:Montserrat,sans-serif}.course-preview{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.course-thumb-mini{border-radius:12px;flex-shrink:0;width:60px;height:60px}.summary-course-title{margin-bottom:.2rem;font-size:.95rem;font-weight:700}.summary-course-cat{color:var(--text-dim);font-size:.8rem}.summary-divider{background:var(--border);height:1px;margin:1.5rem 0}.summary-item{justify-content:space-between;margin-bottom:1rem;font-size:.95rem;display:flex}.summary-item.total{color:var(--purple-light);margin-top:1rem;font-size:1.25rem;font-weight:800}.summary-trust-badges{flex-direction:column;gap:.75rem;margin-top:2.5rem;display:flex}.trust-badge{color:var(--text-dim);align-items:center;gap:.6rem;font-size:.8rem;display:flex}.checkout-success-page{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.success-card{text-align:center;background:var(--bg2);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:450px;padding:4rem 2rem}.success-icon{margin-bottom:2rem}.loader-line{background:var(--surface);border-radius:99px;width:100%;height:3px;margin-top:2.5rem;position:relative;overflow:hidden}.loader-line:after{content:"";background:var(--green);width:40%;height:100%;animation:1.5s ease-in-out infinite loadingSlide;position:absolute;top:0;left:0}@keyframes loadingSlide{0%{left:-40%}to{left:100%}}.auth-card__divider{text-align:center;color:var(--text-dim);align-items:center;margin:2rem 0;font-size:.8rem;display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.auth-card__divider span{padding:0 1rem}.loading-screen{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100vh;display:flex}.loader{border:4px solid var(--border);border-bottom-color:var(--purple-light);box-sizing:border-box;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{color:var(--text-dim);letter-spacing:.5px;font-weight:500}.dashboard-empty-state{text-align:center;background:var(--bg2);border-radius:var(--radius-lg);border:1px dashed var(--border);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-state-icon{margin-bottom:.5rem;font-size:3rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dashboard-empty-state h3{color:var(--text);margin:0;font-family:Montserrat,sans-serif}.dashboard-empty-state p{color:var(--text-dim);max-width:300px;margin-bottom:1rem}