@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=DM+Sans:wght@300;400;500;600&family=Press+Start+2P&display=swap";.navbar,.navbar *{font-family:Sora,sans-serif;letter-spacing:normal}.navbar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;margin:0;z-index:9999;pointer-events:auto;transition:background .25s ease,box-shadow .25s ease}.navbar-transparent{background:transparent;box-shadow:none}.navbar-transparent.navbar-games{background-color:#1e2340;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(255,122,24,.25);box-shadow:0 1px #ff7a181f,0 4px 32px #0006}.navbar-solid{background:#1e2340;box-shadow:0 1px #ffffff0f,0 4px 24px #0000004d}.navbar-left{display:flex;align-items:center;z-index:10000;min-width:160px}.navbar-brand-btn{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;gap:10px;cursor:pointer}.navbar-logo{width:34px;display:block}.navbar-title{color:#fff;font-size:15px;font-weight:700;white-space:nowrap;margin:0;letter-spacing:-.2px}.navbar-center{display:flex;gap:4px;align-items:center;z-index:10000}.nav-link-btn,.navbar-center a{background:none;border:none;padding:6px 12px;margin:0;font-size:13.5px;font-weight:500;color:#fff;cursor:pointer;text-decoration:none;border-radius:8px;transition:color .2s ease,text-shadow .2s ease;display:inline-flex;align-items:center}.nav-link-btn:hover,.navbar-center a:hover{color:#fff;background:none;text-shadow:0 0 12px rgba(255,255,255,.6)}.nav-link-btn.nav-active,.navbar-center a.nav-active{color:#fff;font-weight:600;background:none;text-shadow:0 0 14px rgba(255,255,255,.5)}.resources-dropdown-container{position:relative}.resources-dropdown-btn{background:none;border:none;padding:6px 12px;margin:0;font-size:13.5px;font-weight:500;color:#ffffffa6;cursor:pointer;display:flex;align-items:center;gap:5px;border-radius:8px;transition:color .2s ease,text-shadow .2s ease}.resources-dropdown-btn:hover{color:#fff;background:none;text-shadow:0 0 12px rgba(255,255,255,.6)}.resources-dropdown-btn.nav-active{color:#fff;font-weight:600;background:none;text-shadow:0 0 14px rgba(255,255,255,.5)}.dropdown-arrow{transition:transform .25s ease;opacity:.7}.dropdown-arrow.open{transform:rotate(180deg)}.resources-dropdown-menu{position:absolute;top:calc(100% + 20px);left:0;background:#1e2340;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 32px #00000059;min-width:230px;padding:6px;overflow:hidden;animation:dropdownFadeIn .18s ease;z-index:10001}.resources-dropdown-menu:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:#ffffffbf;transition:background .2s ease,color .2s ease;cursor:pointer;position:relative}.dropdown-item:hover{background:#ff7a181a;color:#fff}.dropdown-item-active{background:#ff7a181f;color:#ff7a18}.dropdown-item+.dropdown-item:before{content:"";position:absolute;top:0;left:10px;right:10px;height:1px;background:#ffffff0f}.dropdown-icon{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:background .2s ease}.dropdown-item:hover .dropdown-icon{background:#ff7a1826;border-color:#ff7a1833}.dropdown-icon svg{fill:#ffffffb3}.dropdown-item:hover .dropdown-icon svg,.dropdown-item-active .dropdown-icon svg{fill:#ff7a18}.dropdown-text{display:flex;flex-direction:column;gap:2px}.dropdown-label{font-size:13px;font-weight:600;color:#ffffffe6}.dropdown-desc{font-size:11px;color:#fff6}.navbar-right{display:flex;align-items:center;gap:12px;min-width:160px;justify-content:flex-end}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0}.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .25s ease}.hamburger-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#1e2340;border-top:1px solid rgba(255,255,255,.07);padding:12px 24px 20px;flex-direction:column;gap:4px;animation:mobileMenuIn .2s ease}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-link{display:block;padding:11px 14px;font-size:14px;font-weight:500;color:#ffffffbf;text-decoration:none;border-radius:8px;background:none;border:none;cursor:pointer;text-align:left;font-family:Sora,sans-serif;transition:background .2s,color .2s}.mobile-link:hover{background:#ffffff12;color:#fff}.mobile-link.mobile-active{color:#fff;font-weight:600}@media(max-width:900px){.navbar-center{display:none}.navbar{padding:0 24px}.hamburger,.mobile-menu{display:flex}}.student-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:14px 24px;border-radius:12px;border:1px solid rgba(99,179,237,.4);box-shadow:0 8px 32px #0006,0 0 0 1px #63b3ed1a;display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:500;z-index:9999;animation:toastSlideIn .4s ease;white-space:nowrap}.student-toast-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#38a169;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.student-toast-close{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:0 0 0 8px;line-height:1;transition:color .2s}.student-toast-close:hover{color:#fff}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.footer{position:relative;z-index:2;background-color:#fff;padding:0;font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.footer-container{background-color:#f5f5f5;padding:60px 80px 30px;max-width:1400px;margin:0 auto}.newsletter-section{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #ddd}.newsletter-text{flex:0 0 auto}.newsletter-text h3{font-size:24px;font-weight:700;margin-bottom:10px;color:#000;text-align:left}.newsletter-text p{font-size:15px;color:#666;margin:0;text-align:left;font-weight:400}.newsletter-form-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.newsletter-form{display:flex}.newsletter-input-group{display:flex;gap:12px;align-items:center}.newsletter-form input[type=email]{padding:14px 18px;border:1px solid #d0d0d0;border-radius:8px;width:320px;font-size:14px;outline:none;transition:all .3s ease;background-color:#fff;font-family:Sora,sans-serif}.newsletter-form input[type=email]::placeholder{color:#999}.newsletter-form input[type=email]:focus{border-color:#262c4a;box-shadow:0 0 0 3px #262c4a1a}.newsletter-form button{padding:14px 32px;background-color:#262c4a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap;font-family:Sora,sans-serif}.newsletter-form button:hover{background-color:#1a1f35;transform:translateY(-2px);box-shadow:0 4px 12px #262c4a4d}.newsletter-form button:active{transform:translateY(0)}.privacy-notice{font-size:12px;color:#888;margin:0;text-align:right;font-weight:400}.footer-links{display:grid;grid-template-columns:80px repeat(3,1fr);gap:80px;padding-bottom:50px;margin-bottom:30px;border-bottom:1px solid #ddd;text-align:left!important}.logo-column{display:flex;align-items:flex-start;justify-content:flex-start}.footer-logo{width:60px;height:auto}.footer-column{text-align:left!important;display:flex;flex-direction:column;align-items:flex-start!important}.footer-column h4{font-size:15px;font-weight:700;margin-bottom:18px;color:#000;text-align:left!important;width:100%}.footer-column ul{list-style:none;padding:0;margin:0;text-align:left!important;width:100%}.footer-column ul li{margin-bottom:14px;text-align:left!important}.footer-column ul li a{color:#555;text-decoration:none;font-size:14px;transition:all .3s ease;text-align:left!important;display:inline-block;font-weight:400}.footer-column ul li a:hover{color:#262c4a;transform:translate(3px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.footer-bottom-left{display:flex;align-items:center;gap:30px}.copyright{font-size:13px;color:#666;margin:0;text-align:left;font-weight:400}.footer-legal{display:flex;gap:30px;align-items:center}.footer-legal a{font-size:13px;color:#666;text-decoration:none;transition:color .3s;font-weight:400;position:relative}.footer-legal a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#262c4a;transition:width .3s ease}.footer-legal a:hover:after{width:100%}.footer-legal a:hover{color:#262c4a}.social-icons{display:flex;gap:12px;align-items:center}.social-icons a{color:#262c4a;text-decoration:none;font-size:20px;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:transparent}.social-icons a:hover{background-color:#262c4a;color:#fff;transform:translateY(-3px)}.social-icons a i{display:block}.footer-safe{position:relative;isolation:isolate;z-index:5;opacity:1!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;mix-blend-mode:normal!important}@media(max-width:1200px){.footer-container{padding:50px 60px 30px}.footer-links{gap:60px}}@media(max-width:968px){.footer-container{padding:40px 40px 30px}.footer-links{grid-template-columns:repeat(2,1fr);gap:40px}.logo-column{grid-column:1 / -1;justify-content:flex-start}.newsletter-section{flex-direction:column;gap:30px}.newsletter-text{width:100%}.newsletter-form-wrapper{width:100%;align-items:flex-start}.newsletter-input-group{width:100%}.newsletter-form input[type=email]{flex:1}.privacy-notice{text-align:left}}@media(max-width:640px){.footer-container{padding:30px 20px}.footer-links{grid-template-columns:repeat(2,1fr);gap:30px}.footer-column{align-items:flex-start!important}.footer-bottom{flex-direction:column;gap:20px;align-items:flex-start}.footer-bottom-left{flex-direction:column;align-items:flex-start;gap:12px}.footer-legal{flex-direction:column;align-items:flex-start;gap:8px}.newsletter-input-group{flex-direction:column;gap:12px}.newsletter-form button{width:100%}.social-icons{gap:12px;width:100%}}.landing{width:100%;height:100vh;position:relative;overflow:hidden;background-color:#0f172a;z-index:1;--scroll-progress: 0}.landing-bg{position:absolute;top:0;left:0;width:100%;height:140%;background-size:cover;background-repeat:no-repeat;background-position:center top;z-index:0;will-change:transform}.landing-inner{position:relative;z-index:2;display:flex;align-items:center;width:calc(100% - 160px);height:calc(100% - 160px);margin:80px auto;padding:80px 80px 65px;box-sizing:border-box;border:1px solid rgba(35,40,71,.12);border-radius:1px}.landing-content{max-width:520px;color:#fff;margin-top:80px;opacity:calc(1 - (var(--scroll-progress) * 1.2));transform:translateY(calc(var(--scroll-progress) * -40px)) scale(calc(1 - (var(--scroll-progress) * .12)));will-change:opacity,transform;transition:opacity .3s ease,transform .3s ease}.landing-content h1{font-size:64px;line-height:1.05;font-weight:700;margin-bottom:20px;animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}.landing-content p{font-size:14px;line-height:1.6;color:#ffffffe6;margin-bottom:28px;animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s}.landing-buttons{animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.5s}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;padding:10px 15px;font-size:13px;font-weight:600;background:#fff;color:#1f1f1f;border:none;border-radius:6px;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 6px #00000026;white-space:nowrap}.btn-google:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 14px #0003}.btn-google:active{transform:scale(.96)}.btn-google svg{width:16px;height:16px;flex-shrink:0}.landing:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:420px;background:linear-gradient(to top,#141c3ceb 25%,#141c3cbf,#141c3c80 65%,#141c3c40 82%,#141c3c1a 92%,#141c3c00);pointer-events:none;z-index:1}@media(min-width:1440px){.landing-content h1{font-size:72px}.landing-content p{font-size:16px}}@media(max-width:1439px){.landing-inner{width:calc(100% - 140px);height:calc(100% - 140px);margin:70px auto;padding:60px 70px}.landing-content h1{font-size:60px}}@media(max-width:1199px){.landing-inner{width:calc(100% - 120px);height:calc(100% - 120px);margin:60px auto;padding:50px 60px}.landing-content h1{font-size:56px}}@media(max-width:1023px){.landing-inner{width:calc(100% - 100px);height:calc(100% - 100px);margin:50px auto;padding:40px 50px}.landing-content{max-width:460px}.landing-content h1{font-size:48px}.btn-google{padding:11px 22px;font-size:14px}}@media(max-width:767px){.landing-inner{width:calc(100% - 60px);height:calc(100% - 60px);margin:30px auto;padding:30px 35px}.landing-content h1{font-size:40px}.btn-google{width:100%}.landing:after{height:500px}}@media(max-width:479px){.landing-inner{width:calc(100% - 30px);height:calc(100% - 30px);margin:15px auto;padding:20px 25px}.landing-content h1{font-size:32px}.btn-google{width:100%}}@keyframes lp2-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes lp2-card-rise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.process-label,.process-small-title,.process-subtitle{opacity:0;transform:translateY(30px);transition:none}.process-card{opacity:0;transform:translateY(60px)}.process-section.lp2-visible .process-label{animation:lp2-fade-up .6s ease forwards;animation-delay:.1s}.process-section.lp2-visible .process-small-title{animation:lp2-fade-up .6s ease forwards;animation-delay:.25s}.process-section.lp2-visible .process-subtitle{animation:lp2-fade-up .6s ease forwards;animation-delay:.4s}.process-section.lp2-visible .process-card:nth-child(1){animation:lp2-card-rise .7s ease .55s both}.process-section.lp2-visible .process-card:nth-child(2){animation:lp2-card-rise .7s ease .7s both}.process-section.lp2-visible .process-card:nth-child(3){animation:lp2-card-rise .7s ease .85s both}.process-section.lp2-visible .process-card:nth-child(1).anim-done,.process-section.lp2-visible .process-card:nth-child(2).anim-done,.process-section.lp2-visible .process-card:nth-child(3).anim-done{animation:none;opacity:1;transform:translateY(0)}.process-section{position:relative;z-index:10;padding:110px 6%;background:#fff;text-align:center}.process-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#7a7a7a;margin-bottom:8px}.process-small-title{font-size:44px;font-weight:700;color:#111;margin-bottom:12px}.process-subtitle{font-size:16px;color:#555;max-width:720px;margin:0 auto 70px;line-height:1.6}.process-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.process-card{position:relative;height:480px;padding:36px;border-radius:6px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;background-size:cover;background-position:center;overflow:hidden}.process-card.anim-done{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease}.process-card.anim-done:hover{transform:scale(1.04);box-shadow:0 24px 50px #23284759,0 0 0 2px #23284726,0 0 40px #23284733}.process-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#232847,#232847d9,#23284766 60%,#23284700)}.process-card *{position:relative;z-index:1}.step{font-size:13px;opacity:.9;margin-bottom:6px}.process-card h3{font-size:28px;font-weight:700;line-height:1.25;margin-bottom:12px;text-shadow:0 6px 20px rgba(0,0,0,.35)}.process-card p{font-size:14px;line-height:1.6;margin-bottom:18px;opacity:.95;text-shadow:0 6px 20px rgba(0,0,0,.35)}.card-action{font-size:14px;font-weight:600;opacity:.9;text-shadow:0 6px 20px rgba(0,0,0,.35)}@media(min-width:1440px){.process-section{padding:130px 8%}.process-small-title{font-size:52px}.process-subtitle{font-size:18px;max-width:800px}.process-cards{gap:32px}.process-card{height:520px;padding:40px}.process-card h3{font-size:32px}.process-card p{font-size:15px}}@media(max-width:1439px){.process-section{padding:110px 6%}.process-small-title{font-size:44px}.process-cards{gap:26px}}@media(max-width:1199px){.process-section{padding:100px 5%}.process-small-title{font-size:42px}.process-subtitle{font-size:15px;margin-bottom:60px}.process-cards{gap:24px}.process-card{height:460px;padding:32px}.process-card h3{font-size:26px}.process-card p{font-size:13px}}@media(max-width:1023px){.process-section{padding:90px 5%}.process-small-title{font-size:38px}.process-subtitle{font-size:15px;margin-bottom:50px}.process-cards{grid-template-columns:repeat(2,1fr);gap:22px}.process-card{height:440px;padding:30px}.process-card h3{font-size:24px}.process-card p{font-size:13px;margin-bottom:16px}.step{font-size:12px}.card-action{font-size:13px}}@media(max-width:767px){.process-section{padding:80px 5%}.process-label{font-size:11px;letter-spacing:1.5px}.process-small-title{font-size:34px;margin-bottom:10px}.process-subtitle{font-size:14px;margin-bottom:45px}.process-cards{grid-template-columns:1fr;gap:20px}.process-card{height:420px;padding:28px}.process-card h3{font-size:22px}.process-card p{font-size:13px}}@media(max-width:639px){.process-section{padding:70px 5%}.process-small-title{font-size:30px}.process-subtitle{font-size:13px;margin-bottom:40px}.process-card{height:400px;padding:26px}.process-card h3{font-size:20px;margin-bottom:10px}.process-card p{font-size:12px;margin-bottom:14px}}@media(max-width:479px){.process-section{padding:60px 4%}.process-label{font-size:10px;letter-spacing:1.2px}.process-small-title{font-size:28px;margin-bottom:8px}.process-subtitle{font-size:13px;max-width:100%;margin-bottom:35px}.process-card{height:380px;padding:24px;border-radius:5px}.step{font-size:11px;margin-bottom:5px}.process-card h3{font-size:19px;line-height:1.3;margin-bottom:9px}.process-card p{font-size:12px;line-height:1.55;margin-bottom:12px}.card-action{font-size:12px}}@media(max-width:374px){.process-section{padding:50px 4%}.process-small-title{font-size:26px}.process-subtitle{font-size:12px;margin-bottom:30px}.process-card{height:360px;padding:20px}.process-card h3{font-size:18px}.process-card p{font-size:11px;line-height:1.5}.card-action{font-size:11px}}@media(max-height:600px)and (orientation:landscape){.process-section{padding:60px 5%}.process-small-title{font-size:32px}.process-subtitle{margin-bottom:35px}.process-cards{grid-template-columns:repeat(3,1fr);gap:16px}.process-card{height:320px;padding:22px}.process-card h3{font-size:18px}.process-card p{font-size:11px;margin-bottom:10px}}@media(min-width:1920px){.process-section{padding:140px 10%}.process-small-title{font-size:56px}.process-subtitle{font-size:19px;max-width:900px;margin-bottom:80px}.process-cards{gap:36px;max-width:1600px;margin:0 auto}.process-card{height:560px;padding:44px}.process-card h3{font-size:34px}.process-card p{font-size:16px}.card-action{font-size:15px}}@keyframes lp3-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes lp3-image-rise{0%{opacity:0;transform:translateY(50px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lp3-title,.lp3-subtitle,.lp3-buttons,.lp3-image{opacity:0}.lp3-visible .lp3-title{animation:lp3-fade-up .65s ease forwards;animation-delay:.1s}.lp3-visible .lp3-subtitle{animation:lp3-fade-up .65s ease forwards;animation-delay:.25s}.lp3-visible .lp3-buttons{animation:lp3-fade-up .65s ease forwards;animation-delay:.4s}.lp3-visible .lp3-image{animation:lp3-image-rise .8s ease forwards;animation-delay:.55s}.lp3-section{position:relative;z-index:2;background:#fff;padding:140px 6% 80px;text-align:center;overflow:visible}.lp3-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:82%;height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent)}.lp3-title{font-size:44px;font-weight:700;color:#111;margin-bottom:16px;line-height:1.2}.lp3-subtitle{font-size:15px;color:#555;margin-bottom:34px}.lp3-buttons{display:flex;justify-content:center;gap:14px;margin-bottom:80px}.lp3-btn-primary,.lp3-btn-secondary{padding:10px 20px;font-size:13px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .3s ease}.lp3-btn-primary{background:#ff7a18;color:#fff;border:none}.lp3-btn-primary:hover{background:#e66910;transform:translateY(-2px);box-shadow:0 8px 20px #ff7a184d}.lp3-btn-secondary{background:#fff;color:#111;border:1px solid #ddd}.lp3-btn-secondary:hover{background:#f9f9f9;border-color:#111;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.lp3-image{position:relative;width:100%;height:650px;max-width:1200px;margin:0 auto;display:block;border-radius:10px;background-size:cover;background-position:center;box-shadow:0 20px 60px #0000001a;border:1.5px solid rgba(35,40,71,.25)}.lp3-image:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:450px;border-radius:0 0 10px 10px;background:linear-gradient(to top,#232847f2,#232847bf 40%,#23284766,#23284700)}@media(min-width:1440px){.lp3-section{padding:160px 8% 140px}.lp3-title{font-size:52px}.lp3-subtitle{font-size:17px;margin-bottom:40px}.lp3-buttons{margin-bottom:90px}.lp3-btn-primary,.lp3-btn-secondary{padding:12px 24px;font-size:14px}.lp3-image{width:1400px;height:750px}}@media(max-width:1439px){.lp3-section{padding:140px 6% 80px}.lp3-title{font-size:44px}.lp3-image{width:100%;max-width:1200px;height:650px}}@media(max-width:1199px){.lp3-section{padding:120px 5% 100px}.lp3-title{font-size:42px}.lp3-subtitle{font-size:15px;margin-bottom:30px}.lp3-buttons{margin-bottom:70px}.lp3-image{width:100%;max-width:1000px;height:580px}.lp3-image:after{height:420px;border-radius:0 0 10px 10px}}@media(max-width:1023px){.lp3-section{padding:100px 5% 90px}.lp3-title{font-size:38px;margin-bottom:14px}.lp3-subtitle{font-size:14px;margin-bottom:28px}.lp3-buttons{gap:12px;margin-bottom:60px}.lp3-btn-primary,.lp3-btn-secondary{padding:9px 18px;font-size:13px}.lp3-image{width:100%;max-width:800px;height:500px}.lp3-image:after{height:380px;border-radius:0 0 10px 10px}}@media(max-width:767px){.lp3-section{padding:80px 5% 70px}.lp3-title{font-size:34px;margin-bottom:12px}.lp3-subtitle{font-size:14px;margin-bottom:26px}.lp3-buttons{flex-direction:column;gap:12px;margin-bottom:50px;max-width:300px;margin-left:auto;margin-right:auto}.lp3-btn-primary,.lp3-btn-secondary{width:100%;padding:10px 20px}.lp3-image{width:100%;height:420px}.lp3-image:after{height:340px;border-radius:0 0 10px 10px}}@media(max-width:639px){.lp3-section{padding:70px 5% 60px}.lp3-title{font-size:30px}.lp3-subtitle{font-size:13px;margin-bottom:24px}.lp3-buttons{margin-bottom:45px}.lp3-image{height:380px}.lp3-image:after{height:320px;border-radius:0 0 10px 10px}}@media(max-width:479px){.lp3-section{padding:60px 4% 50px}.lp3-title{font-size:28px;line-height:1.25;margin-bottom:10px}.lp3-subtitle{font-size:13px;margin-bottom:22px}.lp3-buttons{gap:10px;margin-bottom:40px;max-width:280px}.lp3-btn-primary,.lp3-btn-secondary{padding:10px 18px;font-size:12px}.lp3-image{height:360px;border-radius:8px}.lp3-image:after{height:300px;border-radius:0 0 8px 8px}}@media(max-width:374px){.lp3-section{padding:50px 4% 45px}.lp3-title{font-size:26px;line-height:1.3}.lp3-subtitle{font-size:12px;margin-bottom:20px}.lp3-buttons{gap:9px;margin-bottom:35px;max-width:260px}.lp3-btn-primary,.lp3-btn-secondary{padding:9px 16px;font-size:12px}.lp3-image{height:340px;border-radius:6px}.lp3-image:after{height:280px;border-radius:0 0 6px 6px}}@media(max-height:600px)and (orientation:landscape){.lp3-section{padding:50px 5% 45px}.lp3-title{font-size:28px;margin-bottom:8px}.lp3-subtitle{font-size:12px;margin-bottom:18px}.lp3-buttons{flex-direction:row;gap:10px;margin-bottom:35px}.lp3-btn-primary,.lp3-btn-secondary{padding:8px 16px;font-size:12px}.lp3-image{height:280px}.lp3-image:after{height:240px;border-radius:0 0 10px 10px}}@media(min-width:1920px){.lp3-section{padding:180px 10% 160px}.lp3-title{font-size:56px}.lp3-subtitle{font-size:18px;margin-bottom:44px}.lp3-buttons{margin-bottom:100px}.lp3-btn-primary,.lp3-btn-secondary{padding:13px 26px;font-size:15px}.lp3-image{width:1600px;height:850px}.lp3-image:after{height:550px;border-radius:0 0 10px 10px}}html,body{margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}.auth-wrapper{width:100%;min-height:100vh;height:auto;background:#0a0a12;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px;position:relative;overflow:hidden;font-family:Sora,sans-serif;box-sizing:border-box}.auth-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}.auth-orb-1{width:500px;height:500px;background:#643cb438;top:-150px;left:-100px}.auth-orb-2{width:350px;height:350px;background:#ff8c211c;bottom:-80px;right:-80px}.auth-orb-3{width:280px;height:280px;background:#3c64dc21;bottom:120px;left:35%}.auth-card{position:relative;z-index:1;width:100%;max-width:500px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:28px;padding:44px 44px 32px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #0000008c,inset 0 1px #ffffff14;animation:cardIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.auth-lottie{width:160px;margin:0 auto 18px;opacity:.75}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.auth-brand img{width:34px}.auth-brand span{font-size:16px;font-weight:700;color:#fff}.auth-tabs{position:relative;display:flex;background:#ffffff0f;border-radius:12px;padding:4px;margin-bottom:28px}.auth-tab{flex:1;padding:10px;background:none;border:none;color:#fff6;font-size:14px;font-weight:600;cursor:pointer;border-radius:9px;position:relative;z-index:1;transition:color .25s ease;font-family:Sora,sans-serif}.auth-tab.active{color:#fff}.auth-tab-indicator{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);background:#ffffff1a;border-radius:9px;border:1px solid rgba(255,255,255,.12);transition:left .3s cubic-bezier(.34,1.56,.64,1)}.auth-tab-indicator.left{left:4px}.auth-tab-indicator.right{left:50%}.auth-heading{margin-bottom:22px}.auth-heading h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 5px}.auth-heading p{font-size:14px;color:#ffffff7a;margin:0}.auth-field{margin-bottom:15px}.auth-field label{display:block;font-size:12px;font-weight:600;color:#ffffff8c;margin-bottom:7px;letter-spacing:.02em}.auth-field input{width:100%;padding:13px 15px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-family:Sora,sans-serif;outline:none;transition:border-color .2s ease,background .2s ease}.auth-field input::placeholder{color:#ffffff38}.auth-field input:focus{border-color:#a064ff8c;background:#ffffff17}.input-wrap{position:relative}.input-wrap input{padding-right:44px}.eye-btn{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff52;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s ease}.eye-btn:hover{color:#ffffffa6}.auth-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.auth-remember{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;color:#ffffff80}.auth-remember input[type=checkbox]{width:14px;height:14px;accent-color:#a066ff;cursor:pointer}.auth-forgot{font-size:13px;color:#a066ff;cursor:pointer;transition:opacity .2s}.auth-forgot:hover{opacity:.75}.auth-submit{width:100%;padding:14px;background:#ff8d21;border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;font-family:Sora,sans-serif;cursor:pointer;margin-bottom:16px;transition:opacity .2s ease,transform .15s ease}.auth-submit:hover{opacity:.9;transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{text-align:center;position:relative;margin-bottom:14px}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff14}.auth-divider span{position:relative;background:transparent;padding:0 12px;font-size:12px;color:#ffffff52}.auth-google{width:100%;padding:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-weight:500;font-family:Sora,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;transition:background .2s ease,border-color .2s ease}.auth-google:hover{background:#ffffff1a;border-color:#fff3}.auth-google:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;font-size:13px;color:#ffffff6b;margin:0}.auth-switch span{color:#a066ff;cursor:pointer;font-weight:600}.auth-switch span:hover{opacity:.8}.auth-terms{font-size:12px;color:#ffffff61;margin-bottom:16px;line-height:1.6}.auth-terms span{color:#a066ff;cursor:pointer}.auth-terms a,.auth-terms a:visited{color:#fff;font-weight:600;text-decoration:none;transition:opacity .2s}.auth-terms a:hover{opacity:.75;text-decoration:underline}.auth-footer{text-align:center;font-size:11px;color:#ffffff2e;margin-top:26px}@media(max-width:540px){.auth-card{padding:32px 24px 26px;border-radius:20px}.auth-lottie{width:130px}.auth-heading h2{font-size:24px}}@media(max-width:380px){.auth-card{padding:28px 18px 22px}.auth-lottie{width:110px}}.auth-hint{font-size:11px;color:#64748b;margin-top:5px;line-height:1.5}.course-hero{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1e2340}.particle-bg{position:absolute;inset:0;z-index:0}.hero-content{position:relative;z-index:1;text-align:center;color:#fff;max-width:900px;width:100%;padding:2rem;margin:0 auto}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;padding:.5rem 1.2rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;background:#ffffff26;animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}.hero-content h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.15;margin-bottom:1.2rem;animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.25s}.hero-content p{font-size:clamp(.95rem,2.2vw,1.1rem);line-height:1.6;max-width:650px;margin:0 auto 2rem;opacity:.9;animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.4s}.hero-btn{animation:heroFadeUp .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.55s;position:relative;overflow:hidden;padding:.8rem 2rem;font-size:.9rem;font-weight:700;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,#ff7a18,#ff9f43);color:#fff;transition:transform .25s ease,box-shadow .25s ease}.hero-btn:before{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease}.hero-btn:hover:before{left:120%}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff7a1873}.hero-btn:active{transform:translateY(0) scale(.98)}@media(max-width:1024px){.hero-content{padding:1.8rem}.hero-content h1{font-size:clamp(2rem,6vw,3rem)}}@media(max-width:768px){.course-hero{min-height:100svh}.hero-content{padding:1.5rem}.hero-badge{font-size:.7rem;margin-bottom:1.2rem}.hero-content h1{font-size:clamp(1.8rem,7vw,2.4rem)}.hero-content p{font-size:.95rem}.hero-btn{font-size:.85rem;padding:.75rem 1.8rem}}@media(max-width:480px){.hero-content h1{font-size:1.7rem}.hero-content p{font-size:.9rem}}.lms-courses-section{--clr-bg: #1e2340;--clr-surface: #252b47;--clr-border: rgba(255, 255, 255, .06);--clr-border-hover: rgba(255, 122, 24, .3);--clr-accent: #ff7a18;--clr-accent-dim: rgba(255, 122, 24, .12);--clr-accent-glow: rgba(255, 122, 24, .2);--clr-purple: #7B6BBD;--clr-purple-dim: rgba(123, 107, 189, .12);--clr-green: #10b981;--clr-green-dim: rgba(16, 185, 129, .1);--clr-amber: #f59e0b;--clr-amber-dim: rgba(245, 158, 11, .1);--txt-primary: #ffffff;--txt-secondary: rgba(255, 255, 255, .55);--txt-muted: rgba(255, 255, 255, .28);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--ease: cubic-bezier(.4, 0, .2, 1)}.lms-courses-section{position:relative;background:var(--clr-bg);font-family:Sora,sans-serif;padding:100px 32px}.lms-grid-bg{display:none}.lms-header{max-width:640px;margin:0 auto 56px;text-align:center}.lms-header-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent);border:1px solid rgba(255,122,24,.2);border-radius:100px;padding:5px 13px;margin-bottom:20px}.lms-dot{width:5px;height:5px;background:var(--clr-accent);border-radius:50%;animation:lms-blink 2.4s ease-in-out infinite}@keyframes lms-blink{0%,to{opacity:1}50%{opacity:.3}}.lms-title{font-size:clamp(30px,4.5vw,48px);font-weight:800;color:var(--txt-primary);line-height:1.1;letter-spacing:-.025em;margin:0 0 14px}.lms-title-accent{color:var(--clr-accent)}.lms-subtitle{font-size:15px;color:var(--txt-secondary);line-height:1.7;margin:0 0 32px;font-weight:400}.lms-stats-bar{display:inline-flex;align-items:center;background:#ffffff0a;border:1px solid var(--clr-border);border-radius:100px;padding:2px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}.lms-stat{display:flex;flex-direction:column;align-items:center;padding:9px 22px;gap:1px}.lms-stat-num{font-size:19px;font-weight:700;color:var(--txt-primary);line-height:1}.lms-stat-label{font-size:9px;font-weight:600;color:var(--txt-muted);text-transform:uppercase;letter-spacing:.1em}.lms-stat-divider{width:1px;height:28px;background:var(--clr-border)}.lms-filters{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.lms-filter-btn{font-family:Sora,sans-serif;font-size:12px;font-weight:500;color:var(--txt-secondary);background:transparent;border:1px solid var(--clr-border);border-radius:100px;padding:7px 16px;cursor:pointer;transition:all .18s var(--ease)}.lms-filter-btn:hover{color:var(--txt-primary);border-color:#ffffff24}.lms-filter-btn.active{color:#fff;background:var(--clr-accent);border-color:var(--clr-accent);box-shadow:0 4px 16px var(--clr-accent-glow)}.lms-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px}.lms-card{position:relative;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .45s var(--ease) calc(var(--delay, 0ms)),transform .45s var(--ease) calc(var(--delay, 0ms)),border-color .2s var(--ease),box-shadow .2s var(--ease)}.lms-card--visible{opacity:1;transform:translateY(0)}.lms-card--hovered{border-color:var(--clr-border-hover);box-shadow:0 16px 48px #0006,0 0 0 1px #ff7a1826;transform:translateY(-3px)!important}.lms-card-accent{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--clr-accent),transparent);opacity:0;transition:opacity .2s var(--ease);z-index:2}.lms-card--hovered .lms-card-accent{opacity:1}.lms-card-image-wrap{position:relative;height:172px;overflow:hidden}.lms-card-image{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease);filter:brightness(.88)}.lms-card--hovered .lms-card-image{transform:scale(1.04);filter:brightness(1)}.lms-card-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(37,43,71,.9) 100%)}.lms-badge{position:absolute;top:11px;left:11px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lms-badge--new{background:var(--clr-accent);color:#1a0800}.lms-badge--popular{background:#7b6bbdd9;color:#fff;border:1px solid rgba(123,107,189,.4)}.lms-badge--updated{background:#10b981d9;color:#001a0e}.lms-image-stats{position:absolute;bottom:10px;right:10px;display:flex;gap:6px;z-index:3}.lms-img-stat{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:#fffc;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 7px;border-radius:100px;border:1px solid rgba(255,255,255,.08)}.lms-card-body{padding:18px 18px 16px;display:flex;flex-direction:column}.lms-card-meta{display:flex;align-items:center;gap:7px;margin-bottom:9px}.lms-level-tag{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:100px}.tag-beginner{color:var(--clr-green);background:var(--clr-green-dim);border:1px solid rgba(16,185,129,.2)}.tag-intermediate{color:var(--clr-amber);background:var(--clr-amber-dim);border:1px solid rgba(245,158,11,.2)}.tag-mixed{color:var(--clr-purple);background:var(--clr-purple-dim);border:1px solid rgba(123,107,189,.2)}.lms-free-tag{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-accent);background:var(--clr-accent-dim);border:1px solid rgba(255,122,24,.2);padding:3px 8px;border-radius:100px;margin-left:auto}.lms-card-title{font-size:14.5px;font-weight:700;color:var(--txt-primary);line-height:1.35;margin:0 0 7px;letter-spacing:-.01em}.lms-card-desc{font-size:12.5px;color:var(--txt-secondary);line-height:1.6;margin:0 0 13px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lms-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.lms-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:500;color:var(--txt-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:3px 8px;transition:color .15s,border-color .15s}.lms-card--hovered .lms-chip{color:var(--txt-secondary);border-color:#ff7a181f}.lms-progress-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.lms-progress-label{font-size:9.5px;font-weight:600;color:var(--txt-muted);text-transform:uppercase;letter-spacing:.09em}.lms-progress-pct{font-size:10px;font-weight:700;color:var(--txt-muted)}.lms-progress-track{width:100%;height:2px;background:#ffffff0d;border-radius:100px;overflow:hidden;margin-bottom:14px}.lms-progress-fill{height:100%;width:var(--pct, 0%);background:var(--clr-accent);border-radius:100px;transition:width .8s var(--ease)}.lms-cta-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-accent);background:var(--clr-accent-dim);border:1px solid rgba(255,122,24,.18);border-radius:var(--radius-md);cursor:pointer;transition:all .18s var(--ease)}.lms-cta-btn:hover{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent);box-shadow:0 6px 20px var(--clr-accent-glow)}.lms-cta-btn:active{transform:scale(.98)}.lms-cta-arrow{transition:transform .18s var(--ease)}.lms-cta-btn:hover .lms-cta-arrow{transform:translate(3px)}@media(max-width:768px){.lms-courses-section{padding:72px 16px}.lms-title{font-size:28px}.lms-grid{grid-template-columns:1fr;gap:14px}.lms-stat{padding:8px 14px}.lms-stat-num{font-size:17px}}@media(max-width:480px){.lms-stat-divider{display:none}.lms-stats-bar{border-radius:var(--radius-lg)}}.courses2-section{padding:6rem 2rem;background:#f8f9fa;position:relative;overflow:hidden;font-family:Sora,sans-serif}.courses2-container{max-width:1200px;margin:0 auto}.courses2-header{text-align:center;margin-bottom:4rem;animation:fadeInDown .8s ease-out}.section-badge{display:inline-block;background:#262c4a1a;color:#262c4a;padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1rem;letter-spacing:.5px}.courses2-header h2{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;color:#000;margin:0;line-height:1.2;letter-spacing:-.02em}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin:0 auto 6rem}.feature-card{text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:16px;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(40px);position:relative;border:1px solid transparent}.feature-card.show{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-8px);background:linear-gradient(135deg,#262c4a08,#262c4a14);border-color:#262c4a1a;box-shadow:0 12px 40px #262c4a26,0 0 60px #262c4a1a,inset 0 1px #fffc}.feature-icon{width:80px;height:80px;background:#262c4a;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;transition:all .4s ease}.feature-icon svg{width:40px;height:40px}.feature-card:hover .feature-icon{background:#1a1f35;transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #262c4a4d}.feature-card h3{font-size:1.25rem;font-weight:700;color:#000;margin-bottom:.75rem;line-height:1.4;letter-spacing:-.01em}.feature-card p{font-size:.95rem;color:#666;line-height:1.7;margin:0;font-weight:400}.support-section{margin-top:4rem}.support-card{background:#fff;border-radius:24px;padding:3rem;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;align-items:center;gap:4rem;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1)}.support-card.show{opacity:1;transform:translateY(0)}.support-content{flex:1}.support-content h2{font-size:clamp(1.75rem,4vw,2rem);font-weight:800;color:#000;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.support-description{font-size:1rem;color:#666;line-height:1.7;margin-bottom:1.75rem;font-weight:400}.support-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.support-features li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#333;font-weight:500}.support-features li svg{width:24px;height:24px;color:#10b981;flex-shrink:0}.support-cta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.quiz-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-family:Sora,sans-serif;box-shadow:0 4px 16px #ff6b354d;white-space:nowrap}.quiz-btn svg{width:20px;height:20px;transition:transform .3s ease}.quiz-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ff6b3566}.quiz-btn:hover svg{transform:translate(5px)}.quiz-btn:active{transform:translateY(-1px)}.cta-description{font-size:.875rem;color:#888;margin:0;text-align:right;font-weight:400}@media(max-width:968px){.courses2-section{padding:4rem 1.5rem}.courses2-header{margin-bottom:3rem}.features-grid{gap:2rem;margin-bottom:4rem}.feature-card{padding:1.75rem 1.25rem}.support-card{flex-direction:column;gap:2.5rem;padding:2.5rem}.support-cta{width:100%;align-items:stretch}.quiz-btn{width:100%;justify-content:center}.cta-description{text-align:center}}@media(max-width:640px){.courses2-section{padding:3.5rem 1rem}.courses2-header{margin-bottom:2.5rem}.courses2-header h2{font-size:clamp(1.75rem,6vw,2rem)}.section-badge{font-size:.8rem;padding:.4rem 1.2rem}.features-grid{grid-template-columns:1fr;gap:1.75rem;margin-bottom:3rem}.feature-card{padding:1.5rem 1rem}.feature-icon{width:70px;height:70px;margin-bottom:1.25rem}.feature-icon svg{width:35px;height:35px}.feature-card h3{font-size:1.15rem}.feature-card p{font-size:.9rem}.support-card{padding:2rem 1.5rem;gap:2rem}.support-content h2{font-size:clamp(1.5rem,5vw,1.75rem)}.support-description{font-size:.925rem;margin-bottom:1.5rem}.support-features{gap:.85rem}.support-features li{font-size:.9rem}.support-features li svg{width:20px;height:20px}.quiz-btn{padding:.925rem 2rem;font-size:.95rem}.cta-description{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.feature-card,.support-card,.courses2-header{animation:none;transition:none}.feature-card:hover,.quiz-btn:hover,.feature-card:hover .feature-icon{transform:none}}:root{--lms-bg: #0d1020;--lms-surface: #131829;--lms-surface-2: #1a2035;--lms-nav: var(--color-nav-bg);--lms-purple: var(--color-primary);--lms-purple-l: var(--color-primary-light);--lms-purple-dim: rgba(var(--color-primary-rgb), .15);--lms-purple-bdr: rgba(var(--color-primary-rgb), .35);--lms-orange: var(--color-accent);--lms-orange-dim: rgba(255,122,24,.14);--lms-orange-bdr: rgba(255,122,24,.35);--lms-green: var(--color-success);--lms-green-dim: rgba(16,185,129,.12);--lms-blue: var(--color-info);--lms-border: rgba(var(--color-primary-rgb), .18);--lms-border-h: rgba(var(--color-primary-rgb), .4);--lms-t1: #f0f4ff;--lms-t2: #94a3b8;--lms-t3: #475569;--lms-font: "Sora", sans-serif;--lms-radius: 12px;--lms-radius-sm: 8px;--lms-ease: .22s cubic-bezier(.4,0,.2,1);--status-pending: var(--color-warning);--status-submitted: var(--color-info);--status-graded: var(--color-success)}.crs-page{min-height:100vh;background:var(--lms-bg);font-family:var(--lms-font);color:var(--lms-t1)}.crs-hero{background:var(--lms-nav);border-bottom:1px solid var(--lms-border);padding:5rem 0 2.5rem;position:relative;overflow:hidden}.crs-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,122,24,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,122,24,.05) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.crs-hero-inner{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative}.crs-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lms-t3);margin-bottom:1.5rem}.crs-breadcrumb a{color:var(--lms-t2);text-decoration:none}.crs-breadcrumb a:hover{color:var(--lms-orange)}.crs-breadcrumb span:last-child{color:var(--lms-t1);font-weight:500}.crs-hero-layout{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start}.crs-hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lms-orange);background:var(--lms-orange-dim);border:1px solid var(--lms-orange-bdr);padding:5px 14px;border-radius:100px;margin-bottom:1rem}.crs-dot{width:6px;height:6px;background:var(--lms-orange);border-radius:50%;animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.crs-hero-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:var(--lms-t1);line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem}.crs-hero-desc{font-size:.95rem;color:var(--lms-t2);line-height:1.7;max-width:620px;margin-bottom:1.5rem}.crs-hero-stats{display:flex;flex-wrap:wrap;gap:8px}.crs-stat-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--lms-t2);background:#ffffff0d;border:1px solid var(--lms-border);border-radius:100px;padding:6px 14px}.crs-prog-card{background:#fff;border-radius:var(--lms-radius);padding:1.5rem;box-shadow:0 8px 32px #0006;color:var(--text-primary)}.crs-prog-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.crs-prog-label{font-size:15px;font-weight:600;color:#111827}.crs-prog-pct{font-size:16px;font-weight:700;color:var(--lms-purple)}.crs-prog-track{width:100%;height:6px;background:var(--border-light);border-radius:100px;margin-bottom:1.25rem;overflow:hidden}.crs-prog-fill{height:100%;background:linear-gradient(90deg,var(--lms-orange),var(--lms-purple));border-radius:100px;transition:width 1s ease}.crs-prog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem}.crs-prog-item{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--lms-radius-sm);padding:10px 12px;text-align:center}.crs-prog-num{display:block;font-size:1rem;font-weight:700;color:#111827}.crs-prog-lbl{font-size:11px;color:var(--text-secondary);margin-top:2px;display:block}.crs-pending-txt{color:var(--lms-orange)!important}.crs-rate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:.75rem;background:var(--lms-orange);color:#fff;font-family:var(--lms-font);font-size:.9rem;font-weight:600;border:none;border-radius:var(--lms-radius-sm);cursor:pointer;transition:background var(--lms-ease)}.crs-rate-btn:hover{background:var(--color-accent-hover)}.crs-body{max-width:1280px;margin:0 auto;padding:0 2rem 4rem}.crs-tab-bar{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--lms-border);margin-bottom:2rem;padding-top:1.5rem}.crs-tab{display:inline-flex;align-items:center;gap:6px;font-family:var(--lms-font);font-size:14px;font-weight:500;color:var(--lms-t2);background:none;border:none;border-bottom:2px solid transparent;padding:10px 18px;cursor:pointer;transition:all var(--lms-ease);margin-bottom:-1px}.crs-tab:hover{color:var(--lms-t1)}.crs-tab.active{color:var(--lms-purple-l);border-bottom-color:var(--lms-purple)}.crs-tab-x{margin-left:auto;background:none;border:1px solid var(--lms-border);border-radius:6px;color:var(--lms-t3);padding:4px 10px;font-size:14px;cursor:pointer;transition:all var(--lms-ease)}.crs-tab-x:hover{border-color:var(--lms-border-h);color:var(--lms-t1)}.crs-learn-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}.crs-learn-main{display:flex;flex-direction:column;gap:1.25rem}.crs-video-wrap{position:relative;padding-bottom:56.25%;background:#000;border-radius:var(--lms-radius);overflow:hidden;border:1px solid var(--lms-border)}.crs-video{position:absolute;inset:0;width:100%;height:100%;border:none}.crs-no-video{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--lms-t3);font-size:14px}.crs-lesson-info{background:var(--lms-surface);border:1px solid var(--lms-border);border-radius:var(--lms-radius);padding:1.25rem 1.5rem}.crs-lesson-title{font-size:1.2rem;font-weight:700;color:var(--lms-t1);margin:0 0 .5rem}.crs-lesson-desc{font-size:.9rem;color:var(--lms-t2);line-height:1.65;margin:0 0 .75rem}.crs-dur-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--lms-t3);background:var(--lms-surface-2);border:1px solid var(--lms-border);border-radius:100px;padding:4px 12px}.crs-actions{display:flex;gap:10px;flex-wrap:wrap}.crs-btn-complete,.crs-btn-done,.crs-btn-pdf{display:inline-flex;align-items:center;gap:7px;font-family:var(--lms-font);font-size:13.5px;font-weight:600;border-radius:var(--lms-radius-sm);padding:9px 20px;cursor:pointer;transition:all var(--lms-ease);border:none;text-decoration:none}.crs-btn-complete{background:var(--lms-purple);color:#fff}.crs-btn-complete:hover{background:var(--lms-purple-l)}.crs-btn-done{background:var(--lms-green-dim);color:var(--lms-green);border:1px solid rgba(16,185,129,.3);cursor:default}.crs-btn-pdf{background:var(--lms-surface-2);color:var(--lms-t2);border:1px solid var(--lms-border)}.crs-btn-pdf:hover:not(.disabled){border-color:var(--lms-border-h);color:var(--lms-t1)}.crs-btn-pdf.disabled{opacity:.5;cursor:not-allowed}.crs-assigns{background:var(--lms-surface);border:1px solid var(--lms-border);border-radius:var(--lms-radius);padding:1.25rem 1.5rem}.crs-assigns-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--lms-t1);margin:0 0 1rem}.crs-assign-card{background:var(--lms-surface-2);border:1px solid var(--lms-border);border-radius:var(--lms-radius-sm);padding:1rem 1.25rem;margin-bottom:12px;transition:border-color var(--lms-ease)}.crs-assign-card:hover{border-color:var(--lms-border-h)}.crs-assign-card.mod-type{border-left:3px solid var(--lms-purple)}.crs-assign-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.crs-assign-title-row{display:flex;align-items:center;gap:8px}.crs-mod-badge{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--lms-purple-dim);color:var(--lms-purple-l);border:1px solid var(--lms-purple-bdr);border-radius:4px;padding:2px 7px;white-space:nowrap}.crs-assign-name{font-size:14px;font-weight:600;color:var(--lms-t1);margin:0}.crs-assign-status{font-size:11px;font-weight:600;color:#fff;border-radius:100px;padding:3px 10px;white-space:nowrap}.crs-assign-desc{font-size:13px;color:var(--lms-t2);line-height:1.55;margin:0 0 10px}.crs-assign-meta{display:flex;gap:16px;margin-bottom:12px}.crs-due{font-size:12px;color:var(--lms-orange);font-weight:500}.crs-pts{font-size:12px;color:var(--lms-t3)}.crs-grade-box{background:var(--lms-green-dim);border:1px solid rgba(16,185,129,.2);border-radius:var(--lms-radius-sm);padding:8px 12px;font-size:13px;color:var(--lms-t1);margin-bottom:10px}.crs-assign-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--lms-font);font-size:13px;font-weight:600;color:#fff;background:var(--lms-purple);border:none;border-radius:var(--lms-radius-sm);padding:8px 18px;cursor:pointer;transition:background var(--lms-ease);width:100%;justify-content:center}.crs-assign-btn:hover{background:var(--lms-purple-l)}.crs-learn-sidebar{background:var(--lms-surface);border:1px solid var(--lms-border);border-radius:var(--lms-radius);overflow:hidden;position:sticky;top:90px;max-height:calc(100vh - 120px);overflow-y:auto}.crs-learn-sidebar::-webkit-scrollbar{width:4px}.crs-learn-sidebar::-webkit-scrollbar-thumb{background:var(--lms-border-h);border-radius:2px}.crs-sidebar-hdr{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--lms-border);font-size:13px;font-weight:600;color:var(--lms-t1);background:var(--lms-surface-2)}.crs-sidebar-count{margin-left:auto;font-size:12px;color:var(--lms-orange);font-weight:600;background:var(--lms-orange-dim);border-radius:100px;padding:2px 10px}.crs-modlist{padding:8px 0}.crs-mod-block{border-bottom:1px solid var(--lms-border)}.crs-mod-block:last-child{border-bottom:none}.crs-mod-hdr{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background var(--lms-ease)}.crs-mod-hdr:hover{background:#ffffff08}.crs-mod-num{width:24px;height:24px;background:var(--lms-purple);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.crs-mod-info{flex:1;min-width:0}.crs-mod-name{font-size:13px;font-weight:600;color:var(--lms-t1);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crs-mod-meta{font-size:11px;color:var(--lms-t3);display:block;margin-top:2px}.crs-chevron{color:var(--lms-t3);transition:transform var(--lms-ease);display:flex}.crs-chevron.open{transform:rotate(180deg)}.crs-lesson-list{padding:4px 0 8px}.crs-lesson-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px 9px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:background var(--lms-ease)}.crs-lesson-row:hover{background:#ffffff08}.crs-lesson-row.active{background:var(--lms-purple-dim)}.crs-l-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lms-t3)}.crs-lesson-row.active .crs-l-icon{color:var(--lms-purple-l)}.crs-lesson-row.done .crs-l-icon{color:var(--lms-green)}.crs-l-name{flex:1;font-size:12.5px;color:var(--lms-t2);line-height:1.4}.crs-lesson-row.active .crs-l-name{color:var(--lms-t1);font-weight:500}.crs-lesson-row.done .crs-l-name{color:var(--lms-t3);text-decoration:line-through}.crs-l-dur{font-size:11px;color:var(--lms-t3);white-space:nowrap}.crs-ov-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}.crs-ov-main,.crs-ov-side{display:flex;flex-direction:column;gap:1.25rem}.crs-ov-card{background:var(--lms-surface);border:1px solid var(--lms-border);border-radius:var(--lms-radius);padding:1.5rem}.crs-ov-title{font-size:1rem;font-weight:700;color:var(--lms-t1);margin:0 0 1rem;padding-bottom:10px;border-bottom:1px solid var(--lms-border)}.crs-ov-text{font-size:14px;color:var(--lms-t2);line-height:1.7;margin:0}.crs-learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crs-learn-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--lms-t2);line-height:1.5}.crs-learn-chk{color:var(--lms-green);flex-shrink:0;margin-top:2px}.crs-prereq-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.crs-prereq-list li{font-size:13px;color:var(--lms-t2);padding-left:14px;position:relative}.crs-prereq-list li:before{content:"•";position:absolute;left:0;color:var(--lms-purple-l)}.crs-instructor-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.crs-instr-avatar{width:42px;height:42px;background:var(--lms-purple-dim);border:2px solid var(--lms-purple-bdr);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--lms-purple-l);flex-shrink:0}.crs-instr-name{font-size:14px;font-weight:600;color:var(--lms-t1);margin:0 0 2px}.crs-instr-exp{font-size:12px;color:var(--lms-orange);margin:0}.crs-instr-bio{font-size:13px;color:var(--lms-t2);line-height:1.6;margin:0}.crs-stats-rows{display:flex;flex-direction:column;gap:10px}.crs-stats-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lms-t2)}.crs-cert-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}.crs-cert-main{display:flex;flex-direction:column;gap:1.25rem}.crs-cert-lead{font-size:14px;font-weight:600;color:var(--lms-purple-l);margin:0 0 10px}.crs-cert-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.crs-req-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.crs-req-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--lms-t2);line-height:1.5}.crs-req-n{width:20px;height:20px;background:var(--lms-purple-dim);color:var(--lms-purple-l);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.crs-benefit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.crs-benefit-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--lms-t2);line-height:1.5}.crs-benefit-chk{color:var(--lms-green);flex-shrink:0;margin-top:2px}.crs-cert-prog-card{text-align:center}.crs-circular-wrap{position:relative;width:120px;height:120px;margin:0 auto 1.25rem}.crs-circ-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.crs-circ-pct{font-size:1.4rem;font-weight:800;color:var(--lms-t1)}.crs-circ-sub{font-size:11px;color:var(--lms-t3)}.crs-cert-stat-row{display:flex;justify-content:center;gap:2rem;margin-bottom:1.25rem}.crs-cert-stat{text-align:center}.crs-cert-sn{display:block;font-size:1.1rem;font-weight:700;color:var(--lms-t1)}.crs-cert-sl{font-size:11px;color:var(--lms-t3)}.crs-cert-locked-state,.crs-cert-unlocked{display:flex;flex-direction:column;align-items:center;gap:10px}.crs-cert-locked-state{color:var(--lms-t3)}.crs-cert-locked-state p{font-size:13px;color:var(--lms-t2);text-align:center;margin:0}.crs-cert-unlocked{color:var(--lms-green)}.crs-cert-unlocked p{font-size:13px;color:var(--lms-t2);margin:0}.crs-dl-cert-btn,.crs-continue-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--lms-font);font-size:13px;font-weight:600;border-radius:var(--lms-radius-sm);padding:9px 20px;cursor:pointer;border:none;transition:all var(--lms-ease)}.crs-dl-cert-btn{background:var(--lms-green);color:#fff}.crs-dl-cert-btn:hover{opacity:.9}.crs-continue-btn{background:var(--lms-purple);color:#fff}.crs-continue-btn:hover{background:var(--lms-purple-l)}.crs-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.crs-modal{background:var(--lms-surface);border:1px solid var(--lms-border-h);border-radius:var(--lms-radius);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0009}.crs-modal-hdr{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--lms-border)}.crs-modal-hdr h3{font-size:1rem;font-weight:700;color:var(--lms-t1);margin:0}.crs-modal-x{background:none;border:1px solid var(--lms-border);color:var(--lms-t3);width:28px;height:28px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--lms-ease)}.crs-modal-x:hover{border-color:var(--lms-border-h);color:var(--lms-t1)}.crs-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.crs-modal-desc{font-size:14px;color:var(--lms-t2);line-height:1.6;margin:0}.crs-modal-meta{display:flex;gap:16px;font-size:13px;color:var(--lms-t3);background:var(--lms-surface-2);border:1px solid var(--lms-border);border-radius:var(--lms-radius-sm);padding:10px 14px}.crs-modal-meta span:first-child{color:var(--lms-orange)}.crs-textarea{width:100%;background:var(--lms-surface-2);border:1px solid var(--lms-border);border-radius:var(--lms-radius-sm);color:var(--lms-t1);font-family:var(--lms-font);font-size:13px;padding:12px 14px;resize:vertical;outline:none;transition:border-color var(--lms-ease)}.crs-textarea:focus{border-color:var(--lms-purple-bdr)}.crs-file-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crs-file-lbl{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--lms-t1);background:var(--lms-surface-2);border:1px dashed var(--lms-border-h);border-radius:var(--lms-radius-sm);padding:9px 18px;cursor:pointer;transition:all var(--lms-ease)}.crs-file-lbl:hover{background:var(--lms-purple-dim);border-color:var(--lms-purple-bdr)}.crs-file-name{font-size:12px;color:var(--lms-green)}.crs-quiz-ph{background:var(--lms-surface-2);border:1px solid var(--lms-border);border-radius:var(--lms-radius-sm);padding:1.5rem;text-align:center;color:var(--lms-t3);font-size:13px}.crs-modal-submit{width:100%;padding:11px;background:var(--lms-purple);color:#fff;font-family:var(--lms-font);font-size:14px;font-weight:600;border:none;border-radius:var(--lms-radius-sm);cursor:pointer;transition:background var(--lms-ease)}.crs-modal-submit:hover{background:var(--lms-purple-l)}.crs-modal-submit:disabled{opacity:.4;cursor:not-allowed}.crs-sub-view{font-size:13px;color:var(--lms-t2)}.crs-waiting{color:var(--lms-blue);font-size:13px}.crs-rate-modal{max-width:420px}.crs-stars{display:flex;justify-content:center;gap:6px}.crs-star-btn{background:none;border:none;cursor:pointer;padding:4px;transition:transform var(--lms-ease)}.crs-star-btn:hover{transform:scale(1.15)}.crs-rating-txt{text-align:center;font-size:13px;color:var(--lms-t2);margin:0}@media(max-width:900px){.crs-hero-layout,.crs-learn-layout,.crs-ov-layout,.crs-cert-layout,.crs-cert-two-col,.crs-learn-grid{grid-template-columns:1fr}.crs-learn-sidebar{position:static;max-height:400px}}@media(max-width:600px){.crs-hero-inner{padding:0 1rem}.crs-body{padding:0 1rem 3rem}.crs-hero-stats{flex-direction:column}}.crs-login-wall{text-align:center;max-width:360px;padding:36px 32px}.crs-login-wall-icon{font-size:40px;margin-bottom:12px}.crs-login-wall h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:10px}.crs-login-wall p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.crs-login-wall-btns{display:flex;flex-direction:column;gap:10px}.crs-login-wall-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 0;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.crs-login-wall-primary:hover{background:var(--color-primary-light)}.crs-login-wall-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:11px 0;font-size:13px;cursor:pointer;transition:var(--transition-fast)}.crs-login-wall-secondary:hover{background:var(--bg-card);color:var(--text-primary)}*{box-sizing:border-box}.premium-dashboard-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f5f5f7,#fafafa);position:relative;overflow-x:hidden;transition:all .3s var(--transition-smooth)}.premium-dashboard-layout.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.dark-mode .premium-top-nav{background:linear-gradient(135deg,#2d2d44,#3d3d5c,#4d4d6c)}.dark-mode .glass-effect{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.premium-dashboard-layout:before{display:none}.glass-effect{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-md)}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.ripple-effect:active:after{width:300px;height:300px;transition:width 0s,height 0s}.sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;animation:fadeIn .2s ease}.premium-sidebar{background:var(--primary-gradient);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;top:0;left:0;z-index:100;box-shadow:4px 0 24px #262c4a66;overflow:hidden}.desktop-sidebar{transition:width .3s var(--transition-smooth)}.desktop-sidebar.expanded{width:280px}.desktop-sidebar.collapsed{width:70px}.mobile-sidebar{width:280px!important;transform:translate(-100%);transition:transform .3s var(--transition-smooth)}.mobile-sidebar.open{transform:translate(0)}.sidebar-resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;background:transparent;cursor:col-resize;z-index:1001;transition:background .2s ease}.sidebar-resize-handle:hover{background:#ffffff4d}.sidebar-resize-handle:active{background:#ffffff80}.resize-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:40px;background:#fff6;border-radius:10px;opacity:0;transition:opacity .2s ease;pointer-events:none}.sidebar-resize-handle:hover .resize-indicator{opacity:1}.sidebar-header{padding:16px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative;z-index:2;min-height:var(--sidebar-header-height);flex-shrink:0}.sidebar-header--icon{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 8px}.premium-sidebar.narrow .sidebar-header{padding:20px 10px;justify-content:center;flex-direction:column;gap:12px}.sidebar-hamburger-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:7px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.sidebar-hamburger-btn:hover{background:#ffffff38;transform:scale(1.08)}.mobile-topnav-hamburger{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:8px;border-radius:8px;transition:all .2s ease;flex-shrink:0}.mobile-topnav-hamburger:hover{background:#ffffff38;transform:scale(1.05)}.sidebar-close-btn,.hamburger-btn,.mobile-menu-toggle,.sidebar-shine{display:none}.sidebar-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(99,110,180,.25) 0%,transparent 60%),radial-gradient(ellipse at bottom right,rgba(20,24,50,.4) 0%,transparent 60%),linear-gradient(160deg,rgba(255,255,255,.04) 0%,transparent 50%,rgba(0,0,0,.15) 100%);pointer-events:none;z-index:1}.sidebar-brand{display:flex;align-items:center;gap:12px;overflow:hidden;justify-content:flex-start;text-decoration:none;cursor:pointer;border-radius:10px;padding:6px 8px;transition:background .2s ease,transform .2s ease}.sidebar-brand:hover{background:#ffffff14;transform:translateY(-2px)}.logo-wrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo{width:36px;height:36px;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.logo-glow{display:none}.brand-text{font-size:18px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-gradient{background:linear-gradient(135deg,#fff,#f0f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pinned-section{padding:8px 12px 12px;margin-top:8px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.section-title{display:flex;align-items:center;gap:6px;padding:6px 8px;color:#ffffffb3;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.premium-sidebar-nav{flex:1;padding:12px 0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:2}.premium-sidebar-nav::-webkit-scrollbar{width:4px}.premium-sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.nav-item-container{position:relative;margin-bottom:2px}.nav-item-wrapper{position:relative;display:flex;align-items:center;gap:4px;padding:0 8px}.premium-sidebar.narrow .nav-item-wrapper{justify-content:center;padding:0 4px}.premium-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:2px 0;color:#ffffffb3;text-decoration:none;border-radius:10px;transition:all .3s var(--transition-smooth);position:relative;overflow:visible;flex:1;min-width:0}.icon-only-item{justify-content:center;padding:12px}.nav-item-wrapper--icon{justify-content:center;padding:0 4px}.logout-icon-only,.premium-nav-item.narrow{justify-content:center;padding:12px}.premium-nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.premium-nav-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.premium-sidebar.narrow .premium-nav-item:hover{transform:scale(1.05)}.premium-nav-item:hover:before{opacity:1}.premium-nav-item.active{background:linear-gradient(135deg,#fafafa,#f0f0f0);color:#262c4a;font-weight:600;box-shadow:0 4px 16px #0000001a;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.premium-nav-item.active:before{opacity:0}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:radial-gradient(circle,rgba(38,44,74,.4) 0%,transparent 70%);animation:iconPulse 2s ease-in-out infinite;pointer-events:none}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.nav-label{font-size:14px;font-weight:500;letter-spacing:.2px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700;flex-shrink:0;line-height:1.4;animation:bounceIn .4s ease}.badge-count{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.badge-new{background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff}.active-indicator{display:none}.nav-actions{display:flex;gap:2px;opacity:0;transition:opacity .3s ease;flex-shrink:0}.nav-item-wrapper:hover .nav-actions{opacity:1}.pin-btn{display:none}.expand-btn{background:#ffffff1a;border:none;color:#fff;padding:4px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expand-btn:hover{background:#fff3;transform:scale(1.05)}.sub-menu{padding:4px 0 8px 48px;animation:slideDown .3s ease;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.sub-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:2px 8px 2px 0;color:#fff9;text-decoration:none;border-radius:8px;font-size:13px;transition:all .2s ease}.sub-menu-item:hover{color:#fff;background:#ffffff0d;transform:translate(2px)}.sub-menu-dot{width:4px;height:4px;background:#ffffff80;border-radius:50%;flex-shrink:0}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.premium-logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;margin:0 auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;cursor:pointer;width:100%;border-radius:10px;transition:all .3s ease;font-size:14px;font-weight:500}.premium-sidebar.narrow .premium-logout-btn{padding:12px}.premium-logout-btn:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b;transform:translateY(-2px)}.premium-main-content{flex:1;margin-left:280px;transition:margin-left .3s var(--transition-smooth);position:relative;z-index:1;min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.premium-top-nav{background:linear-gradient(100deg,#1a1f38,#262c4a 30%,#2f3660,#3d4878);padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 4px 24px #1a1f3880;position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(255,255,255,.08);overflow:visible;height:var(--sidebar-header-height);min-height:var(--sidebar-header-height)}.nav-shine{display:none}@keyframes navShine{0%{left:-100%}to{left:100%}}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;color:#fff;padding:8px;border-radius:8px;transition:all .2s ease}.mobile-menu-toggle:hover{background:#ffffff1a}.hamburger-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:8px;border-radius:8px;transition:all .2s ease;flex-shrink:0}.hamburger-btn:hover{background:#ffffff38;transform:scale(1.05)}.top-nav-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.top-nav-center{display:flex;align-items:center;justify-content:center;flex:1;max-width:500px}.top-nav-right{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end;flex-shrink:0;position:relative}.breadcrumb{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:13px;overflow:hidden;white-space:nowrap}.breadcrumb-item{transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#ffffffb3}.breadcrumb-item:not(.active):hover{color:#fff;cursor:pointer;text-decoration:none}.breadcrumb-item:not(.active):hover{color:#fff;cursor:pointer}.breadcrumb-separator{color:#fff6;flex-shrink:0}.search-trigger-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:13px;white-space:nowrap;width:100%;max-width:400px;justify-content:center}.search-trigger-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.search-trigger-btn svg{flex-shrink:0}.kbd-hint{background:#0003;padding:2px 6px;border-radius:4px;font-size:10px;font-family:monospace;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.quick-actions{display:flex;gap:6px;flex-shrink:0}.action-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.datetime-display{display:flex;flex-direction:column;gap:2px;background:#ffffff26;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.25);flex-shrink:0}.time,.date{display:flex;align-items:center;gap:4px;color:#fff;font-size:11px;white-space:nowrap}.time svg,.date svg{flex-shrink:0}.notification-wrapper{position:relative;flex-shrink:0}.premium-notification-btn{position:relative;background:#ffffff26;border:1px solid rgba(255,255,255,.25);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.premium-notification-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.notification-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-size:9px;padding:2px 5px;border-radius:10px;font-weight:600;box-shadow:0 2px 8px #ff6b6b66;animation:bounceIn .5s ease;line-height:1;pointer-events:none}.notification-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:notifPulse 2s ease-in-out infinite;pointer-events:none}@keyframes notifPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:360px;max-height:480px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden;animation:slideDown .3s ease;z-index:1000}.dark-mode .notifications-dropdown{background:#2d2d44;color:#fff}.notifications-header{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;gap:12px}.dark-mode .notifications-header{border-bottom-color:#ffffff1a}.notifications-header h3{margin:0;font-size:15px;font-weight:600;color:#2d3436}.dark-mode .notifications-header h3{color:#fff}.mark-all-read{background:none;border:none;color:#262c4a;font-size:11px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap}.mark-all-read:hover{color:#3a4275}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .2s ease;position:relative}.dark-mode .notification-item{border-bottom-color:#ffffff0d}.notification-item:hover{background:#5b4a9e0d}.notification-item.unread{background:#5b4a9e08}.notif-content h4{margin:0 0 4px;font-size:13px;font-weight:600;color:#2d3436}.dark-mode .notif-content h4{color:#fff}.notif-content p{margin:0 0 4px;font-size:12px;color:#636e72;line-height:1.4}.dark-mode .notif-content p{color:#ffffffb3}.notif-time{font-size:10px;color:#95a5a6}.unread-dot{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:7px;height:7px;background:#262c4a;border-radius:50%;animation:pulse 2s ease-in-out infinite}.user-menu-wrapper{position:relative;flex-shrink:0}.premium-user-menu{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:10px;cursor:pointer;transition:all .3s ease}.premium-user-menu:hover{background:#ffffff40;box-shadow:0 4px 16px #fff3;transform:translateY(-2px)}.user-avatar-wrapper{position:relative;width:40px;height:40px;flex-shrink:0}.user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #00000026;display:block}.avatar-ring{position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#fffc,#fff6) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate 3s linear infinite;pointer-events:none}.online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#51cf66;border:2px solid white;border-radius:50%;animation:pulse 2s ease-in-out infinite}.user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-weight:600;font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;color:#fff;text-transform:capitalize;text-decoration:none}.premium-user-menu:hover .user-role{color:#fff;text-decoration:none}.dropdown-arrow{transition:transform .3s ease;flex-shrink:0}.dropdown-arrow.rotated{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden;animation:slideDown .3s ease;z-index:1000}.dark-mode .profile-dropdown{background:#2d2d44;color:#fff}.profile-header{padding:16px;background:linear-gradient(135deg,#262c4a,#3a4275);color:#fff;display:flex;gap:12px;align-items:center}.profile-header img{width:50px;height:50px;border-radius:50%;border:2px solid white;flex-shrink:0}.profile-header div{min-width:0;flex:1}.profile-header h3{margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-header p{margin:0;font-size:12px;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu{padding:8px}.profile-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;color:#2d3436;cursor:pointer;border-radius:8px;transition:all .2s ease;width:100%;text-align:left;font-size:13px}.dark-mode .profile-menu-item{color:#fff}.profile-menu-item:hover{background:#262c4a14}.profile-menu-item svg{flex-shrink:0}.profile-menu-item.logout{color:#ff6b6b}.profile-menu-item.logout:hover{background:#ff6b6b14}.profile-divider{height:1px;background:#0000000d;margin:6px 0}.dark-mode .profile-divider{background:#ffffff1a}.search-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:10vh 20px 20px;z-index:1001;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{width:100%;max-width:600px;background:#fff;border-radius:12px;overflow:hidden;animation:slideDown .3s ease}.dark-mode .search-modal{background:#2d2d44;color:#fff}.search-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(0,0,0,.05)}.dark-mode .search-header{border-bottom-color:#ffffff1a}.search-icon{color:#636e72;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:15px;background:none;color:#2d3436;min-width:0}.dark-mode .search-input{color:#fff}.search-input::placeholder{color:#95a5a6}.search-close{background:none;border:none;cursor:pointer;color:#636e72;transition:all .2s ease;padding:4px;border-radius:6px;flex-shrink:0}.search-close:hover{background:#0000000d}.search-results{padding:12px;max-height:400px;overflow-y:auto}.search-category h4{margin:12px 8px 8px;font-size:11px;color:#95a5a6;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.search-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#2d3436}.dark-mode .search-item{color:#fff}.search-item:hover{background:#262c4a14}.search-item svg{flex-shrink:0}.shortcuts-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1001;animation:fadeIn .2s ease}.shortcuts-modal{width:100%;max-width:500px;background:#fff;border-radius:12px;overflow:hidden;animation:slideDown .3s ease}.dark-mode .shortcuts-modal{background:#2d2d44;color:#fff}.shortcuts-header{padding:16px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;gap:12px}.dark-mode .shortcuts-header{border-bottom-color:#ffffff1a}.shortcuts-header h3{margin:0;font-size:16px;font-weight:600}.shortcuts-header button{background:none;border:none;cursor:pointer;color:#636e72;transition:all .2s ease;padding:4px;border-radius:6px;flex-shrink:0}.shortcuts-header button:hover{background:#0000000d}.shortcuts-content{padding:16px;max-height:400px;overflow-y:auto}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05);gap:12px}.dark-mode .shortcut-item{border-bottom-color:#ffffff0d}.shortcut-item:last-child{border-bottom:none}.shortcut-keys{display:flex;gap:4px;flex-shrink:0}.shortcut-item kbd{background:#262c4a1a;padding:4px 8px;border-radius:4px;font-size:11px;font-family:monospace;border:1px solid rgba(38,44,74,.2);color:#262c4a;font-weight:600}.dark-mode .shortcut-item kbd{background:#ffffff1a;border-color:#fff3;color:#fff}.shortcut-item span{color:#636e72;font-size:13px;flex:1;min-width:0}.dark-mode .shortcut-item span{color:#ffffffb3}.premium-page-content{padding:24px;flex:1;position:relative}.content-shine{display:none}@media(max-width:1024px){.premium-main-content{margin-left:0!important}.datetime-display,.top-nav-center{display:none}}@media(max-width:768px){.premium-top-nav{padding:10px 16px;height:auto;min-height:var(--top-nav-height)}.premium-page-content{padding:16px}.user-info,.breadcrumb{display:none}.quick-actions .action-btn:not(:last-child){display:none}.search-trigger-btn .kbd-hint{display:none}.top-nav-left,.top-nav-right{gap:8px}.notifications-dropdown,.profile-dropdown{width:300px}}@media(max-width:480px){.notifications-dropdown,.profile-dropdown{width:calc(100vw - 32px);right:-8px}.search-modal{width:calc(100vw - 32px)}.premium-top-nav{padding:8px 12px;gap:8px}.top-nav-right{gap:6px}}html{scroll-behavior:smooth}::selection{background:#262c4a4d;color:#2d3436}*:focus-visible{outline:2px solid #262c4a;outline-offset:2px}button{-webkit-user-select:none;user-select:none}.adm-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;background:#eef0f8;position:relative;overflow:hidden;padding:24px 16px;opacity:0;transition:opacity .4s ease}.adm-mounted{opacity:1}.adm-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.adm-bg-circle{position:absolute;border-radius:50%;filter:blur(80px)}.adm-bg-circle-1{width:500px;height:500px;background:#2f36601a;top:-160px;left:-120px;animation:bgDrift 14s ease-in-out infinite alternate}.adm-bg-circle-2{width:400px;height:400px;background:#ff7a1812;bottom:-120px;right:-100px;animation:bgDrift 18s ease-in-out infinite alternate-reverse}.adm-bg-circle-3{width:300px;height:300px;background:#2f36600f;top:40%;right:10%;animation:bgDrift 22s ease-in-out infinite alternate}@keyframes bgDrift{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.08)}}.adm-card{position:relative;z-index:1;background:#fff;border-radius:20px;box-shadow:0 8px 40px #2f366021,0 2px 8px #2f36600f;width:100%;max-width:480px;padding:32px 36px 24px;animation:cardIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.adm-card-top{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:20px}.adm-illustration{display:flex;align-items:center;justify-content:center;width:160px;height:160px}.adm-card-logo{display:flex;align-items:center;gap:10px}.adm-logo-img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.adm-logo-brand{font-size:15px;font-weight:700;color:#2f3660;letter-spacing:-.2px;line-height:1.2}.adm-logo-sub{font-size:10px;font-weight:600;color:#ff7a18;letter-spacing:.1em;text-transform:uppercase;line-height:1}.adm-tabs{display:flex;background:#f0f2f8;border-radius:10px;padding:4px;margin-bottom:20px;gap:4px}.adm-tab{flex:1;padding:9px 0;font-size:13.5px;font-weight:600;font-family:Sora,sans-serif;border:none;border-radius:7px;cursor:pointer;background:transparent;color:#8a90b0;transition:background .2s,color .2s,box-shadow .2s}.adm-tab-active{background:#fff;color:#2f3660;box-shadow:0 1px 6px #2f36601f}.adm-alert{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:10px 13px;border-radius:9px;margin-bottom:14px;animation:shake .35s ease}.adm-alert-error{background:#fff5f5;border:1px solid #fecaca;border-left:3px solid #ef4444;color:#dc2626}.adm-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #22c55e;color:#16a34a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.adm-heading{margin-bottom:20px}.adm-heading h2{font-size:22px;font-weight:800;color:#1a1f35;letter-spacing:-.03em;margin-bottom:4px}.adm-heading h2 span{color:#2f3660}.adm-heading p{font-size:13px;color:#8a90b0;font-weight:400}.adm-form{display:flex;flex-direction:column;gap:14px}.adm-field label{display:block;font-size:12px;font-weight:600;color:#4a5270;letter-spacing:.02em;margin-bottom:6px}.adm-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.adm-label-row label{margin:0}.adm-forgot{font-size:12px;color:#2f3660;text-decoration:none;font-weight:600;opacity:.75;transition:opacity .2s}.adm-forgot:hover{opacity:1}.adm-input-wrap{position:relative;display:flex;align-items:center}.adm-input-wrap>svg:first-child{position:absolute;left:13px;color:#b0b8d0;pointer-events:none;z-index:1;transition:color .2s}.adm-input-wrap input{width:100%;padding:12px 12px 12px 40px;background:#f7f8fc;border:1.5px solid #e2e5f0;border-radius:10px;color:#1a1f35;font-size:13.5px;font-family:Sora,sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.adm-input-wrap input::placeholder{color:#b8bdd4}.adm-input-wrap input:focus{border-color:#2f3660;background:#fff;box-shadow:0 0 0 3px #2f366017}.adm-input-wrap:focus-within>svg:first-child{color:#2f3660}.adm-eye{position:absolute;right:11px;background:none;border:none;color:#b0b8d0;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:6px;transition:color .2s;outline:none}.adm-eye:hover{color:#2f3660}.adm-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.adm-strength-bars{display:flex;gap:4px;flex:1}.adm-strength-bar{flex:1;height:3px;border-radius:2px;background:#e2e5f0;transition:background .25s}.str-weak .adm-strength-bar{background:#ef4444}.str-fair .adm-strength-bar{background:#f97316}.str-good .adm-strength-bar{background:#eab308}.str-strong .adm-strength-bar{background:#22c55e}.adm-strength-label{font-size:11px;font-weight:700;min-width:40px;text-align:right}.str-weak{color:#ef4444}.str-fair{color:#f97316}.str-good{color:#eab308}.str-strong{color:#22c55e}.adm-row-between{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.adm-remember{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#7a8099;cursor:pointer;-webkit-user-select:none;user-select:none}.adm-check-box{width:16px;height:16px;border:1.5px solid #d0d4e8;border-radius:4px;background:#f7f8fc;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.adm-checked{background:#2f3660;border-color:#2f3660}.adm-submit{width:100%;margin-top:4px;padding:13px 20px;background:linear-gradient(135deg,#2f3660,#3d4580);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;font-family:Sora,sans-serif;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s,box-shadow .25s,opacity .2s;box-shadow:0 4px 18px #2f36604d}.adm-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 26px #2f366066}.adm-submit:active:not(:disabled){transform:translateY(0)}.adm-submit:disabled{opacity:.65;cursor:not-allowed}.adm-submit-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);background-size:200% 100%;background-position:-100% 0;border-radius:inherit;pointer-events:none}.adm-submit:hover:not(:disabled) .adm-submit-shimmer{animation:shimmerSweep .55s ease forwards}@keyframes shimmerSweep{0%{background-position:-100% 0}to{background-position:200% 0}}.adm-submit-loading{opacity:.8}.adm-loading-state{display:flex;align-items:center;gap:10px;justify-content:center}.adm-loading-text{font-size:13.5px;font-weight:600;opacity:.9}.adm-dots{display:flex;align-items:center;gap:4px}.adm-dot{width:5px;height:5px;background:#ffffffe6;border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.adm-dot:nth-child(1){animation-delay:0s}.adm-dot:nth-child(2){animation-delay:.2s}.adm-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.adm-secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:11px;color:#b0b8d0;font-weight:500}.adm-footer{text-align:center;font-size:11px;color:#c8ccd8;letter-spacing:.02em;margin-top:20px;padding-top:16px;border-top:1px solid #f0f2f8}@media(max-width:520px){.adm-card{padding:24px 20px 20px;border-radius:16px}.adm-heading h2{font-size:20px}}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card-blue .stat-icon{background:#6c5ce71a;color:#6c5ce7}.stat-card-green .stat-icon{background:#00b8941a;color:#00b894}.stat-card-orange .stat-icon{background:#fd79a81a;color:#fd79a8}.stat-card-purple .stat-icon{background:#a29bfe1a;color:#a29bfe}.stat-trend{font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px}.stat-trend.positive{color:#00b894;background:#00b8941a}.stat-trend.negative{color:#ff7675;background:#ff76751a}.stat-trend.neutral{color:#636e72;background:#636e721a}.stat-card-body{margin-top:12px}.stat-value{font-size:32px;font-weight:700;margin:0;color:#2d3436}.stat-title{font-size:14px;color:#636e72;margin:4px 0 0;font-weight:500}.dashboard-content{padding:24px 28px;width:100%;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}.dash-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.dash-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.dash-stats-grid.three{grid-template-columns:repeat(3,1fr)}.dash-stats-grid .stat-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;padding:14px 16px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 6px #0000000f!important;border:1px solid rgba(91,74,158,.08)!important;transition:all .2s ease!important;opacity:1!important;animation:none!important}.dash-stats-grid .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #5b4a9e1f!important}.dash-stats-grid .stat-card-header{margin-bottom:0!important;flex-shrink:0!important}.dash-stats-grid .stat-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:linear-gradient(135deg,#5b4a9e,#7b6bbd)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.dash-stats-grid .stat-card-body{flex:1!important;margin-top:0!important}.dash-stats-grid .stat-value{font-size:20px!important;font-weight:800!important;color:#1e1b3a!important;margin:0 0 2px!important;line-height:1!important}.dash-stats-grid .stat-title{font-size:10px!important;font-weight:600!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:0!important}.dash-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.dash-chart-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 6px #0000000f;border:1px solid rgba(91,74,158,.08);margin-bottom:14px}.dash-chart-title{font-size:12px;font-weight:700;color:#1e1b3a;margin:0 0 14px}.dash-empty{height:180px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;font-style:italic;margin:0}.dash-activity-feed{list-style:none;padding:0;margin:0}.dash-activity-item{display:flex;align-items:center;gap:10px;padding:10px 8px;font-size:13px;border-bottom:1px solid rgba(91,74,158,.06);transition:all .2s ease}.dash-activity-item:last-child{border-bottom:none}.dash-activity-item:hover{background:#5b4a9e08;border-radius:8px}.dash-activity-item strong{color:#5b4a9e;font-weight:700}.dash-activity-time{margin-left:auto;color:#94a3b8;font-size:11px;white-space:nowrap}@media(max-width:1024px){.dash-stats-grid,.dash-stats-grid.three{grid-template-columns:repeat(2,1fr)}.dash-charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-stats-grid.three{grid-template-columns:1fr}.dashboard-content{padding:16px}}.data-table-wrapper{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.table-search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f7;border-radius:8px;margin-bottom:16px;position:relative}.table-search input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:#2d3436}.table-search input::placeholder{color:#b2bec3}.clear-search{background:none;border:none;color:#636e72;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .3s}.clear-search:hover{color:#2d3436}.table-info{font-size:13px;color:#636e72;margin-bottom:12px}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa}.data-table thead th{text-align:left;padding:12px 16px;font-weight:600;color:#2d3436;font-size:14px;border-bottom:2px solid #e9ecef;white-space:nowrap}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.data-table thead th.sortable:hover{background:#e9ecef}.th-content{display:flex;align-items:center;gap:8px;justify-content:space-between}.sort-indicator{display:flex;align-items:center;color:#6c5ce7}.sort-both{color:#b2bec3;font-size:12px}.data-table tbody td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px;color:#2d3436}.data-table tbody tr{transition:background .2s}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr:hover{background:#f8f9fa}.data-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:40px 16px!important;color:#b2bec3;font-style:italic}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #dfe6e9;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px;color:#2d3436;font-weight:500}.pagination-btn:hover:not(:disabled){background:#6c5ce7;color:#fff;border-color:#6c5ce7}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;gap:6px;align-items:center}.pagination-number{min-width:36px;height:36px;padding:0 8px;border:1px solid #dfe6e9;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px;color:#2d3436;font-weight:500}.pagination-number:hover{background:#f8f9fa;border-color:#6c5ce7}.pagination-number.active{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.pagination-ellipsis{color:#636e72;padding:0 4px}@media(max-width:768px){.data-table-wrapper{padding:16px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.table-pagination{flex-direction:column;gap:12px}.pagination-numbers{order:-1}}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:flex-end;z-index:99999;padding:16px 24px 16px 16px;box-sizing:border-box;animation:overlayFadeIn .25s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:14px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-shadow:0 16px 60px #0000002e;animation:modalSlideInRight .3s cubic-bezier(.22,1,.36,1);box-sizing:border-box}@keyframes modalSlideInRight{0%{transform:translate(40px) scale(.97);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.modal-small{max-width:380px}.modal-medium{max-width:520px}.modal-large{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e9ecef;position:sticky;top:0;background:#fff;z-index:2;flex-shrink:0;border-radius:14px 14px 0 0}.modal-header h2{margin:0;font-size:17px;font-weight:700;color:#2d3436;line-height:1.3;padding-right:12px}.modal-close{background:#f1f0f7;border:none;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0;color:#636e72}.modal-close:hover{background:#e0ddf0;color:#2d3436}.modal-body{padding:20px 22px;flex:1;overflow-y:auto;overflow-x:hidden}@media(min-width:1400px){.modal-large{max-width:800px}}@media(max-width:1024px){.modal-overlay{padding:16px}.modal-large{max-width:600px}.modal-medium{max-width:480px}}@media(max-width:768px){.modal-overlay{justify-content:center;padding:12px}.modal-small,.modal-medium,.modal-large{max-width:100%}.modal-content{animation:modalPopIn .3s cubic-bezier(.22,1,.36,1)}@keyframes modalPopIn{0%{transform:scale(.95) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header,.modal-body{padding:16px 18px}.modal-header h2{font-size:15px}}@media(max-width:480px){.modal-overlay{align-items:flex-end;justify-content:center;padding:0}.modal-content{width:100vw;max-height:94vh;border-radius:18px 18px 0 0;box-shadow:0 -8px 40px #00000026;animation:bottomSheetSlideIn .35s cubic-bezier(.22,1,.36,1)}@keyframes bottomSheetSlideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{position:relative;border-radius:18px 18px 0 0;padding-top:22px}.modal-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#d1d5db;border-radius:99px}.modal-body{padding:16px 16px 36px}}.admin-users{max-width:1600px;margin:0 auto;animation:fadeSlideIn .4s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-header h1{font-size:28px;font-weight:800;margin:0 0 6px;color:#1e1b3a;position:relative;display:inline-block}.page-header h1:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:#5b4a9e;border-radius:2px}.page-header p{color:#94a3b8;margin:8px 0 0;font-size:13px;font-weight:500}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:6px}.btn-icon{width:34px;height:34px;padding:0;border:1px solid transparent;background:transparent;border-radius:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.btn-view{color:#5b4a9e;background:#5b4a9e0f;border-color:#5b4a9e1f}.btn-view:hover{background:#5b4a9e;border-color:#5b4a9e;color:#fff}.btn-edit{color:#0369a1;background:#0369a10f;border-color:#0369a11f}.btn-edit:hover{background:#0369a1;border-color:#0369a1;color:#fff}.btn-delete{color:#dc2626;background:#dc26260f;border-color:#dc26261f}.btn-delete:hover{background:#dc2626;border-color:#dc2626;color:#fff}.table-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 8px #0000000f;border:1px solid rgba(91,74,158,.08)}.table-search{background:#f8f9fb;border:1px solid rgba(91,74,158,.12);border-radius:10px}.table-search input{color:#1e1b3a;font-weight:500;font-size:13px}.table-search input::placeholder{color:#cbd5e1}.data-table thead th{color:#5b4a9e;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;background:#f8f9fb}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#faf9ff}.pagination-btn:hover:not(:disabled){background:#5b4a9e;color:#fff;border-color:#5b4a9e}.pagination-number.active{background:#5b4a9e;color:#fff;border-color:#5b4a9e}.pagination-number:hover{border-color:#5b4a9e;color:#5b4a9e}.user-detail{display:flex;flex-direction:column;gap:14px}.detail-row{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#f8f9fb;border-radius:10px;border:1px solid rgba(91,74,158,.08)}.detail-row strong{color:#5b4a9e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}}.admin-courses{max-width:1400px;padding:24px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.courses-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.courses-title{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0}.courses-subtitle{font-size:.8rem;color:#64748b;margin:2px 0 0}.btn-add-course{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-add-course:hover{background:#4338ca}.courses-stats{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;flex:1;min-width:130px;color:#4f46e5}.stat-card>div{display:flex;flex-direction:column}.stat-number{font-size:1.2rem;font-weight:700;color:#1e293b;line-height:1}.stat-label{font-size:.72rem;color:#64748b;margin-top:2px}.courses-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-input,.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;outline:none;background:#fff;color:#1e293b;transition:border-color .2s}.search-input{flex:1;min-width:180px}.search-input:focus,.filter-select:focus{border-color:#4f46e5}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.course-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.course-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.course-thumbnail{position:relative;height:120px;background:#f1f5f9;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:#f1f5f9}.difficulty-badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:20px;font-size:.68rem;font-weight:600}.badge-beginner{background:#dcfce7;color:#16a34a}.badge-intermediate{background:#fef9c3;color:#ca8a04}.badge-advanced{background:#fee2e2;color:#dc2626}.badge-default{background:#e2e8f0;color:#475569}.free-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;background:#4f46e5;color:#fff}.course-body{padding:12px 14px;flex:1;display:flex;flex-direction:column;gap:6px}.course-title{font-size:.85rem;font-weight:700;color:#1e293b;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-description{font-size:.75rem;color:#64748b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;align-items:center;gap:8px;margin-top:auto}.meta-item{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#94a3b8}.course-actions{padding:10px 14px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.btn-view{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#f1f5f9;color:#475569;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.btn-view:hover{background:#e2e8f0;color:#1e293b}.courses-loading,.courses-error,.courses-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#94a3b8;font-size:.85rem}.loading-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:spin .7s linear infinite}.btn-retry{padding:7px 18px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.8rem;cursor:pointer}.btn-retry:hover{background:#4338ca}@media(max-width:768px){.admin-courses{padding:16px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.course-thumbnail{height:100px}.courses-stats{gap:8px}.stat-card{min-width:100px;padding:10px 12px}}@media(max-width:480px){.courses-grid{grid-template-columns:1fr 1fr;gap:10px}.courses-header{flex-direction:column;align-items:flex-start}}.acd-module-header-row{display:flex;align-items:center;gap:8px}.acd-module-header-row .acd-module-header{flex:1}.acd-add-lesson-btn{display:flex;align-items:center;gap:4px;background:#5b4a9e14;color:#5b4a9e;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;margin-right:14px;white-space:nowrap}.acd-add-lesson-btn:hover{background:#5b4a9e26}.admin-assessments{max-width:1200px;margin:0 auto;font-family:Plus Jakarta Sans,sans-serif;animation:assessFadeIn .4s ease}@keyframes assessFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.assess-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.assess-page-title{font-size:22px;font-weight:800;color:#1e1b3a;margin:0 0 4px}.assess-page-sub{font-size:13px;color:#94a3b8;margin:0}.assess-stat-pills{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.assess-pill{display:inline-flex;align-items:center;gap:5px;background:#f1eeff;color:#5b4a9e;border:1px solid rgba(91,74,158,.15);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.assess-loading,.assess-error,.assess-empty{text-align:center;padding:60px 20px;color:#94a3b8;font-size:13px}.assess-error{color:#ef4444}.assess-courses-list{display:flex;flex-direction:column;gap:10px}.assess-course-card{background:#fff;border-radius:12px;border:1px solid rgba(91,74,158,.1);box-shadow:0 1px 6px #0000000d;overflow:hidden}.assess-course-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:none;border:none;cursor:pointer;gap:12px;transition:background .15s}.assess-course-row:hover{background:#5b4a9e08}.assess-course-left{display:flex;align-items:center;gap:10px}.assess-course-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assess-course-name{font-size:14px;font-weight:700;color:#1e1b3a;text-align:left}.assess-course-right{display:flex;align-items:center;gap:10px;color:#94a3b8;flex-shrink:0}.assess-module-count{font-size:11px;font-weight:600;color:#94a3b8}.assess-modules{border-top:1px solid rgba(91,74,158,.08);padding:0}.assess-modules-loading,.assess-modules-empty{padding:16px 20px;color:#94a3b8;font-size:12px;font-style:italic}.assess-table{width:100%;border-collapse:collapse}.assess-table thead tr{background:#f8f7ff}.assess-table th{padding:9px 16px;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap}.assess-table td{padding:11px 16px;font-size:13px;color:#374151;border-top:1px solid rgba(91,74,158,.06);vertical-align:middle}.assess-table tbody tr:hover{background:#5b4a9e05}.assess-module-name{font-weight:600;color:#1e1b3a}.assess-cell-muted{color:#cbd5e1;font-size:13px}.assess-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700}.assess-badge-blue{background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe}.assess-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.assess-status-active{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.assess-status-none{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.assess-btn-view{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;border:1px solid rgba(91,74,158,.2);background:#f1eeff;color:#5b4a9e;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:Plus Jakarta Sans,sans-serif}.assess-btn-view:hover{background:#5b4a9e;color:#fff;border-color:#5b4a9e}.assess-modal-body{padding:4px 0 8px}.assess-modal-meta{display:flex;gap:20px;font-size:13px;color:#64748b;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(91,74,158,.08)}.assess-modal-meta strong{color:#1e1b3a}.assess-modal-empty{color:#94a3b8;font-size:13px;font-style:italic;text-align:center;padding:24px 0}.assess-questions-list{list-style:none;padding:0 4px 0 0;margin:0;display:flex;flex-direction:column;gap:12px;max-height:480px;overflow-y:auto}.assess-question-item{background:#f8f7ff;border:1px solid rgba(91,74,158,.1);border-radius:10px;padding:12px 14px}.assess-q-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.assess-q-num{font-size:10px;font-weight:700;color:#5b4a9e;background:#5b4a9e1a;padding:2px 7px;border-radius:4px}.assess-q-type{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.assess-q-text{font-size:13px;font-weight:600;color:#1e1b3a;margin:0 0 8px;line-height:1.5}.assess-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.assess-option{display:flex;align-items:center;gap:6px;font-size:12px;color:#374151;padding:4px 8px;border-radius:6px;background:#fff;border:1px solid rgba(91,74,158,.06)}.assess-option-correct{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0;font-weight:600}.assess-opt-letter{font-weight:700;font-size:11px;min-width:18px}.assess-answer{font-size:12px;color:#64748b;margin:4px 0 0}.assess-answer strong{color:#16a34a}@media(max-width:768px){.assess-table th:nth-child(4),.assess-table td:nth-child(4){display:none}.assess-page-header{flex-direction:column;align-items:flex-start}}.admin-analytics{max-width:1600px;margin:0 auto;animation:fadeSlideIn .6s ease}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.header-text h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#5b4a9e,transparent);border-radius:2px}.time-range-selector{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.time-btn{padding:10px 20px;border:2px solid rgba(91,74,158,.15);background:#fff;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;color:#636e72}.time-btn:hover{border-color:#5b4a9e;color:#5b4a9e}.time-btn.active{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-color:transparent;box-shadow:0 4px 12px #5b4a9e4d}.btn-export{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #5b4a9e;color:#5b4a9e;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-export:hover{background:#5b4a9e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5b4a9e4d}.key-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:36px}.metric-card{background:#fff;padding:24px;border-radius:18px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(91,74,158,.1);transition:all .4s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s ease}.metric-card.purple:before{background:linear-gradient(90deg,#5b4a9e,#7b6bbd)}.metric-card.blue:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.metric-card.green:before{background:linear-gradient(90deg,#00b894,#00d2a0)}.metric-card.orange:before{background:linear-gradient(90deg,#fa709a,#fee140)}.metric-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #5b4a9e26}.metric-card:hover:before{opacity:1}.metric-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);border-radius:16px;color:#fff;box-shadow:0 4px 16px #5b4a9e40;flex-shrink:0;position:relative;overflow:hidden}.metric-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:iconShine 3s infinite}@keyframes iconShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.metric-content{display:flex;flex-direction:column;gap:4px}.metric-value{font-size:32px;font-weight:800;color:#2d3436;line-height:1}.metric-label{font-size:13px;color:#636e72;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-change{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.metric-change.positive{color:#00b894}.metric-change.negative{color:#ff7675}.metric-change.neutral{color:#636e72}.charts-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:36px}.chart-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(91,74,158,.1);position:relative;overflow:hidden;transition:all .4s ease}.chart-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd,#9b8bcd,#5b4a9e);border-radius:20px;z-index:-1;opacity:0;transition:opacity .4s ease;background-size:300% 300%;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.chart-card:hover:before{opacity:.15}.chart-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #5b4a9e1f}.chart-card.large{grid-column:span 7}.chart-card.medium,.chart-card.small{grid-column:span 5}.chart-header{margin-bottom:20px}.chart-header h3{font-size:20px;font-weight:700;color:#2d3436;margin:0 0 6px;display:flex;align-items:center;gap:10px}.chart-header h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#5b4a9e,#7b6bbd);border-radius:2px}.chart-subtitle{font-size:13px;color:#636e72;font-weight:500}.pie-legend{display:flex;flex-direction:column;gap:12px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:10px;padding:10px;background:linear-gradient(135deg,#fafafa,#f5f5f7);border-radius:10px;transition:all .3s ease}.legend-item:hover{transform:translate(4px);background:linear-gradient(135deg,#f5f5f7,#fafafa)}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;font-weight:600;color:#2d3436;font-size:14px}.legend-value{font-weight:700;color:#5b4a9e;font-size:14px}.learning-paths-section{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(91,74,158,.1)}.section-header{margin-bottom:24px}.section-header h3{font-size:22px;font-weight:700;color:#2d3436;margin:0 0 6px;display:flex;align-items:center;gap:10px}.section-header h3:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#5b4a9e,#7b6bbd);border-radius:2px}.section-subtitle{font-size:14px;color:#636e72;font-weight:500}.paths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.path-card{padding:20px;background:linear-gradient(135deg,#fafafa,#f5f5f7);border-radius:16px;border:1px solid rgba(91,74,158,.08);display:flex;flex-direction:column;gap:14px;transition:all .3s ease;position:relative;overflow:hidden}.path-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#5b4a9e,#7b6bbd);opacity:0;transition:opacity .3s ease}.path-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5b4a9e1f;background:#fff}.path-card:hover:before{opacity:1}.path-rank{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-radius:10px;font-weight:700;font-size:14px;box-shadow:0 2px 8px #5b4a9e4d}.path-content h4{font-size:18px;font-weight:700;color:#2d3436;margin:0 0 12px;padding-right:50px}.path-stats{display:flex;flex-direction:column;gap:8px}.path-students,.path-time{display:flex;align-items:center;gap:8px;font-size:14px;color:#636e72;font-weight:500}.path-students svg,.path-time svg{color:#5b4a9e}.path-progress{width:100%;height:6px;background:#5b4a9e1a;border-radius:3px;overflow:hidden}.path-bar{height:100%;background:linear-gradient(90deg,#5b4a9e,#7b6bbd);transition:width .4s ease;border-radius:3px}@media(max-width:1400px){.chart-card.large{grid-column:span 12}.chart-card.medium,.chart-card.small{grid-column:span 6}}@media(max-width:1024px){.analytics-header{flex-direction:column}.chart-card.medium,.chart-card.small{grid-column:span 12}.key-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.key-metrics,.paths-grid{grid-template-columns:1fr}.time-range-selector{width:100%}.time-btn,.btn-export{flex:1}}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:#636e72}.spin-icon{animation:spin 1s linear infinite;color:#5b4a9e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:#d63031;text-align:center}.btn-retry{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:10px;background:#5b4a9e;color:#fff;font-weight:600;cursor:pointer;margin-top:8px}.btn-retry:hover{background:#4a3c82}.no-data{display:flex;align-items:center;justify-content:center;height:280px;color:#b2bec3;font-size:14px;font-style:italic}.recent-activity-list{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto;padding-right:4px}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#f8f7fc}.activity-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:50%;background:#5b4a9e;color:#fff}.activity-details{display:flex;flex-direction:column;flex:1;min-width:0}.activity-name{font-weight:600;font-size:13px;color:#2d3436}.activity-desc{font-size:12px;color:#636e72}.activity-time{font-size:11px;color:#b2bec3;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid rgba(91,74,158,.3);color:#5b4a9e;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-refresh:hover{border-color:#5b4a9e;background:#5b4a9e0d}.export-wrapper{position:relative}.btn-export{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);border:none;color:#fff;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #5b4a9e4d}.btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5b4a9e66}.export-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid rgba(91,74,158,.15);border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:100;min-width:200px;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.export-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;font-size:14px;font-weight:600;color:#2d3436;cursor:pointer;transition:background .2s ease;text-align:left}.export-option:hover{background:#5b4a9e12;color:#5b4a9e}.export-option:not(:last-child){border-bottom:1px solid rgba(91,74,158,.08)}.export-option svg{color:#5b4a9e;flex-shrink:0}.admin-settings{max-width:1400px;margin:0 auto;animation:fadeSlideIn .6s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-text h1{font-size:36px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.header-text h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.header-text p{color:#636e72;margin:0;font-size:15px}.btn-save-settings{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border:none;border-radius:14px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #5b4a9e4d;position:relative;overflow:hidden}.btn-save-settings:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:buttonShine 3s infinite}@keyframes buttonShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.btn-save-settings:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5b4a9e66}.settings-tabs{display:flex;gap:8px;margin-bottom:32px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow-x:auto}.settings-tab{display:flex;align-items:center;gap:10px;padding:14px 24px;background:transparent;border:none;border-radius:12px;font-weight:600;font-size:15px;color:#636e72;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden}.settings-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);opacity:0;transition:opacity .3s ease;border-radius:12px}.settings-tab span,.settings-tab svg{position:relative;z-index:1}.settings-tab:hover{color:#5b4a9e}.settings-tab.active{color:#fff}.settings-tab.active:before{opacity:1}.settings-content{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(91,74,158,.1)}.settings-section{display:flex;flex-direction:column;gap:32px}.section-title{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:2px solid rgba(91,74,158,.1)}.section-title svg{width:40px;height:40px;padding:8px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-radius:12px;box-shadow:0 4px 12px #5b4a9e40}.section-title h2{font-size:24px;font-weight:700;color:#2d3436;margin:0}.section-title p{font-size:14px;color:#636e72;margin:4px 0 0}.settings-group{display:flex;flex-direction:column;gap:20px}.settings-group h3{font-size:18px;font-weight:700;color:#2d3436;margin:16px 0 0;padding-left:12px;border-left:4px solid #5B4A9E}.setting-item{display:flex;flex-direction:column;gap:10px}.setting-item label{font-weight:700;color:#2d3436;font-size:14px}.setting-item input[type=text],.setting-item input[type=email],.setting-item input[type=number],.setting-item select{padding:14px 16px;border:2px solid rgba(91,74,158,.15);border-radius:12px;font-size:15px;font-family:inherit;transition:all .3s ease;background:#fff;color:#2d3436}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:#5b4a9e;box-shadow:0 0 0 3px #5b4a9e1a}.setting-toggle{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#fafafa,#f5f5f7);border-radius:14px;border:1px solid rgba(91,74,158,.08);transition:all .3s ease}.setting-toggle:hover{transform:translate(4px);box-shadow:0 4px 16px #5b4a9e14}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-info strong{font-size:15px;color:#2d3436;font-weight:600}.toggle-info span{font-size:13px;color:#636e72}.toggle-switch{position:relative;display:inline-block;width:54px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#dfe6e9;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#5b4a9e,#7b6bbd)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.file-upload{display:flex;flex-direction:column;gap:10px}.btn-upload{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#fff;border:2px dashed rgba(91,74,158,.3);border-radius:12px;color:#5b4a9e;font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content}.btn-upload:hover{background:#5b4a9e0d;border-color:#5b4a9e}.file-info{font-size:13px;color:#636e72}.color-picker{display:flex;align-items:center;gap:12px}.color-picker input[type=color]{width:60px;height:40px;border:2px solid rgba(91,74,158,.15);border-radius:10px;cursor:pointer}.color-value{font-weight:600;color:#2d3436;font-family:monospace;font-size:14px}.danger-zone{margin-top:24px;padding:24px;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid rgba(255,107,107,.2);border-radius:14px}.danger-zone h3{font-size:18px;color:#ff6b6b;margin:0 0 8px;border:none;padding:0}.danger-zone p{font-size:14px;color:#636e72;margin:0 0 16px}.btn-danger{display:block;width:100%;padding:12px 20px;margin-bottom:10px;background:#fff;border:2px solid #ff6b6b;color:#ff6b6b;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger:last-child{margin-bottom:0}.btn-danger:hover{background:#ff6b6b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}@media(max-width:768px){.settings-header{flex-direction:column;align-items:flex-start;gap:16px}.settings-tabs{overflow-x:auto}.settings-tab{flex-shrink:0}.setting-toggle{flex-direction:column;align-items:flex-start;gap:16px}.settings-content{padding:20px}}.admin-course-detail{max-width:1000px;margin:0 auto;padding:24px 28px;font-family:Plus Jakarta Sans,sans-serif}.acd-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#5b4a9e;font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:20px}.acd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.acd-title{font-size:22px;font-weight:800;color:#1e1b3a;margin:0 0 6px}.acd-subtitle{font-size:13px;color:#6b7280;margin:0;max-width:540px}.acd-btn-primary{display:flex;align-items:center;gap:6px;background:#1a2a5e;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.acd-btn-primary:hover{background:#15224a}.acd-btn-primary:disabled{opacity:.6;cursor:not-allowed}.acd-btn-secondary{background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:10px;padding:10px 18px;font-size:13px;cursor:pointer}.acd-stats{display:flex;gap:12px;margin-bottom:24px}.acd-stat-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(91,74,158,.08);border-radius:12px;padding:14px 18px;box-shadow:0 1px 6px #0000000d;color:#5b4a9e}.acd-stat-num{display:block;font-size:18px;font-weight:800;color:#1e1b3a}.acd-stat-label{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.acd-modules-list{display:flex;flex-direction:column;gap:10px}.acd-module-card{background:#fff;border:1px solid rgba(91,74,158,.08);border-radius:12px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.acd-module-header{width:100%;display:flex;align-items:center;gap:14px;padding:14px 18px;background:none;border:none;cursor:pointer;text-align:left}.acd-module-num{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acd-module-info{flex:1;display:flex;flex-direction:column;gap:2px}.acd-module-title{font-size:14px;font-weight:700;color:#1e1b3a}.acd-module-meta{font-size:11.5px;color:#94a3b8}.acd-lessons-list{padding:0 18px 14px 60px;display:flex;flex-direction:column;gap:8px}.acd-lesson-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;padding:6px 0}.acd-lesson-tag{background:#5b4a9e1a;color:#5b4a9e;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;margin-left:auto}.acd-no-lessons{font-size:12.5px;color:#94a3b8;font-style:italic;margin:0;padding:6px 0}.acd-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#94a3b8;background:#fff;border-radius:12px;border:1px dashed #e5e7eb}.acd-loading,.acd-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;color:#6b7280}.acd-spin{animation:acd-spin 1s linear infinite}@keyframes acd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.acd-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.acd-modal{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000026}.acd-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.acd-modal-header h3{font-size:16px;font-weight:700;color:#1a1a2e;margin:0}.acd-modal-close{background:none;border:none;cursor:pointer;color:#6b7280}.acd-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;color:#dc2626;margin-bottom:16px}.acd-modal-form{display:flex;flex-direction:column;gap:14px}.acd-form-field{display:flex;flex-direction:column;gap:6px}.acd-form-field label{font-size:13px;font-weight:600;color:#1a1a2e}.acd-form-field input,.acd-form-field textarea{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;font-family:inherit;resize:vertical}.acd-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.acd-delete-btn{display:flex;align-items:center;justify-content:center;background:#dc262614;color:#dc2626;border:none;border-radius:8px;width:34px;height:34px;cursor:pointer;margin-right:14px;flex-shrink:0}.acd-delete-btn:hover{background:#dc262626}.acd-delete-btn:disabled{opacity:.5;cursor:not-allowed}.acd-lesson-delete-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;margin-left:8px;opacity:.6}.acd-lesson-delete-btn:hover{opacity:1}.acd-lesson-delete-btn:disabled{opacity:.3;cursor:not-allowed}.sa-page{padding:24px;max-width:1200px;margin:0 auto}.sa-header{margin-bottom:20px}.sa-title{font-size:26px;font-weight:700;color:#1a1a2e;margin:0}.sa-subtitle{color:#6b7280;font-size:14px;margin:6px 0 0}.sa-error-banner{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:14px}.sa-maintenance-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:#fff;border:1px solid #f0f0f3;border-radius:16px;padding:22px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000a;border-left:4px solid #10b981;transition:border-color .3s ease}.sa-maintenance-card.sa-maintenance-on{border-left-color:#ef4444;background:#fff7f7}.sa-maintenance-info{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:240px}.sa-maintenance-icon{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:#10b98118;color:#10b981;display:flex;align-items:center;justify-content:center}.sa-maintenance-on .sa-maintenance-icon{background:#ef444418;color:#ef4444}.sa-maintenance-info h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#1a1a2e}.sa-maintenance-info p{margin:0;font-size:13.5px;color:#6b7280;line-height:1.5;max-width:480px}.sa-maintenance-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sa-status-badge{font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;white-space:nowrap}.sa-status-off{background:#10b98118;color:#10b981}.sa-status-on{background:#ef444418;color:#ef4444}.sa-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;font-size:13.5px;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .15s ease;white-space:nowrap}.sa-toggle-btn:hover{opacity:.9;transform:translateY(-1px)}.sa-toggle-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sa-toggle-on{background:#ef4444;color:#fff}.sa-toggle-off{background:#10b981;color:#fff}.sa-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px}.sa-stat-box{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #f0f0f3;border-radius:14px;padding:18px;box-shadow:0 1px 3px #00000008}.sa-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-stat-value{font-size:22px;font-weight:800;color:#1a1a2e;line-height:1.1}.sa-stat-label{font-size:12.5px;color:#9ca3af;margin-top:2px}.sa-section-title{font-size:16px;font-weight:700;color:#1a1a2e;margin:0 0 12px}.sa-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.sa-link-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #f0f0f3;border-radius:14px;padding:18px;cursor:pointer;text-align:left;color:#5b4a9e;transition:box-shadow .2s ease,transform .15s ease}.sa-link-card:hover{box-shadow:0 4px 14px #0000000f;transform:translateY(-2px)}.sa-link-card h4{margin:0 0 2px;font-size:15px;font-weight:700;color:#1a1a2e}.sa-link-card p{margin:0;font-size:12.5px;color:#9ca3af}.sa-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.sa-confirm-dialog{background:#fff;border-radius:16px;padding:28px;max-width:420px;width:100%;text-align:center}.sa-confirm-icon{color:#f59e0b;margin-bottom:10px}.sa-confirm-dialog h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1a1a2e}.sa-confirm-dialog p{margin:0 0 20px;font-size:13.5px;color:#6b7280;line-height:1.5}.sa-confirm-actions{display:flex;gap:10px;justify-content:center}.sa-confirm-cancel,.sa-confirm-submit{display:flex;align-items:center;gap:6px;justify-content:center;padding:10px 20px;border-radius:10px;border:none;font-size:13.5px;font-weight:700;cursor:pointer;min-width:110px}.sa-confirm-cancel{background:#f3f4f6;color:#4b5563}.sa-confirm-cancel:disabled,.sa-confirm-submit:disabled{opacity:.6;cursor:not-allowed}.sa-confirm-warn{background:#ef4444;color:#fff}.sa-confirm-danger{background:#10b981;color:#fff}.sa-spin{animation:sa-spin 1s linear infinite}@keyframes sa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.sa-page{padding:16px}.sa-maintenance-card{flex-direction:column;align-items:flex-start}.sa-maintenance-action{width:100%;justify-content:space-between}}.saa-page{padding:24px;max-width:1100px;margin:0 auto}.saa-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}.saa-title{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;color:#1a1a2e;margin:0}.saa-subtitle{color:#6b7280;font-size:14px;margin:6px 0 0}.saa-create-btn{display:flex;align-items:center;gap:8px;background:#5b4a9e;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}.saa-create-btn:hover{opacity:.9}.saa-error-banner{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:14px}.saa-table-wrap{background:#fff;border:1px solid #f0f0f3;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000008}.saa-table{width:100%;border-collapse:collapse;font-size:13.5px}.saa-table th{text-align:left;padding:14px 16px;background:#f9f9fb;color:#6b7280;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #f0f0f3}.saa-table td{padding:14px 16px;border-bottom:1px solid #f5f5f8;color:#374151}.saa-table tr:last-child td{border-bottom:none}.saa-name-cell{font-weight:700;color:#1a1a2e}.saa-date-cell{color:#9ca3af;font-size:12.5px}.saa-role-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.saa-role-super{background:#5b4a9e18;color:#5b4a9e}.saa-role-admin{background:#3b82f618;color:#3b82f6}.saa-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.saa-status-active{background:#10b98118;color:#10b981}.saa-status-inactive{background:#ef444418;color:#ef4444}.saa-actions{display:flex;gap:6px;flex-wrap:wrap}.saa-action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:none;font-size:12px;font-weight:700;cursor:pointer}.saa-action-btn:disabled{opacity:.6;cursor:not-allowed}.saa-btn-disable{background:#fef2f2;color:#ef4444}.saa-btn-enable{background:#f0fdf4;color:#10b981}.saa-btn-delete{background:#f3f4f6;color:#6b7280;padding:6px 10px}.saa-protected-label{font-size:11.5px;color:#9ca3af;font-style:italic}.saa-loading,.saa-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:#9ca3af}.saa-empty p,.saa-loading p{font-size:14px;font-weight:600;color:#6b7280}.saa-spin{animation:saa-spin 1s linear infinite}@keyframes saa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.saa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.saa-modal{background:#fff;border-radius:16px;max-width:420px;width:100%;overflow:hidden}.saa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #f0f0f3}.saa-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;color:#1a1a2e}.saa-modal-close{background:none;border:none;cursor:pointer;color:#9ca3af;display:flex}.saa-modal-form{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.saa-form-group{display:flex;flex-direction:column;gap:6px}.saa-form-group label{font-size:12.5px;font-weight:700;color:#4b5563}.saa-form-group input,.saa-form-group select{padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:13.5px;font-family:inherit}.saa-form-group input:focus,.saa-form-group select:focus{outline:none;border-color:#5b4a9e}.saa-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.saa-modal-cancel,.saa-modal-submit{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:9px;border:none;font-size:13px;font-weight:700;cursor:pointer}.saa-modal-cancel{background:#f3f4f6;color:#4b5563}.saa-modal-submit{background:#5b4a9e;color:#fff}.saa-modal-cancel:disabled,.saa-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.saa-page{padding:16px}.saa-table-wrap{overflow-x:auto}.saa-table{min-width:640px}}.sau-page{padding:24px;max-width:1100px;margin:0 auto}.sau-header{margin-bottom:20px}.sau-title{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;color:#1a1a2e;margin:0}.sau-subtitle{color:#6b7280;font-size:14px;margin:6px 0 0}.sau-error-banner{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:14px}.sau-stats-row{display:flex;gap:14px;margin-bottom:18px;flex-wrap:wrap}.sau-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f0f0f3;border-radius:14px;padding:16px 20px;min-width:150px;color:#5b4a9e;box-shadow:0 1px 3px #00000008}.sau-stat-val{font-size:20px;font-weight:800;color:#1a1a2e;line-height:1.1}.sau-stat-lbl{font-size:12px;color:#9ca3af}.sau-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sau-filter-btn{padding:8px 18px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer}.sau-filter-btn:hover{background:#f3f4f6}.sau-filter-active{background:#5b4a9e;color:#fff;border-color:#5b4a9e}.sau-table-wrap{background:#fff;border:1px solid #f0f0f3;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000008}.sau-table{width:100%;border-collapse:collapse;font-size:13.5px}.sau-table th{text-align:left;padding:14px 16px;background:#f9f9fb;color:#6b7280;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #f0f0f3}.sau-table td{padding:14px 16px;border-bottom:1px solid #f5f5f8;color:#374151}.sau-table tr:last-child td{border-bottom:none}.sau-name-cell{font-weight:700;color:#1a1a2e}.sau-date-cell{color:#9ca3af;font-size:12.5px}.sau-role-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.sau-role-student{background:#3b82f618;color:#3b82f6}.sau-role-instructor{background:#10b98118;color:#10b981}.sau-status-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.sau-status-active{background:#10b98118;color:#10b981}.sau-status-pending{background:#f59e0b18;color:#f59e0b}.sau-status-rejected{background:#ef444418;color:#ef4444}.sau-status-unverified{background:#9ca3af18;color:#9ca3af}.sau-actions{display:flex;gap:6px;flex-wrap:wrap}.sau-action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:none;font-size:12px;font-weight:700;cursor:pointer}.sau-action-btn:disabled{opacity:.6;cursor:not-allowed}.sau-btn-disable{background:#fef2f2;color:#ef4444}.sau-btn-enable{background:#f0fdf4;color:#10b981}.sau-btn-delete{background:#f3f4f6;color:#6b7280;padding:6px 10px}.sau-loading,.sau-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:#9ca3af}.sau-empty p,.sau-loading p{font-size:14px;font-weight:600;color:#6b7280}.sau-spin{animation:sau-spin 1s linear infinite}@keyframes sau-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.sau-page{padding:16px}.sau-table-wrap{overflow-x:auto}.sau-table{min-width:640px}}.mp-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f1a;padding:20px}.mp-card{text-align:center;max-width:480px;background:#1a1a2e;border:1px solid #2a2a40;border-radius:20px;padding:48px 36px;box-shadow:0 10px 40px #0000004d}.mp-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#5b4a9e,#f59e0b);color:#fff;margin-bottom:24px;animation:mp-bounce 2s ease-in-out infinite}@keyframes mp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mp-title{font-size:26px;font-weight:800;color:#fff;margin:0 0 14px}.mp-message{font-size:15px;color:#a0a0b8;line-height:1.6;margin:0 0 12px}.mp-subtext{font-size:13px;color:#6b6b85;margin:0}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-card) 0%,var(--border-mid) 40%,var(--bg-card) 80%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;display:block;flex-shrink:0}.stat-card-skeleton{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.sks-header{display:flex;align-items:center;justify-content:space-between}.stats-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.chart-skeleton{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;height:100%}.chart-skeleton-bars{display:flex;align-items:flex-end;gap:8px;margin-top:16px}.chart-skeleton-bar-wrap{flex:1;display:flex;align-items:flex-end;height:100%}.chart-skeleton-bar-wrap .skeleton-shimmer{width:100%}.table-skeleton-wrap{padding:8px 0}.table-skeleton-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border-light)}.table-skeleton-row:last-child{border-bottom:none}.course-item-skeleton{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-light)}.course-item-skeleton:last-child{border-bottom:none}.cis-content{flex:1;min-width:0}.activity-item-skeleton{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-light)}.activity-item-skeleton:last-child{border-bottom:none}.ais-content{flex:1;min-width:0}.dashboard-skeleton{padding:0}.dsk-header{margin-bottom:24px}.dsk-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.dsk-chart-card{min-height:300px}.dsk-activity-card{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.dsk-welcome{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.03));border:1px solid rgba(var(--color-primary-rgb),.12);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.dsk-welcome-stats{display:flex;gap:24px}.dsk-welcome-stat{text-align:center}.dsk-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dsk-card{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}@media(max-width:768px){.dsk-charts-row,.dsk-main-grid{grid-template-columns:1fr}.dsk-welcome{flex-direction:column;align-items:flex-start}}.sd-page{padding:2rem 1.75rem;background:#f4f5f9;min-height:100vh;font-family:Sora,sans-serif;display:flex;flex-direction:column;gap:1.25rem}.sd-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:3rem;background:#fff;border-radius:16px;color:#6b7280;text-align:center}.sd-error p{font-size:14px;margin:0}.sd-error button{padding:8px 20px;background:#5b4a9e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600}.sd-banner{background:linear-gradient(135deg,#1a1f35,#2d1f6e 60%,#1a1f35);border-radius:20px;padding:2rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.sd-banner-orb{position:absolute;border-radius:50%;pointer-events:none}.sd-banner-orb--a{top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(91,74,158,.4) 0%,transparent 70%)}.sd-banner-orb--b{bottom:-40px;left:30%;width:160px;height:160px;background:radial-gradient(circle,rgba(29,158,117,.2) 0%,transparent 70%)}.sd-banner-greeting{font-size:12.5px;color:#ffffff80;font-weight:500;letter-spacing:.5px;margin:0 0 4px}.sd-banner-name{font-size:26px;font-weight:800;color:#fff;line-height:1.2;margin:0 0 8px;letter-spacing:-.3px}.sd-banner-sub{font-size:13.5px;color:#fff9;margin:0}.sd-banner-sub strong{color:#ff7a18;font-weight:700}.sd-banner-stats{display:flex;align-items:center;gap:24px;flex-shrink:0}.sd-banner-stat{text-align:center}.sd-banner-stat-val{display:block;font-size:26px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px}.sd-banner-stat-lbl{display:block;font-size:11px;color:#ffffff73;margin-top:5px;white-space:nowrap}.sd-banner-divider{width:1px;height:40px;background:#ffffff26}.sd-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sd-stat-card{background:#fff;border-radius:16px;padding:1.25rem 1.125rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.sd-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.sd-stat-glow{position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:50%;opacity:.08;filter:blur(20px)}.sd-stat-icon-wrap{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.sd-stat-val{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.5px}.sd-stat-lbl{font-size:12px;color:#9b9a97;margin-top:5px;font-weight:500}.sd-main-grid{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}.sd-left-col,.sd-right-col{display:flex;flex-direction:column;gap:1.25rem}.sd-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a}.sd-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sd-card-title-group{display:flex;align-items:center;gap:8px}.sd-card-title{font-size:15px;font-weight:700;color:#151520;margin:0;letter-spacing:-.2px}.sd-card-pill{font-size:11px;padding:3px 9px;background:#f0f0f4;color:#888;border-radius:99px;font-weight:500}.sd-card-link{font-size:12px;font-weight:600;color:#5b4a9e;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:3px;padding:0;font-family:inherit;transition:opacity .15s}.sd-card-link:hover{opacity:.7}.sd-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2rem 0;color:#9ca3af}.sd-empty p{font-size:13.5px;margin:0}.sd-courses-list{display:flex;flex-direction:column;gap:10px}.sd-course-item{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(0,0,0,.06);border-radius:14px;background:#fafafa;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;animation:sd-fadeSlide .4s ease both}.sd-course-item:hover{border-color:var(--course-accent, #5b4a9e);box-shadow:0 2px 12px #00000012;transform:translateY(-1px)}.sd-course-item--done{background:#10b98108;border-color:#10b98126}@keyframes sd-fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sd-course-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sd-course-body{flex:1;min-width:0}.sd-course-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sd-course-name{font-size:13.5px;font-weight:600;color:#151520;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;letter-spacing:-.1px}.sd-course-done-badge{font-size:10px;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:99px;white-space:nowrap;flex-shrink:0}.sd-course-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sd-course-category{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.sd-course-activity{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:3px}.sd-course-progress-row{display:flex;align-items:center;gap:10px}.sd-progress-track{flex:1;height:4px;background:#0000000f;border-radius:99px;overflow:hidden}.sd-progress-fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.16,1,.3,1)}.sd-progress-label{font-size:11px;color:#9b9a97;white-space:nowrap;font-weight:500}.sd-course-cta{width:36px;height:36px;border-radius:10px;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s,opacity .15s}.sd-course-cta:hover{transform:scale(1.08);opacity:.88}.sd-card--promo{background:linear-gradient(135deg,#1a1f35,#2d1f6e);box-shadow:0 4px 20px #2d1f6e40}.sd-promo-body{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.sd-promo-icon{font-size:28px;flex-shrink:0}.sd-promo-title{font-size:14px;font-weight:700;color:#fff;margin:0 0 5px}.sd-promo-desc{font-size:12.5px;color:#ffffff94;line-height:1.55;margin:0}.sd-promo-btn{width:100%;padding:11px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s}.sd-promo-btn:hover{background:#ffffff2e}.sd-deadlines-list{display:flex;flex-direction:column;gap:4px}.sd-deadline-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;border:1px solid transparent}.sd-deadline--urgent{background:#ef44440d;border-color:#ef444426}.sd-deadline--soon{background:#f59e0b0d;border-color:#f59e0b26}.sd-deadline--normal{background:#faf9ff;border-color:#f0eeff}.sd-deadline-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sd-deadline--urgent .sd-deadline-dot{background:#ef4444}.sd-deadline--soon .sd-deadline-dot{background:#f59e0b}.sd-deadline--normal .sd-deadline-dot{background:#5b4a9e}.sd-deadline-content{flex:1;min-width:0}.sd-deadline-title{font-size:13px;font-weight:600;color:#151520;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-deadline-course{font-size:11px;color:#9ca3af;font-weight:500}.sd-deadline-due{font-size:11px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:3px}.sd-deadline--urgent .sd-deadline-due{color:#ef4444}.sd-deadline--soon .sd-deadline-due{color:#d97706}.sd-deadline--normal .sd-deadline-due{color:#6b7280}.sd-activity-list{display:flex;flex-direction:column}.sd-activity-item{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #f5f3ff}.sd-activity-item:last-child{border-bottom:none}.sd-activity-emoji{font-size:15px;margin-top:1px;flex-shrink:0}.sd-activity-msg{font-size:13px;color:#374151;line-height:1.5;margin:0 0 3px}.sd-activity-time{font-size:11px;color:#9ca3af;font-weight:500}@media(max-width:1100px){.sd-stats-grid{grid-template-columns:repeat(2,1fr)}.sd-main-grid{grid-template-columns:1fr}}@media(max-width:768px){.sd-page{padding:1.25rem 1rem}.sd-banner{flex-direction:column;align-items:flex-start;padding:1.5rem}.sd-banner-stats{width:100%;justify-content:space-between}.sd-stat-val{font-size:24px}}@media(max-width:480px){.sd-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.sc-page{display:flex;flex-direction:column;gap:24px;padding:4px 0 32px}.sc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sc-title{font-size:22px;font-weight:800;color:#1e1b4b;margin-bottom:4px}.sc-subtitle{font-size:13.5px;color:#94a3b8}.sc-browse-btn{display:flex;align-items:center;gap:6px;background:#5b4a9e;color:#fff;border:none;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s;white-space:nowrap}.sc-browse-btn:hover{background:#4a3a8a}.sc-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sc-stat{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 1px 6px #5b4a9e12;border:1px solid #f0eef9}.sc-stat svg{flex-shrink:0;opacity:.85}.sc-stat-val{font-size:22px;font-weight:800;line-height:1}.sc-stat-lbl{font-size:11.5px;color:#94a3b8;margin-top:3px;white-space:nowrap}.sc-stat-blue{color:#3b82f6}.sc-stat-purple{color:#5b4a9e}.sc-stat-green{color:#10b981}.sc-stat-gray{color:#94a3b8}.sc-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sc-search{position:relative;flex:1;min-width:200px}.sc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.sc-search-input{width:100%;padding:9px 12px 9px 36px;border-radius:10px;border:1px solid #e8e4f8;font-size:13px;background:#fff;outline:none;transition:border-color .18s;box-sizing:border-box}.sc-search-input:focus{border-color:#5b4a9e}.sc-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-filter-icon{color:#94a3b8}.sc-filter-btn{padding:7px 14px;border-radius:20px;border:1px solid #e8e4f8;background:#fff;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .18s}.sc-filter-btn:hover{border-color:#5b4a9e;color:#5b4a9e}.sc-filter-active{background:#5b4a9e;color:#fff!important;border-color:#5b4a9e!important}.sc-list{display:flex;flex-direction:column;gap:14px}.sc-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#94a3b8;font-size:14px}.sc-card{background:#fff;border-radius:16px;border:1px solid #f0eef9;box-shadow:0 2px 10px #5b4a9e0f;overflow:hidden;transition:box-shadow .2s}.sc-card:hover{box-shadow:0 4px 20px #5b4a9e1f}.sc-card-done{border-color:#d1fae5}.sc-card-main{display:flex;align-items:center;gap:18px;padding:20px 24px}.sc-course-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.sc-course-info{flex:1;min-width:0}.sc-course-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.sc-course-title{font-size:15px;font-weight:700;color:#1e1b4b;margin:0}.sc-status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.sc-status-in-progress{background:#ede9fe;color:#5b4a9e}.sc-status-completed{background:#d1fae5;color:#059669}.sc-status-not-started{background:#f1f5f9;color:#64748b}.sc-course-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;flex-wrap:wrap;margin-bottom:10px}.sc-category{background:#f0eef9;color:#5b4a9e;padding:2px 8px;border-radius:6px;font-weight:600;font-size:11px}.sc-dot{color:#cbd5e1}.sc-last{display:flex;align-items:center;gap:3px}.sc-progress-row{display:flex;align-items:center;gap:10px}.sc-progress-bar{flex:1;height:6px;background:#f0eef9;border-radius:99px;overflow:hidden}.sc-progress-fill{height:100%;border-radius:99px;transition:width .4s ease}.sc-progress-text{font-size:11.5px;color:#94a3b8;white-space:nowrap}.sc-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sc-expand-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e8e4f8;background:#fff;color:#94a3b8;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .18s}.sc-expand-btn:hover{background:#f0eef9;color:#5b4a9e}.sc-continue-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .18s;white-space:nowrap}.sc-continue-btn:hover{opacity:.88}.sc-card-expanded{padding:18px 24px 22px;border-top:1px solid #f0eef9}.sc-description{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:16px}.sc-modules-list{display:flex;flex-wrap:wrap;gap:10px}.sc-module-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;background:#f8f7ff;padding:6px 12px;border-radius:8px;border:1px solid #e8e4f8}.sc-module-done{color:#10b981;background:#f0fdf4;border-color:#d1fae5}.sc-module-num{width:16px;height:16px;border-radius:50%;background:#e8e4f8;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#5b4a9e}@media(max-width:768px){.sc-stats-row{grid-template-columns:repeat(2,1fr)}.sc-card-main{flex-wrap:wrap}.sc-card-actions{width:100%;justify-content:flex-end}}.sass-page{display:flex;flex-direction:column;gap:24px;padding:4px 0 32px}.sass-header{display:flex;align-items:flex-start;justify-content:space-between}.sass-title{font-size:22px;font-weight:800;color:#1e1b4b;margin-bottom:4px}.sass-subtitle{font-size:13.5px;color:#94a3b8}.sass-stats-grid{display:flex;gap:14px;flex-wrap:wrap}.sass-stat{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:16px 20px;border:1px solid #f0eef9;box-shadow:0 1px 6px #5b4a9e0f;flex:1;min-width:120px}.sass-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sass-stat-val{font-size:22px;font-weight:800;line-height:1}.sass-stat-lbl{font-size:11.5px;color:#94a3b8;margin-top:3px}.sass-stat-orange{color:#f59e0b}.sass-stat-orange .sass-stat-icon{background:#fffbeb}.sass-stat-blue{color:#3b82f6}.sass-stat-blue .sass-stat-icon{background:#eff6ff}.sass-stat-green{color:#10b981}.sass-stat-green .sass-stat-icon{background:#f0fdf4}.sass-stat-red{color:#ef4444}.sass-stat-red .sass-stat-icon{background:#fef2f2}.sass-stat-purple{color:#5b4a9e}.sass-stat-purple .sass-stat-icon{background:#ede9fe}.sass-filters{display:flex;gap:8px;flex-wrap:wrap}.sass-filter-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;border:1px solid #e8e4f8;background:#fff;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .18s}.sass-filter-btn:hover{border-color:#5b4a9e;color:#5b4a9e}.sass-filter-active{background:#5b4a9e!important;color:#fff!important;border-color:#5b4a9e!important}.sass-filter-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px}.sass-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#94a3b8;font-size:14px}.sass-list{display:flex;flex-direction:column;gap:14px}.sass-card{background:#fff;border-radius:16px;border:1px solid #f0eef9;box-shadow:0 2px 10px #5b4a9e0f;overflow:hidden;transition:box-shadow .2s}.sass-card:hover{box-shadow:0 4px 20px #5b4a9e1f}.sass-card-overdue{border-color:#fee2e2}.sass-card-graded{border-color:#d1fae5}.sass-card-main{display:flex;align-items:center;gap:16px;padding:18px 20px 18px 0;position:relative}.sass-card-accent{width:4px;align-self:stretch;border-radius:0 4px 4px 0;flex-shrink:0;min-height:60px}.sass-course-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sass-info{flex:1;min-width:0}.sass-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.sass-asgn-title{font-size:15px;font-weight:700;color:#1e1b4b;margin:0}.sass-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.sass-status-pending{background:#fffbeb;color:#d97706}.sass-status-submitted{background:#eff6ff;color:#3b82f6}.sass-status-graded{background:#f0fdf4;color:#059669}.sass-status-overdue{background:#fef2f2;color:#dc2626}.sass-meta{display:flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap;margin-bottom:8px}.sass-course-tag{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:11.5px}.sass-dot{color:#cbd5e1}.sass-due{display:inline-flex;align-items:center;gap:3px;font-size:11.5px}.due-normal{color:#64748b}.due-soon{color:#f59e0b;font-weight:600}.due-urgent{color:#ef4444;font-weight:700}.due-overdue{color:#dc2626;font-weight:700}.due-done{color:#10b981}.sass-points{display:inline-flex;align-items:center;gap:3px;color:#94a3b8;font-size:11.5px}.sass-grade-inline{display:flex;align-items:center;gap:10px;margin-top:4px}.sass-grade-bar{flex:1;max-width:200px;height:6px;background:#f0eef9;border-radius:99px;overflow:hidden}.sass-grade-fill{height:100%;border-radius:99px;transition:width .4s ease}.sass-grade-text{font-size:12px;font-weight:700;white-space:nowrap}.sass-submitted-file{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#64748b;background:#f8f7ff;padding:3px 10px;border-radius:6px;border:1px solid #e8e4f8;margin-top:2px}.sass-submitted-time{color:#94a3b8}.sass-card-actions{display:flex;align-items:center;gap:8px;padding-right:4px;flex-shrink:0}.sass-btn-view{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:1px solid #e8e4f8;background:#fff;color:#5b4a9e;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .18s;white-space:nowrap}.sass-btn-view:hover{background:#f0eef9}.sass-btn-submit{display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:8px;border:none;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:opacity .18s;white-space:nowrap}.sass-btn-submit:hover{opacity:.88}.sass-btn-expand{width:32px;height:32px;border-radius:8px;border:1px solid #e8e4f8;background:#fff;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.sass-btn-expand:hover{background:#f0eef9;color:#5b4a9e}.sass-expanded{padding:16px 20px 20px 70px;border-top:1px solid #f0eef9}.sass-description{font-size:13px;color:#64748b;line-height:1.7;margin:0 0 12px}.sass-feedback-box{background:#f0fdf4;border:1px solid #d1fae5;border-radius:10px;padding:14px 16px}.sass-feedback-label{font-size:12px;font-weight:700;color:#059669;margin-bottom:6px}.sass-feedback-box p{font-size:13px;color:#374151;line-height:1.6;margin:0}.sass-submit-modal,.sass-view-modal{display:flex;flex-direction:column;gap:20px}.sass-modal-info{background:#faf9ff;border-radius:12px;border:1px solid #f0eef9;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.sass-modal-info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.sass-modal-info-row span{color:#94a3b8}.sass-modal-info-row strong{color:#1e1b4b;font-weight:600}.sass-dropzone{border:2px dashed #d8d3f0;border-radius:14px;padding:28px;text-align:center;cursor:pointer;transition:all .2s;background:#faf9ff}.sass-dropzone:hover,.sass-dropzone-active{border-color:#5b4a9e;background:#f0eef9}.sass-dropzone-filled{border-style:solid;border-color:#5b4a9e;cursor:default}.sass-file-input{display:none}.sass-dropzone-prompt{display:flex;flex-direction:column;align-items:center;gap:6px}.sass-upload-icon{color:#5b4a9e;opacity:.5;margin-bottom:4px}.sass-drop-text{font-size:14px;font-weight:600;color:#1e1b4b;margin:0}.sass-drop-sub{font-size:13px;color:#94a3b8;margin:0}.sass-drop-sub span{color:#5b4a9e;font-weight:600;text-decoration:underline}.sass-drop-types{font-size:11.5px;color:#94a3b8;margin:0}.sass-file-selected{display:flex;align-items:center;gap:12px}.sass-file-icon{color:#5b4a9e;flex-shrink:0}.sass-file-details{flex:1;text-align:left}.sass-file-name{display:block;font-size:13.5px;font-weight:600;color:#1e1b4b}.sass-file-size{font-size:11.5px;color:#94a3b8}.sass-file-remove{width:28px;height:28px;border-radius:6px;border:1px solid #e8e4f8;background:#fff;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.sass-file-remove:hover{background:#fef2f2}.sass-note-group{display:flex;flex-direction:column;gap:6px}.sass-note-group label{font-size:13px;font-weight:600;color:#1e1b4b}.sass-optional{font-weight:400;color:#94a3b8}.sass-note-group textarea{padding:10px 14px;border-radius:10px;border:1px solid #e8e4f8;font-size:13px;resize:vertical;outline:none;font-family:inherit;transition:border-color .18s}.sass-note-group textarea:focus{border-color:#5b4a9e}.sass-modal-actions{display:flex;gap:10px;justify-content:flex-end}.sass-btn-cancel{padding:9px 20px;border-radius:10px;border:1px solid #e8e4f8;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s}.sass-btn-cancel:hover{background:#f8f7ff}.sass-btn-confirm{display:flex;align-items:center;gap:7px;padding:9px 22px;border-radius:10px;border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .18s}.sass-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.sass-btn-confirm:not(:disabled):hover{opacity:.88}.sass-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sass-grade-display{display:flex;flex-direction:column;align-items:center;gap:18px}.sass-grade-circle{width:100px;height:100px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center}.sass-grade-num{font-size:26px;font-weight:800;line-height:1}.sass-grade-pts{font-size:11px;color:#94a3b8;margin-top:3px}.sass-pending-notice{display:flex;align-items:center;gap:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 16px;color:#92400e;font-size:13px}.sass-view-file{display:inline-flex;align-items:center;gap:5px}@media(max-width:768px){.sass-card-main{flex-wrap:wrap}.sass-card-actions{width:100%;justify-content:flex-end;padding-right:0}.sass-stats-grid{display:grid;grid-template-columns:repeat(2,1fr)}.sass-expanded{padding-left:20px}}.sq-page{display:flex;flex-direction:column;gap:24px;padding:4px 0 32px}.sq-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sq-title{font-size:22px;font-weight:800;color:#1e1b4b;margin-bottom:4px}.sq-subtitle{font-size:13.5px;color:#94a3b8}.sq-stats-row{display:flex;gap:14px;flex-wrap:wrap}.sq-stat{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:16px 20px;border:1px solid #f0eef9;box-shadow:0 1px 6px #5b4a9e0f;flex:1;min-width:120px}.sq-stat svg{flex-shrink:0;width:38px;height:38px;padding:8px;border-radius:10px}.sq-stat-blue svg{background:#eff6ff;color:#3b82f6}.sq-stat-purple svg{background:#f3f0ff;color:#5b4a9e}.sq-stat-green svg{background:#f0fdf4;color:#10b981}.sq-stat-gray svg{background:#f8fafc;color:#94a3b8}.sq-stat-val{font-size:22px;font-weight:800;color:#1e1b4b;line-height:1}.sq-stat-lbl{font-size:12px;color:#94a3b8;margin-top:2px}.sq-filters{display:flex;gap:8px;flex-wrap:wrap}.sq-filter-btn{padding:7px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1.5px solid #e9e6f7;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.sq-filter-btn:hover{border-color:#5b4a9e;color:#5b4a9e}.sq-filter-active{background:#5b4a9e;color:#fff;border-color:#5b4a9e}.sq-list{display:flex;flex-direction:column;gap:14px}.sq-card{display:flex;align-items:stretch;background:#fff;border-radius:16px;border:1.5px solid #f0eef9;box-shadow:0 2px 10px #5b4a9e0f;overflow:hidden;transition:box-shadow .2s,transform .15s;gap:0}.sq-card:hover{box-shadow:0 6px 24px #5b4a9e1f;transform:translateY(-1px)}.sq-card-locked{opacity:.65;pointer-events:none}.sq-card-done{border-color:#d1fae5;background:#fafffe}.sq-card-accent{width:5px;flex-shrink:0}.sq-card-body{flex:1;padding:20px 22px;display:flex;flex-direction:column;gap:12px;min-width:0}.sq-card-top{display:flex;gap:16px;align-items:flex-start}.sq-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sq-card-info{flex:1;min-width:0}.sq-card-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px}.sq-card-title{font-size:15px;font-weight:700;color:#1e1b4b;margin:0}.sq-card-course{font-size:12.5px;font-weight:600;margin-bottom:6px}.sq-card-desc{font-size:13px;color:#64748b;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sq-status-badge{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.sq-status-available{background:#eff6ff;color:#3b82f6}.sq-status-completed{background:#f0fdf4;color:#10b981}.sq-status-locked{background:#f8fafc;color:#94a3b8}.sq-status-failed{background:#fef2f2;color:#f43f5e}.sq-empty,.sq-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;background:#fff;border-radius:16px;border:1.5px solid #f0eef9;color:#94a3b8;text-align:center}.sq-empty svg,.sq-loading svg{color:#c7c2e8}.sq-empty p,.sq-loading p{font-size:14px;color:#94a3b8;margin:0}.sq-spinner-icon{animation:sq-spin 1s linear infinite}@keyframes sq-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sq-empty .sq-action-btn,.sq-loading .sq-action-btn{text-decoration:none}.sq-card-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.sq-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8;font-weight:500}.sq-meta-deadline{font-size:12px;font-weight:600;padding:2px 10px;border-radius:20px}.sq-deadline-normal{background:#f0fdf4;color:#10b981}.sq-deadline-soon{background:#fffbeb;color:#f59e0b}.sq-deadline-urgent,.sq-deadline-overdue{background:#fef2f2;color:#ef4444}.sq-score-row{display:flex;align-items:center;gap:10px}.sq-score-label{font-size:11.5px;color:#94a3b8;font-weight:600;white-space:nowrap;min-width:68px}.sq-score-bar-wrap{flex:1}.sq-score-bar{height:8px;background:#f1f5f9;border-radius:6px;overflow:visible;position:relative}.sq-score-fill{height:100%;border-radius:6px;transition:width .6s ease}.sq-score-pass-line{position:absolute;top:-3px;width:2px;height:14px;background:#94a3b8;border-radius:2px;transform:translate(-50%)}.sq-score-pct{font-size:13px;font-weight:800;min-width:36px;text-align:right}.score-excellent{color:#10b981}.score-pass{color:#3b82f6}.score-fail{color:#ef4444}.sq-card-action{display:flex;align-items:center;padding:20px 20px 20px 12px;flex-shrink:0}.sq-action-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;white-space:nowrap;transition:all .15s}.sq-btn-start{color:#fff;text-decoration:none}.sq-btn-start:hover{filter:brightness(1.1);transform:scale(1.03)}.sq-btn-review{background:#f3f0ff;color:#5b4a9e}.sq-btn-review:hover{background:#ebe6ff}.sq-btn-locked{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.sqr-overlay{position:fixed;inset:0;background:#f0f2f8;z-index:200;overflow-y:auto;display:flex;flex-direction:column}.sqr-shell{max-width:1100px;width:100%;margin:0 auto;padding:20px 24px 40px;display:flex;flex-direction:column;gap:18px;flex:1}.sqr-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border-radius:14px;padding:16px 22px;box-shadow:0 2px 10px #00000012}.sqr-topbar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sqr-course-tag{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px}.sqr-quiz-title{font-size:16px;font-weight:800;color:#1e1b4b;margin:0}.sqr-topbar-right{display:flex;align-items:center;gap:12px}.sqr-timer{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:800;color:#1e1b4b;background:#f3f0ff;padding:8px 16px;border-radius:10px;font-family:Courier New,monospace;min-width:90px}.sqr-timer-low{background:#fef2f2;color:#ef4444;animation:sqr-pulse 1s infinite}@keyframes sqr-pulse{0%,to{opacity:1}50%{opacity:.7}}.sqr-exit-btn{padding:8px 16px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.sqr-exit-btn:hover{border-color:#ef4444;color:#ef4444}.sqr-progress-wrap{display:flex;align-items:center;gap:12px}.sqr-progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:6px;overflow:hidden}.sqr-progress-fill{height:100%;border-radius:6px;transition:width .4s ease}.sqr-progress-label{font-size:12.5px;font-weight:600;color:#64748b;white-space:nowrap}.sqr-body{display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:start}.sqr-question-panel{background:#fff;border-radius:16px;padding:28px 30px;box-shadow:0 2px 10px #0000000f}.sqr-q-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sqr-q-number{font-size:12.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.sqr-flag-btn{font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s}.sqr-flag-btn:hover{border-color:#f59e0b;color:#f59e0b}.sqr-flag-active{background:#fffbeb;border-color:#f59e0b;color:#f59e0b}.sqr-q-text{font-size:17px;font-weight:600;color:#1e1b4b;line-height:1.6;margin-bottom:24px}.sqr-choices{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.sqr-choice{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;border:2px solid #e9e6f7;background:#fff;cursor:pointer;text-align:left;transition:all .15s;font-size:14px;color:#374151}.sqr-choice:hover{border-color:#c4b8f0;background:#faf8ff}.sqr-choice-selected{font-weight:600}.sqr-choice-letter{width:32px;height:32px;border-radius:8px;background:#f3f0ff;color:#5b4a9e;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.sqr-choice-text{flex:1}.sqr-nav{display:flex;justify-content:space-between;gap:12px}.sqr-nav-btn{display:flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s}.sqr-nav-prev{border:1.5px solid #e2e8f0;background:#fff;color:#64748b}.sqr-nav-prev:disabled{opacity:.4;cursor:not-allowed}.sqr-nav-prev:hover:not(:disabled){border-color:#5b4a9e;color:#5b4a9e}.sqr-nav-next{color:#fff;border:none}.sqr-nav-next:hover{filter:brightness(1.1)}.sqr-nav-submit{background:#10b981;color:#fff;border:none}.sqr-nav-submit:hover{background:#059669}.sqr-map-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #0000000f;position:sticky;top:20px}.sqr-map-title{font-size:13px;font-weight:700;color:#1e1b4b;margin:0 0 14px;text-transform:uppercase;letter-spacing:.05em}.sqr-map-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.sqr-map-dot{width:100%;aspect-ratio:1;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:11.5px;font-weight:700;color:#94a3b8;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}.sqr-map-dot:hover{border-color:#5b4a9e}.sqr-map-current{color:#fff!important;border-color:transparent!important}.sqr-map-answered{border-color:transparent!important}.sqr-map-flagged{outline:2px solid #f59e0b;outline-offset:1px}.sqr-map-legend{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:#64748b;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:10px}.sqr-map-legend span{display:flex;align-items:center;gap:7px}.sqr-legend-dot{width:12px;height:12px;border-radius:4px;display:inline-block;flex-shrink:0}.sqr-legend-current{background:#5b4a9e}.sqr-legend-answered{background:#5b4a9e40;border:1px solid #5b4a9e}.sqr-legend-flagged{background:#fffbeb;border:2px solid #f59e0b}.sqr-legend-blank{background:#f8fafc;border:1.5px solid #e2e8f0}.sqr-map-submit{margin-top:4px}.sqr-submit-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border-radius:10px;background:#10b981;color:#fff;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:background .15s}.sqr-submit-all-btn:hover{background:#059669}.sqr-confirm-overlay{position:fixed;inset:0;background:#00000073;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px}.sqr-confirm-dialog{background:#fff;border-radius:20px;padding:36px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.sqr-confirm-icon{color:#f59e0b;margin-bottom:12px}.sqr-confirm-dialog h3{font-size:20px;font-weight:800;color:#1e1b4b;margin:0 0 10px}.sqr-confirm-dialog p{font-size:14.5px;color:#64748b;line-height:1.6;margin-bottom:24px}.sqr-confirm-warn{color:#ef4444;font-weight:600}.sqr-confirm-actions{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.sqr-confirm-cancel{padding:10px 22px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s}.sqr-confirm-cancel:hover{border-color:#5b4a9e;color:#5b4a9e}.sqr-confirm-submit{padding:10px 22px;border-radius:10px;background:#10b981;color:#fff;border:none;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s}.sqr-confirm-submit:hover{background:#059669}.sqr-confirm-exit{font-size:12.5px;color:#94a3b8;border:none;background:none;cursor:pointer;text-decoration:underline}.sqr-confirm-exit:hover{color:#ef4444}.sqres-overlay{position:fixed;inset:0;background:#f0f2f8;z-index:200;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px 20px 60px}.sqres-shell{background:#fff;border-radius:24px;box-shadow:0 8px 40px #0000001a;max-width:560px;width:100%;overflow:hidden}.sqres-header{padding:40px 36px 32px;text-align:center;color:#fff}.sqres-header-pass{background:linear-gradient(135deg,#059669,#10b981)}.sqres-header-fail{background:linear-gradient(135deg,#dc2626,#ef4444)}.sqres-trophy{margin-bottom:12px}.sqres-verdict{font-size:26px;font-weight:900;margin:0 0 8px}.sqres-verdict-sub{font-size:14px;opacity:.85;line-height:1.5;margin:0}.sqres-score-ring-wrap{display:flex;justify-content:center;padding:28px 0 16px}.sqres-score-ring{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid}.sqres-ring-pass{border-color:#10b981}.sqres-ring-fail{border-color:#ef4444}.sqres-score-num{font-size:32px;font-weight:900;color:#1e1b4b;line-height:1}.sqres-score-label{font-size:12px;color:#94a3b8;font-weight:600}.sqres-stats{display:flex;justify-content:center;gap:0;padding:0 28px 24px;flex-wrap:wrap}.sqres-stat{display:flex;align-items:center;gap:10px;padding:12px 20px;flex:1;min-width:100px;border-right:1px solid #f1f5f9}.sqres-stat:last-child{border-right:none}.sqres-stat-icon-green{color:#10b981}.sqres-stat-icon-red{color:#ef4444}.sqres-stat-icon-blue{color:#3b82f6}.sqres-stat-icon-purple{color:#5b4a9e}.sqres-stat-val{font-size:18px;font-weight:800;color:#1e1b4b;line-height:1}.sqres-stat-lbl{font-size:11px;color:#94a3b8;margin-top:2px}.sqres-actions{display:flex;gap:10px;padding:16px 28px 28px;flex-wrap:wrap;justify-content:center}.sqres-btn{display:flex;align-items:center;gap:7px;padding:11px 22px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;border:none;transition:all .15s}.sqres-btn-review{background:#f3f0ff;color:#5b4a9e}.sqres-btn-review:hover{background:#ebe6ff}.sqres-btn-retry{background:#5b4a9e;color:#fff}.sqres-btn-retry:hover{background:#4c3d8a}.sqres-btn-back{background:#f8fafc;color:#64748b}.sqres-btn-back:hover{background:#f1f5f9}.sqres-review-shell{max-width:780px;width:100%}.sqres-review-header{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:16px 22px;margin-bottom:18px;box-shadow:0 2px 10px #0000000f;flex-wrap:wrap}.sqres-review-header h2{font-size:17px;font-weight:800;color:#1e1b4b;margin:0}.sqres-back-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.sqres-back-btn:hover{border-color:#5b4a9e;color:#5b4a9e}.sqres-review-list{display:flex;flex-direction:column;gap:14px}.sqres-review-item{background:#fff;border-radius:14px;padding:20px 22px;border-left:5px solid;box-shadow:0 2px 8px #0000000d}.sqres-ri-correct{border-left-color:#10b981}.sqres-ri-wrong{border-left-color:#ef4444}.sqres-ri-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.sqres-ri-num{font-size:11.5px;font-weight:800;color:#94a3b8;background:#f8fafc;padding:3px 8px;border-radius:6px;flex-shrink:0}.sqres-ri-text{flex:1;font-size:14.5px;font-weight:600;color:#1e1b4b;line-height:1.5;margin:0}.sqres-ri-icon{flex-shrink:0;margin-top:2px}.sqres-correct-icon{color:#10b981}.sqres-wrong-icon{color:#ef4444}.sqres-ri-choices{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.sqres-ri-choice{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:9px;font-size:13px;color:#374151;background:#f8fafc;border:1.5px solid #f1f5f9}.sqres-ri-correct-ans{background:#f0fdf4;border-color:#10b981;color:#065f46;font-weight:600}.sqres-ri-wrong-ans{background:#fef2f2;border-color:#ef4444;color:#991b1b}.sqres-ri-letter{width:24px;height:24px;border-radius:6px;background:#e9e6f7;color:#5b4a9e;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sqres-ri-tag{margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap}.sqres-tag-correct{background:#d1fae5;color:#065f46}.sqres-tag-wrong{background:#fee2e2;color:#991b1b}.sqres-ri-explanation{font-size:12.5px;color:#64748b;line-height:1.6;background:#f8fafc;border-radius:8px;padding:10px 14px}@media(max-width:768px){.sqr-body{grid-template-columns:1fr}.sqr-map-panel{position:static}.sqr-map-grid{grid-template-columns:repeat(8,1fr)}.sq-card{flex-direction:column}.sq-card-accent{width:100%;height:5px}.sq-card-action{padding:0 20px 18px}.sqr-topbar{flex-direction:column;align-items:flex-start}}.sp-page{padding:2rem 1.75rem;background:#f4f5f9;min-height:100vh;font-family:Sora,sans-serif}.sp-skeleton-header,.sp-skeleton-card,.sp-skeleton-section{background:linear-gradient(90deg,#e8e8e8 25%,#f2f2f2,#e8e8e8 75%);background-size:200% 100%;animation:sp-shimmer 1.4s infinite;border-radius:12px}.sp-skeleton-header{height:56px;width:240px;margin-bottom:1.75rem}.sp-skeleton-card{height:110px}.sp-skeleton-section{height:220px;margin-bottom:1.25rem}@keyframes sp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.sp-header-left{display:flex;align-items:center;gap:14px}.sp-header-icon{width:44px;height:44px;background:linear-gradient(135deg,#1d9e75,#34c996);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1d9e754d}.sp-header-icon .ti{font-size:22px;color:#fff}.sp-title{font-size:22px;font-weight:700;color:#151520;margin:0 0 2px;letter-spacing:-.3px}.sp-subtitle{font-size:13px;color:#9b9a97;margin:0}.sp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.25rem}.sp-stat-card{background:#fff;border-radius:16px;padding:1.25rem 1.125rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.sp-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.sp-stat-glow{position:absolute;top:-30px;right:-30px;width:90px;height:90px;border-radius:50%;opacity:.08;filter:blur(20px)}.sp-stat-icon-wrap{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.sp-stat-val{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.5px}.sp-stat-lbl{font-size:12px;color:#9b9a97;margin-top:5px;font-weight:500}.sp-section-card{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a}.sp-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sp-section-title-group{display:flex;align-items:center;gap:10px}.sp-section-title{font-size:15px;font-weight:700;color:#151520;margin:0;letter-spacing:-.2px}.sp-section-pill{font-size:11px;padding:3px 9px;background:#f0f0f4;color:#888;border-radius:99px;font-weight:500}.sp-tab-row{display:flex;gap:4px;background:#f4f5f9;padding:3px;border-radius:10px}.sp-tab{font-size:12px;font-weight:600;padding:5px 14px;border-radius:8px;border:none;background:transparent;color:#9b9a97;cursor:pointer;font-family:inherit;transition:background .18s,color .18s,box-shadow .18s}.sp-tab--active{background:#fff;color:#1d9e75;box-shadow:0 1px 4px #0000001a}.sp-tooltip{background:#1a1a2e;border-radius:10px;padding:8px 14px;font-family:Sora,sans-serif}.sp-tooltip-label{font-size:11px;color:#ffffff80;margin-bottom:2px}.sp-tooltip-val{font-size:16px;font-weight:700;color:#fff}.sp-tooltip-val span{font-size:11px;font-weight:400;color:#ffffff80}.sp-course-list{display:flex;flex-direction:column;gap:10px}.sp-course-item{background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;animation:sp-fadeSlide .4s ease both}.sp-course-item:hover{border-color:var(--course-accent, #ccc);box-shadow:0 2px 12px #00000012}.sp-course-item--open{border-color:var(--course-accent, #ccc)}@keyframes sp-fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp-course-top{display:flex;align-items:center;gap:12px;padding:1rem 1.125rem .875rem}.sp-course-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-course-body{flex:1;min-width:0}.sp-course-name{font-size:14px;font-weight:600;color:#151520;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}.sp-course-meta-row{display:flex;align-items:center;gap:8px;margin-top:4px}.sp-modules-done{font-size:12px;color:#9b9a97;display:flex;align-items:center;gap:4px}.sp-cert-badge{font-size:11px;background:#fff8e1;color:#b8860b;padding:1px 7px;border-radius:99px;display:flex;align-items:center;gap:3px;font-weight:500}.sp-course-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.sp-badge{font-size:11px;padding:4px 10px;border-radius:99px;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.sp-circle-svg{display:block}.sp-expand-btn{background:#0000000a;border:none;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9b9a97;flex-shrink:0;transition:background .15s,transform .25s ease}.sp-expand-btn:hover{background:#00000014}.sp-expand-btn--open{transform:rotate(180deg)}.sp-expand-btn .ti{font-size:16px}.sp-progress-track{height:4px;background:#0000000f;overflow:hidden}.sp-progress-fill{height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.sp-module-grid{display:flex;flex-wrap:wrap;gap:8px;padding:1rem 1.125rem;border-top:1px solid rgba(0,0,0,.06);background:#00000004}.sp-module-chip{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:5px 12px;border-radius:99px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#9b9a97;transition:transform .15s}.sp-module-chip:hover{transform:scale(1.03)}.sp-module-chip--done{font-weight:600}.sp-module-chip-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#0000000f;flex-shrink:0}.sp-module-chip--done .sp-module-chip-icon{background:currentColor;color:inherit}.sp-module-chip--done .sp-module-chip-icon i{color:#fff}.sp-empty{text-align:center;padding:2.5rem 0}.sp-empty-icon{font-size:36px;color:#ccc;margin-bottom:10px}.sp-empty p{font-size:14px;color:#9b9a97;margin:0}@media(max-width:900px){.sp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sp-page{padding:1.25rem 1rem}.sp-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sp-course-right .sp-badge{display:none}.sp-circle-svg{width:44px;height:44px}.sp-stat-val{font-size:24px}}@media(max-width:400px){.sp-stats-grid{grid-template-columns:1fr 1fr}}.scert-page{padding:2rem 1.75rem;background:#f4f5f9;min-height:100vh;font-family:Sora,sans-serif;display:flex;flex-direction:column;gap:1.25rem}.scert-header{display:flex;align-items:center;justify-content:space-between}.scert-header-left{display:flex;align-items:center;gap:14px}.scert-header-icon{width:44px;height:44px;background:linear-gradient(135deg,#5b4a9e,#7b6bbe);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5b4a9e4d;color:#fff}.scert-title{font-size:22px;font-weight:700;color:#151520;margin:0 0 2px;letter-spacing:-.3px}.scert-subtitle{font-size:13px;color:#9b9a97;margin:0}.scert-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scert-summary-card{background:#fff;border-radius:16px;padding:1.25rem 1.125rem;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;position:relative;overflow:hidden}.scert-summary-val{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.5px}.scert-summary-lbl{font-size:12px;color:#9b9a97;margin-top:4px;font-weight:500}.scert-summary-gold{color:#d97706}.scert-summary-blue{color:#3b82f6}.scert-summary-gray{color:#64748b}.scert-search-row{display:flex}.scert-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8e4f8;border-radius:10px;padding:9px 14px;max-width:360px;width:100%;box-shadow:0 1px 3px #0000000a;color:#9b9a97}.scert-search input{border:none;outline:none;font-size:13px;font-family:inherit;background:transparent;color:#151520;width:100%}.scert-search input::placeholder{color:#9b9a97}.scert-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 0;color:#9b9a97;text-align:center;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f}.scert-empty h3{font-size:15px;font-weight:700;color:#151520;margin:0}.scert-empty p{font-size:13px;color:#9b9a97;margin:0}.scert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.scert-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.scert-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #5b4a9e1f}.scert-card-top{padding:24px 20px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f0eef9,#e8e4f8)}.scert-icon{font-size:32px;line-height:1}.scert-earned-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#16a34a;background:#dcfce7;padding:4px 10px;border-radius:99px}.scert-card-body{padding:16px 20px 12px}.scert-course-title{font-size:14px;font-weight:700;color:#151520;margin:0 0 8px;line-height:1.4;letter-spacing:-.1px}.scert-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#9b9a97;margin-bottom:6px}.scert-meta span{display:flex;align-items:center;gap:4px}.scert-credential{font-size:11px;color:#c4bfda;font-family:monospace}.scert-card-actions{display:flex;align-items:center;gap:8px;padding:12px 20px 16px;border-top:1px solid rgba(0,0,0,.05)}.scert-btn-preview{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:9px;border:none;background:#5b4a9e;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .18s}.scert-btn-preview:hover{background:#4a3a8a}.scert-btn-download{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:9px;border:1px solid #e8e4f8;background:#fff;color:#5b4a9e;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .18s}.scert-btn-download:hover{background:#f0eef9}.scert-btn-download:disabled{opacity:.6;cursor:not-allowed}.scert-btn-share{width:34px;height:34px;border-radius:9px;border:1px solid #e8e4f8;background:#fff;color:#5b4a9e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s;flex-shrink:0}.scert-btn-share:hover{background:#f0eef9}@media(max-width:768px){.scert-page{padding:1.25rem 1rem}.scert-summary-row,.scert-grid{grid-template-columns:1fr}}.sp2-page{display:flex;flex-direction:column;gap:24px;padding:4px 0 40px;max-width:860px}.sp2-hero{background:#fff;border-radius:20px;border:1px solid #f0eef9;box-shadow:0 2px 14px #5b4a9e14;overflow:hidden;position:relative}.sp2-hero-bg{height:100px;background:linear-gradient(135deg,#5b4a9e,#8b7dd4);position:relative}.sp2-hero-content{display:flex;align-items:flex-end;gap:20px;padding:0 28px 20px;flex-wrap:wrap;margin-top:-40px}.sp2-avatar-wrap{position:relative;flex-shrink:0}.sp2-avatar{width:90px;height:90px;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 14px #5b4a9e33;object-fit:cover;display:block}.sp2-avatar-change{position:absolute;bottom:4px;right:4px;width:26px;height:26px;border-radius:50%;background:#5b4a9e;border:2px solid #fff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.sp2-avatar-change:hover{background:#4a3a8a}.sp2-avatar-input{display:none}.sp2-hero-info{flex:1;min-width:0;padding-bottom:4px}.sp2-hero-name{font-size:20px;font-weight:800;color:#1e1b4b;margin:0 0 4px}.sp2-hero-role,.sp2-hero-email{display:flex;align-items:center;gap:5px;font-size:13px;color:#64748b;margin:0 0 3px}.sp2-hero-actions{flex-shrink:0;padding-bottom:4px}.sp2-edit-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;border-radius:10px;border:1px solid #e8e4f8;background:#fff;color:#5b4a9e;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s}.sp2-edit-btn:hover{background:#f0eef9}.sp2-edit-actions{display:flex;gap:8px}.sp2-cancel-btn{display:flex;align-items:center;gap:5px;padding:9px 16px;border-radius:10px;border:1px solid #e8e4f8;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.sp2-cancel-btn:hover{background:#f8f7ff}.sp2-save-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;border-radius:10px;border:none;background:#5b4a9e;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .18s}.sp2-save-btn:disabled{opacity:.6;cursor:not-allowed}.sp2-save-btn:not(:disabled):hover{opacity:.88}.sp2-stats-strip{display:flex;align-items:center;gap:0;padding:16px 28px;border-top:1px solid #f0eef9;flex-wrap:wrap}.sp2-strip-stat{display:flex;align-items:center;gap:10px;flex:1;min-width:100px;color:#5b4a9e;padding:8px 0}.sp2-strip-stat svg{opacity:.7;flex-shrink:0}.sp2-strip-val{display:block;font-size:18px;font-weight:800;color:#1e1b4b;line-height:1}.sp2-strip-lbl{display:block;font-size:11px;color:#94a3b8;margin-top:2px}.sp2-strip-divider{width:1px;height:32px;background:#f0eef9;margin:0 8px;flex-shrink:0}.sp2-tabs{display:flex;gap:4px;background:#f0eef9;border-radius:12px;padding:4px;width:fit-content}.sp2-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:9px;border:none;background:transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .18s;white-space:nowrap}.sp2-tab:hover{color:#5b4a9e}.sp2-tab-active{background:#fff;color:#5b4a9e!important;font-weight:700;box-shadow:0 1px 6px #5b4a9e1f}.sp2-section{background:#fff;border-radius:16px;border:1px solid #f0eef9;box-shadow:0 2px 10px #5b4a9e0f;padding:28px}.sp2-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:500;margin-bottom:20px}.sp2-alert-success{background:#f0fdf4;border:1px solid #d1fae5;color:#059669}.sp2-alert-error{background:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.sp2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sp2-form-full{grid-column:1 / -1}.sp2-form-group{display:flex;flex-direction:column;gap:6px}.sp2-form-group label{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.sp2-form-group input,.sp2-form-group textarea{padding:10px 14px;border-radius:10px;border:1px solid #e8e4f8;font-size:13.5px;outline:none;background:#faf9ff;font-family:inherit;transition:border-color .18s;color:#1e1b4b}.sp2-form-group input:focus,.sp2-form-group textarea:focus{border-color:#5b4a9e;background:#fff}.sp2-form-group textarea{resize:vertical}.sp2-field-val{font-size:14px;color:#1e1b4b;padding:10px 0;border-bottom:1px solid #f0eef9}.sp2-field-bio{line-height:1.6;white-space:pre-wrap}.sp2-empty{color:#cbd5e1;font-style:italic}.sp2-security-card{display:flex;flex-direction:column;gap:18px}.sp2-security-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1e1b4b;margin:0}.sp2-security-sub{font-size:13px;color:#94a3b8;margin:-8px 0 0}.sp2-pw-group{display:flex;flex-direction:column;gap:6px;max-width:440px}.sp2-pw-group label{font-size:12.5px;font-weight:600;color:#64748b}.sp2-pw-input-wrap{position:relative}.sp2-pw-input-wrap input{width:100%;padding:10px 40px 10px 14px;border-radius:10px;border:1px solid #e8e4f8;font-size:13.5px;outline:none;background:#faf9ff;box-sizing:border-box;transition:border-color .18s;font-family:inherit;color:#1e1b4b}.sp2-pw-input-wrap input:focus{border-color:#5b4a9e}.sp2-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;display:flex;align-items:center}.sp2-pw-strength{display:flex;align-items:center;gap:4px;margin-top:4px}.sp2-pw-bar{height:4px;flex:1;border-radius:99px;background:#e8e4f8}.sp2-pw-bar-weak{background:#ef4444}.sp2-pw-bar-fair{background:#f59e0b}.sp2-pw-bar-strong{background:#3b82f6}.sp2-pw-bar-verystrong{background:#10b981}.sp2-pw-strength-label{font-size:11.5px;font-weight:600;color:#64748b;white-space:nowrap}.sp2-pw-match{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:4px}.sp2-pw-match.match{color:#10b981}.sp2-pw-match.no-match{color:#ef4444}.sp2-pw-save-btn{display:flex;align-items:center;gap:7px;padding:10px 24px;border-radius:10px;border:none;background:#5b4a9e;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity .18s;width:fit-content}.sp2-pw-save-btn:disabled{opacity:.55;cursor:not-allowed}.sp2-pw-save-btn:not(:disabled):hover{opacity:.88}.sp2-courses-summary{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.sp2-cs-stat{display:flex;flex-direction:column;align-items:center;flex:1;min-width:80px;padding:18px 14px;border-radius:14px;border:1px solid #f0eef9}.sp2-cs-val{font-size:26px;font-weight:800;line-height:1}.sp2-cs-lbl{font-size:12px;color:#94a3b8;margin-top:4px}.sp2-cs-purple{color:#5b4a9e;background:#f5f3ff}.sp2-cs-green{color:#10b981;background:#f0fdf4}.sp2-cs-orange{color:#f59e0b;background:#fffbeb}.sp2-courses-list{display:flex;flex-direction:column;gap:14px}.sp2-course-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#faf9ff;border-radius:12px;border:1px solid #f0eef9}.sp2-course-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sp2-course-info{flex:1;min-width:0}.sp2-course-title{font-size:13.5px;font-weight:700;color:#1e1b4b;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp2-course-bar-wrap{display:flex;align-items:center;gap:8px}.sp2-course-bar{flex:1;height:6px;background:#e8e4f8;border-radius:99px;overflow:hidden}.sp2-course-fill{height:100%;border-radius:99px;transition:width .4s ease}.sp2-course-pct{font-size:12px;font-weight:700;white-space:nowrap}.sp2-course-done{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#10b981;white-space:nowrap;flex-shrink:0}.sp2-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sp2-spin .6s linear infinite;display:inline-block}@keyframes sp2-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.sp2-form-grid{grid-template-columns:1fr}.sp2-hero-content{flex-direction:column;align-items:flex-start}.sp2-stats-strip{gap:8px}}.sn-page{padding:24px;max-width:900px;margin:0 auto}.sn-header{margin-bottom:20px}.sn-title{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;color:#1a1a2e;margin:0}.sn-subtitle{color:#6b7280;font-size:14px;margin:6px 0 0}.sn-error-banner{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:14px}.sn-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.sn-filter-btn{padding:8px 18px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sn-filter-btn:hover{background:#f3f4f6}.sn-filter-active{background:#5b4a9e;color:#fff;border-color:#5b4a9e}.sn-list{display:flex;flex-direction:column;gap:12px}.sn-item{display:flex;gap:14px;background:#fff;border:1px solid #f0f0f3;border-radius:14px;padding:16px;box-shadow:0 1px 3px #00000008;transition:box-shadow .2s ease,transform .15s ease}.sn-item:hover{box-shadow:0 4px 14px #0000000f;transform:translateY(-1px)}.sn-item-icon{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sn-item-body{flex:1;min-width:0}.sn-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sn-item-type{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sn-item-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af;flex-shrink:0}.sn-item-title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.sn-item-message{font-size:13.5px;color:#6b7280;margin:0;line-height:1.5}.sn-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#6b7280}.sn-spinner-icon{animation:sn-spin 1s linear infinite;color:#5b4a9e}@keyframes sn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sn-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 20px;color:#9ca3af;text-align:center}.sn-empty p{font-size:16px;font-weight:600;color:#4b5563;margin:4px 0 0}.sn-empty-sub{font-size:13px;max-width:320px}@media(max-width:640px){.sn-page{padding:16px}.sn-title{font-size:22px}.sn-item{flex-direction:column}.sn-item-top{flex-direction:column;align-items:flex-start;gap:4px}}.about-page{font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;overflow-x:hidden}@keyframes about-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.about-hero{position:relative;min-height:100vh;background:linear-gradient(135deg,#0f1221,#1a1f35 40%,#262c4a);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:120px 6% 100px}.about-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.about-hero:after{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,122,24,.12) 0%,transparent 70%);pointer-events:none}.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(255,255,255,.02) 100%)}.about-hero-content{position:relative;z-index:2;max-width:720px;animation:about-fade-up .8s ease forwards}.about-hero-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ff7a18;margin-bottom:20px;padding:6px 16px;border:1px solid rgba(255,122,24,.3);border-radius:999px;background:#ff7a1814}.about-hero-title{font-size:56px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px;letter-spacing:-.5px}.about-hero-sub{font-size:15px;color:#fff9;line-height:1.7;margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto}.about-hero-btn{padding:12px 28px;background:#ff7a18;color:#fff;border:none;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;font-family:Sora,sans-serif;transition:all .3s ease}.about-hero-btn:hover{background:#e66910;transform:translateY(-2px);box-shadow:0 8px 24px #ff7a1866}.about-mission{background:#fff;padding:100px 6%}.about-mission-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px}.about-mv-card{padding:48px 44px;border-radius:12px;opacity:0;transform:translateY(40px)}.about-visible .about-mv-card:nth-child(1){animation:about-fade-up .7s ease .1s forwards}.about-visible .about-mv-card:nth-child(2){animation:about-fade-up .7s ease .25s forwards}.about-mv-mission{background:#262c4a;color:#fff}.about-mv-vision{background:#f8f9fc;color:#111;border:1px solid #eee}.about-mv-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:20px}.about-mv-mission .about-mv-icon{background:#ff7a1826;color:#ff7a18}.about-mv-vision .about-mv-icon{background:#262c4a14;color:#262c4a}.about-mv-card h3{font-size:22px;font-weight:700;margin-bottom:14px}.about-mv-mission h3{color:#fff}.about-mv-vision h3{color:#111}.about-mv-card p{font-size:14px;line-height:1.75}.about-mv-mission p{color:#ffffffb3}.about-mv-vision p{color:#555}.about-stats{background:#262c4a;padding:70px 6%}.about-stats-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.about-stat-item{text-align:center;opacity:0;transform:translateY(30px)}.about-visible .about-stat-item{animation:about-fade-up .6s ease forwards}.about-stat-value{display:block;font-size:36px;font-weight:800;color:#ff7a18;line-height:1;margin-bottom:8px;letter-spacing:-.5px}.about-stat-label{display:block;font-size:13px;color:#ffffff8c;font-weight:500}.about-why{background:#f8f9fc;padding:100px 6%;text-align:center}.about-section-label{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ff7a18;margin-bottom:12px;opacity:0}.about-section-title{font-size:40px;font-weight:800;color:#111;margin-bottom:12px;letter-spacing:-.3px;opacity:0}.about-section-sub{font-size:15px;color:#666;max-width:520px;margin:0 auto 60px;line-height:1.6;opacity:0}.about-visible .about-section-label{animation:about-fade-up .6s ease .05s forwards}.about-visible .about-section-title{animation:about-fade-up .6s ease .15s forwards}.about-visible .about-section-sub{animation:about-fade-up .6s ease .25s forwards}.about-why-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.about-why-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:32px 28px;opacity:0;transform:translateY(40px);transition:transform .3s ease,box-shadow .3s ease}.about-visible .about-why-card{animation:about-fade-up .65s ease forwards}.about-why-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #262c4a1a}.about-why-icon{width:44px;height:44px;background:#262c4a12;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#262c4a;margin-bottom:16px;transition:background .3s ease,color .3s ease}.about-why-card:hover .about-why-icon{background:#262c4a;color:#ff7a18}.about-why-card h4{font-size:15px;font-weight:700;color:#111;margin-bottom:8px}.about-why-card p{font-size:13px;color:#666;line-height:1.7}.about-team{background:#fff;padding:100px 6%;text-align:center}.about-team-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.about-team-card{padding:32px 20px 28px;border-radius:12px;border:1px solid #eee;background:#fafafa;text-align:center;opacity:0;transform:translateY(40px);transition:transform .3s ease,box-shadow .3s ease}.about-visible .about-team-card{animation:about-fade-up .65s ease forwards}.about-team-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #262c4a1a}.about-team-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#262c4a,#3d4578);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:3px solid rgba(255,122,24,.3)}.about-team-name{font-size:14px;font-weight:700;color:#111;margin-bottom:4px}.about-team-role{font-size:11px;color:#ff7a18;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:12px}.about-team-desc{font-size:12px;color:#777;line-height:1.65}.about-cta{background:linear-gradient(135deg,#0f1221,#1a1f35,#262c4a);padding:100px 6%;text-align:center;position:relative;overflow:hidden}.about-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.about-cta-inner{position:relative;z-index:2;max-width:560px;margin:0 auto;opacity:0;transform:translateY(30px)}.about-visible .about-cta-inner{animation:about-fade-up .7s ease .1s forwards}.about-cta-logo{width:44px;margin-bottom:20px;opacity:.9}.about-cta h2{font-size:36px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.3px}.about-cta p{font-size:14px;color:#ffffff8c;margin-bottom:32px;line-height:1.6}.about-cta-btns{display:flex;justify-content:center;gap:12px}.about-cta-primary{padding:11px 28px;background:#ff7a18;color:#fff;border:none;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;font-family:Sora,sans-serif;transition:all .3s ease}.about-cta-primary:hover{background:#e66910;transform:translateY(-2px);box-shadow:0 8px 24px #ff7a1866}.about-cta-secondary{padding:11px 28px;background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;font-family:Sora,sans-serif;transition:all .3s ease}.about-cta-secondary:hover{background:#ffffff14;border-color:#fff6;transform:translateY(-2px)}@media(max-width:1199px){.about-hero-title{font-size:48px}.about-why-grid{grid-template-columns:repeat(2,1fr)}.about-team-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1023px){.about-mission-inner{grid-template-columns:1fr}.about-stats-inner{grid-template-columns:repeat(2,1fr);gap:24px}.about-section-title{font-size:34px}}@media(max-width:767px){.about-hero{padding:110px 5% 80px}.about-hero-title{font-size:36px}.about-why-grid{grid-template-columns:1fr}.about-team-grid{grid-template-columns:repeat(3,1fr)}.about-section-title,.about-cta h2{font-size:28px}.about-cta-btns{flex-direction:column;align-items:center}.about-mission{padding:70px 5%}.about-mv-card{padding:36px 28px}}@media(max-width:479px){.about-hero-title{font-size:30px}.about-team-grid{grid-template-columns:1fr}.about-stats-inner{grid-template-columns:repeat(2,1fr)}.about-stat-value{font-size:38px}}.games-page{min-height:100vh;background:#eef0f6;font-family:DM Sans,sans-serif;color:#1a1f35}.games-hero{background-color:#1e2340;padding:80px 20px 72px;text-align:center;position:relative;overflow:hidden}.games-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px),radial-gradient(ellipse 60% 70% at 15% 50%,rgba(255,122,24,.1) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 85% 30%,rgba(99,162,241,.14) 0%,transparent 65%);pointer-events:none}.games-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,#ff7a18 0px,#ff7a18 8px,transparent 8px,transparent 16px);opacity:.6}.games-hero-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.games-hero-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;background:#ffffff0f;border:2px solid rgba(255,122,24,.5);border-radius:0;font-size:12px;font-weight:700;color:#ff7a18;margin-bottom:24px;animation:fadeUp .6s ease both;letter-spacing:.12em;text-transform:uppercase;font-family:Courier New,monospace;box-shadow:2px 2px #ff7a184d,inset 0 0 12px #ff7a180d}.games-hero-title{font-family:Courier New,Lucida Console,monospace;font-size:clamp(32px,5.5vw,56px);font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:18px;animation:fadeUp .6s .1s ease both;text-shadow:3px 3px 0 rgba(255,122,24,.3),0 0 30px rgba(99,162,241,.2)}.games-hero-accent{color:#ff7a18;text-shadow:3px 3px 0 rgba(180,80,0,.4)}.games-hero-subtitle{font-size:16px;color:#ffffffa6;line-height:1.7;max-width:580px;margin:0 auto;animation:fadeUp .6s .2s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.games-tabs-wrapper{display:flex;justify-content:center;padding:32px 20px 0}.games-tabs{display:inline-flex;align-items:center;background:#1e2340;border-radius:0;border:2px solid rgba(255,122,24,.4);padding:4px;gap:2px;box-shadow:4px 4px #ff7a1833}.games-tab{display:flex;align-items:center;gap:8px;padding:10px 24px;background:transparent;border:none;border-radius:0;font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#ffffff8c;cursor:pointer;transition:all .15s ease;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}.games-tab:hover{color:#ffffffd9;background:#ffffff0f}.games-tab.active{background:#ff7a18;color:#fff;box-shadow:3px 3px #b4460099;font-weight:700}.games-container{max-width:1000px;margin:0 auto;padding:40px 28px 80px;animation:fadeUp .5s .1s ease both}.quiz-mode-pill-wrapper{text-align:center;margin-bottom:20px}.quiz-mode-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;background:#ff7a181a;border:1px solid rgba(255,122,24,.35);border-radius:4px;font-family:"Press Start 2P",monospace;font-size:10px;font-weight:400;letter-spacing:.08em;color:#ff7a18;text-transform:uppercase}.quiz-header{text-align:center;margin-bottom:44px}.quiz-title{font-family:"Press Start 2P",monospace;font-size:clamp(18px,3vw,28px);font-weight:400;color:#1a1f35;letter-spacing:.01em;margin-bottom:16px;line-height:1.4}.quiz-title-accent{color:#ff7a18;text-shadow:2px 2px 0 rgba(255,122,24,.25)}.quiz-subtitle{font-family:DM Sans,sans-serif;font-size:14px;color:#888;line-height:1.75;max-width:520px;margin:0 auto;letter-spacing:.01em}.quiz-section{margin-bottom:40px}.quiz-section-label{display:flex;align-items:center;gap:8px;font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#94a3b8;margin-bottom:18px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-card{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid transparent;border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-align:left;aspect-ratio:4 / 3;box-shadow:0 4px 16px #1e234014}.topic-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px #1e23402e}.topic-card.active{border-color:#ff7a18;box-shadow:0 0 0 3px #ff7a184d,0 16px 40px #1e23402e}.topic-icon{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(135deg,#1e2340,#2a3460,#1a4a6e);overflow:hidden}.topic-card:first-child .topic-icon{display:flex;align-items:center;justify-content:center;font-size:52px;background:linear-gradient(135deg,#1e2340,#2a3460 60%,#1a4a6e)}.topic-card:first-child .topic-icon:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,24,.25) 0%,transparent 70%);top:-20px;right:-20px;pointer-events:none}.topic-icon-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.topic-card:hover .topic-icon-img{transform:scale(1.08)}.topic-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0e280d,#0a0e2826 40%,#0a0e28b8);pointer-events:none;transition:background .25s ease}.topic-card:hover .topic-icon:after{background:linear-gradient(to bottom,#0a0e280d,#0a0e2833 35%,#0a0e28d1)}.topic-card.active .topic-icon:after{background:linear-gradient(to bottom,#ff7a1826,#0a0e2833 35%,#0a0e28cc)}.topic-card.active:before{content:"✓";position:absolute;top:10px;right:10px;width:28px;height:28px;background:#ff7a18;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;box-shadow:0 3px 10px #ff7a1880;z-index:10;line-height:28px;text-align:center}.topic-text{position:absolute;bottom:0;left:0;right:0;padding:14px 15px 15px;display:flex;flex-direction:column;gap:3px;z-index:2}.topic-label{font-family:Sora,sans-serif;font-size:13.5px;font-weight:700;color:#fff;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.4)}.topic-sub{font-size:11px;color:#ffffffb3;font-weight:400}.topic-card.active .topic-label{color:#ffcba0}.difficulty-row{display:flex;gap:10px;flex-wrap:wrap}.difficulty-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #dde1ef;border-radius:6px;font-family:"Press Start 2P",monospace;font-size:10px;font-weight:400;color:#555;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.difficulty-btn:hover{border-color:#1e2340;color:#1e2340;transform:translateY(-2px);box-shadow:0 4px 12px #1e234014}.difficulty-btn.active{border-color:#1e2340;background:#1e2340;color:#fff;box-shadow:0 4px 16px #1e234038;transform:translateY(-1px)}.quiz-start-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px}.start-quiz-btn{display:flex;align-items:center;gap:10px;padding:16px 40px;background:#ff7a18;color:#fff;border:none;border-radius:4px;font-family:"Press Start 2P",monospace;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s ease;letter-spacing:.04em;box-shadow:0 6px #b35000,0 8px 22px #ff7a1859;text-transform:uppercase;image-rendering:pixelated}.start-quiz-btn:active{transform:translateY(4px)!important;box-shadow:0 2px #b35000,0 4px 12px #ff7a1840!important}.start-quiz-btn:hover{background:#e86d10;transform:translateY(-2px);box-shadow:0 8px #b35000,0 12px 28px #ff7a1873}.quiz-start-meta{font-family:"Press Start 2P",monospace;font-size:8px;color:#aaa;letter-spacing:.06em;line-height:1.8}.leaderboard-container{max-width:600px}.leaderboard-header{text-align:center;margin-bottom:32px}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1.5px solid #dde1ef;border-radius:12px;transition:all .2s ease}.leaderboard-row:hover{transform:translate(4px);box-shadow:0 4px 14px #1e234014}.leaderboard-row.top-three{border-color:#ff7a184d;background:#ff7a1808}.lb-rank{font-size:22px;width:36px;text-align:center;flex-shrink:0}.lb-name{font-family:Sora,sans-serif;font-size:15px;font-weight:600;color:#1a1f35;flex:1}.lb-score{font-size:14px;font-weight:700;color:#ff7a18}.match-container{max-width:1000px}.match-wrapper{width:100%}.match-header{text-align:center;margin-bottom:32px}.match-mode-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:100px;font-size:13px;font-weight:600;color:#6366f1;margin-bottom:20px}.match-stats{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#0a0f2e,#0d1a3a);border:1px solid rgba(0,200,255,.15);border-radius:14px;padding:16px 24px;margin-bottom:14px;box-shadow:0 4px 20px #0000004d,inset 0 0 30px #00b4ff08;position:relative;overflow:hidden}.match-stats:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,200,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,255,.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.match-stat{display:flex;flex-direction:column;align-items:center;min-width:60px;position:relative;z-index:1}.match-stat-val{font-family:Sora,sans-serif;font-size:22px;font-weight:700;color:#00c8ff;line-height:1;text-shadow:0 0 10px rgba(0,200,255,.4)}.match-stat-max{font-size:14px;color:#00c8ff66;font-weight:500}.match-stat-lbl{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-weight:600}.match-restart-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:#00c8ff12;border:1px solid rgba(0,200,255,.2);border-radius:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#00c8ffb3;cursor:pointer;transition:all .2s ease;margin-left:auto;position:relative;z-index:1}.match-restart-btn:hover{background:#00c8ff26;color:#00c8ff;border-color:#00c8ff73;box-shadow:0 0 12px #00c8ff26}.match-progress-bar{height:4px;background:#00c8ff14;border-radius:100px;margin-bottom:20px;overflow:hidden;border:1px solid rgba(0,200,255,.1)}.match-progress-fill{height:100%;background:linear-gradient(90deg,#00c8ff,#ff7a18);border-radius:100px;transition:width .4s ease;box-shadow:0 0 8px #00c8ff80}.match-grid{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:12px}.match-card{aspect-ratio:3/2;perspective:900px;cursor:pointer}.match-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);border-radius:14px}.match-card.flipped .match-card-inner,.match-card.matched .match-card-inner{transform:rotateY(180deg)}.match-card-back,.match-card-front{position:absolute;inset:0;border-radius:14px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}.match-card-back{background:linear-gradient(135deg,#0a0f2e,#0d1a3a 60%,#091428);border:1.5px solid rgba(0,200,255,.2);flex-direction:column;gap:6px;transition:box-shadow .2s ease,border-color .2s ease;box-shadow:inset 0 0 30px #00b4ff0a}.match-card-back:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,200,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,255,.05) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.match-card-back:after{content:"";position:absolute;inset:8px;border:1px solid rgba(0,200,255,.12);border-radius:8px;pointer-events:none}.match-card:not(.flipped):not(.matched):hover .match-card-back{border-color:#00c8ff80;box-shadow:0 0 16px #00c8ff26,inset 0 0 30px #00b4ff14}.match-card-back-icon{font-family:Sora,sans-serif;font-size:28px;font-weight:800;color:#00c8ff4d;text-shadow:0 0 12px rgba(0,200,255,.4);position:relative;z-index:1;letter-spacing:.05em}.match-card-front{transform:rotateY(180deg);flex-direction:column;gap:8px;padding:14px;text-align:center}.match-card-front.term{background:linear-gradient(135deg,#050d1f,#071828 60%,#030c1a);border:1.5px solid rgba(0,200,255,.4);box-shadow:inset 0 0 20px #00b4ff0f,0 0 12px #00c8ff14}.match-card-front.term:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00c8ff,transparent);border-radius:14px 14px 0 0}.match-card-front.def{background:linear-gradient(135deg,#1a0a00,#1f0d03 60%,#130800);border:1.5px solid rgba(255,122,24,.4);box-shadow:inset 0 0 20px #ff64000f,0 0 12px #ff7a1814}.match-card-front.def:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff7a18,transparent);border-radius:14px 14px 0 0}.match-card.matched .match-card-front{background:linear-gradient(135deg,#001a08,#002b0f)!important;border:1.5px solid rgba(0,240,120,.5)!important;box-shadow:inset 0 0 20px #00dc5014,0 0 14px #00f0781f!important}.match-card.matched .match-card-front:before{background:linear-gradient(90deg,transparent,#00f078,transparent)!important}.match-card.wrong .match-card-inner{animation:shake .4s ease}.match-card.wrong .match-card-front{background:linear-gradient(135deg,#1a0000,#200505)!important;border-color:#ff32328c!important;box-shadow:0 0 14px #ff323233!important}@keyframes shake{0%,to{transform:rotateY(180deg) translate(0)}25%{transform:rotateY(180deg) translate(-5px)}75%{transform:rotateY(180deg) translate(5px)}}.match-card-type-badge{font-size:9px;font-weight:800;letter-spacing:.15em;padding:3px 9px;border-radius:4px;text-transform:uppercase;position:relative;z-index:1}.match-card-front.term .match-card-type-badge{background:#00c8ff1f;color:#00c8ff;border:1px solid rgba(0,200,255,.25)}.match-card-front.def .match-card-type-badge{background:#ff7a181f;color:#ff7a18;border:1px solid rgba(255,122,24,.25)}.match-card.matched .match-card-type-badge{background:#00f0781f!important;color:#00f078!important;border-color:#00f07840!important}.match-card-text{font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;line-height:1.45;position:relative;z-index:1}.match-card-front.term .match-card-text{font-family:Sora,sans-serif;font-size:15px;font-weight:700;color:#00c8ff;text-shadow:0 0 10px rgba(0,200,255,.35);letter-spacing:.02em}.match-card-front.def .match-card-text{color:#ffc896e6}.match-card.matched .match-card-front .match-card-text{color:#00f078!important;text-shadow:0 0 10px rgba(0,240,120,.3)!important}.match-win{display:flex;flex-direction:column;align-items:center;gap:16px;padding:56px 20px;text-align:center;animation:fadeUp .5s ease both}.match-win-emoji{font-size:64px}.match-win-title{font-family:Sora,sans-serif;font-size:28px;font-weight:700;color:#1a1f35;letter-spacing:-.02em}.match-win-sub{font-size:15px;color:#888}.match-win-score{font-family:Sora,sans-serif;font-size:18px;font-weight:600;color:#555;background:#fff;border:1.5px solid #dde1ef;border-radius:12px;padding:12px 28px}.match-win-score span{color:#ff7a18;font-weight:800}@media(max-width:700px){.topic-grid{grid-template-columns:repeat(2,1fr)}.difficulty-row{gap:8px}.difficulty-btn{flex:1;min-width:80px;justify-content:center;padding:11px 12px}.start-quiz-btn{width:100%;justify-content:center;padding:16px 24px}.games-container{padding:32px 16px 60px}.match-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px}.match-stats{gap:10px;padding:12px 16px}.match-stat-val{font-size:18px}.games-tabs{flex-wrap:wrap;justify-content:center}.games-tab{padding:10px 16px;font-size:13px}}@media(max-width:480px){.topic-grid,.match-grid{grid-template-columns:repeat(2,1fr)}}.match-level-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1.5px solid #dde1ef;border-radius:14px;padding:14px 20px;margin-bottom:12px;transition:all .3s ease}.match-level-bar.level-up-flash{border-color:#ff7a18;background:#ff7a180a;animation:levelFlash .6s ease}@keyframes levelFlash{0%{transform:scale(1)}30%{transform:scale(1.02)}to{transform:scale(1)}}.match-level-info{display:flex;align-items:center;gap:12px}.match-level-badge{font-family:Sora,sans-serif;font-size:15px;font-weight:700;color:#fff;background:#1e2340;padding:5px 14px;border-radius:100px}.match-level-desc{font-size:13px;color:#888;font-weight:500}.match-level-dots{display:flex;gap:6px;align-items:center}.match-level-dot{width:10px;height:10px;border-radius:50%;background:#dde1ef;transition:all .3s ease}.match-level-dot.done{background:#ff7a18}.match-level-dot.active{background:#1e2340;transform:scale(1.3)}.qcard{background:#fff;border:1.5px solid #dde1ef;border-radius:20px;padding:32px;max-width:760px;margin:0 auto;animation:fadeUp .4s ease both}.qcard-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.qcard-meta{display:flex;align-items:center;gap:10px}.qcard-count{font-size:13px;color:#888;font-weight:500}.qcard-diff{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:100px}.qcard-timer{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:#eef0f6;font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:#555;transition:all .3s ease}.qcard-timer.warning{background:#dc26261a;color:#dc2626;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.qcard-progress-bar{height:5px;background:#dde1ef;border-radius:100px;margin-bottom:28px;overflow:hidden}.qcard-progress-fill{height:100%;background:linear-gradient(90deg,#1e2340,#ff7a18);border-radius:100px;transition:width .4s ease}.qcard-question{font-family:Sora,sans-serif;font-size:clamp(17px,2.5vw,22px);font-weight:700;color:#1a1f35;line-height:1.45;margin-bottom:24px;letter-spacing:-.01em}.qcard-hint-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:transparent;border:1.5px solid #dde1ef;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#888;cursor:pointer;margin-bottom:16px;transition:all .2s ease}.qcard-hint-btn:hover{border-color:#ff7a18;color:#ff7a18;background:#ff7a180a}.qcard-hint{display:flex;align-items:flex-start;gap:10px;background:#ff7a180f;border:1.5px solid rgba(255,122,24,.2);border-radius:10px;padding:14px 16px;margin-bottom:16px;color:#b85a00}.qcard-hint p{font-size:14px;line-height:1.55}.qcard-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.qopt{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:#fff;border:1.5px solid #dde1ef;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;color:#1a1f35;cursor:pointer;text-align:left;transition:all .2s ease}.qopt:not(:disabled):hover{border-color:#1e2340;background:#1e234008;transform:translate(3px)}.qopt.selected{border-color:#1e2340;background:#1e23400d}.qopt.correct{border-color:#16a34a;background:#16a34a12;color:#15803d}.qopt.wrong{border-color:#dc2626;background:#dc262612;color:#b91c1c}.qopt.dimmed{opacity:.4}.qopt-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#eef0f6;font-family:Sora,sans-serif;font-size:13px;font-weight:700;color:#888;flex-shrink:0;transition:all .2s ease}.qopt.selected .qopt-letter{background:#1e2340;color:#fff}.qopt.correct .qopt-letter{background:#16a34a;color:#fff}.qopt.wrong .qopt-letter{background:#dc2626;color:#fff}.qopt-text{flex:1}.qcard-explanation{display:flex;align-items:flex-start;gap:10px;background:#f8f9fd;border:1.5px solid #dde1ef;border-radius:10px;padding:16px;margin-bottom:20px;color:#555}.qcard-explanation-label{font-family:Sora,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1e2340;margin-bottom:4px}.qcard-explanation-text{font-size:14px;line-height:1.6;color:#666}.qcard-next-wrapper{display:flex;justify-content:flex-end}.qcard-next-btn{gap:8px}.qresults{display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff;border:1.5px solid #dde1ef;border-radius:20px;padding:48px 32px;max-width:480px;margin:0 auto;text-align:center;animation:fadeUp .5s ease both}.qresults-trophy{font-size:60px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.qresults-grade{font-family:Sora,sans-serif;font-size:64px;font-weight:800;line-height:1;letter-spacing:-.04em}.qresults-msg{font-family:Sora,sans-serif;font-size:22px;font-weight:700;color:#1a1f35}.qresults-sub{font-size:15px;color:#888;line-height:1.6}.qresults-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.qresults-stat{display:flex;flex-direction:column;align-items:center;gap:6px;background:#f5f6fb;border-radius:14px;padding:16px 8px}.qresults-stat-val{font-family:Sora,sans-serif;font-size:22px;font-weight:700;color:#1a1f35}.qresults-stat-lbl{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.08em}.qresults-save{width:100%}.qresults-save-label{font-size:13px;color:#888;margin-bottom:10px}.qresults-save-row{display:flex;gap:8px}.qresults-input{flex:1;padding:11px 16px;border:1.5px solid #dde1ef;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:#1a1f35;outline:none;transition:border-color .2s ease}.qresults-input:focus{border-color:#1e2340}.qresults-save-btn{padding:11px 20px!important;font-size:14px!important}.qresults-saved{font-size:14px;font-weight:600;color:#16a34a}.lb-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 20px;text-align:center;background:#fff;border:1.5px solid #dde1ef;border-radius:20px;max-width:520px;margin:0 auto}.lb-empty-icon{font-size:56px}.lb-empty h3{font-family:Sora,sans-serif;font-size:20px;font-weight:700;color:#1a1f35}.lb-empty p{font-size:14px;color:#aaa}.lb-card{background:#fff;border:1.5px solid #dde1ef;border-radius:20px;overflow:hidden;max-width:640px;margin:0 auto;animation:fadeUp .4s ease both}.lb-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1.5px solid #dde1ef}.lb-card-title{display:flex;align-items:center;gap:12px}.lb-card-icon{font-size:28px}.lb-card-title h3{font-family:Sora,sans-serif;font-size:16px;font-weight:700;color:#1a1f35}.lb-card-title p{font-size:12px;color:#aaa}.lb-clear-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid #dde1ef;border-radius:8px;background:transparent;color:#aaa;cursor:pointer;transition:all .2s ease}.lb-clear-btn:hover{border-color:#dc2626;color:#dc2626;background:#dc26260d}.lb-podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:24px;background:#f8f9fd;border-bottom:1.5px solid #dde1ef}.lb-podium-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:14px;background:#fff;border:1.5px solid #dde1ef;text-align:center}.lb-podium-slot.rank-0{background:#ff7a180d;border-color:#ff7a184d;transform:scale(1.04)}.lb-podium-medal{font-size:24px}.lb-podium-name{font-family:Sora,sans-serif;font-size:13px;font-weight:700;color:#1a1f35;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-podium-score{font-size:15px;font-weight:700;color:#ff7a18}.lb-podium-time{font-size:11px;color:#aaa}.lb-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #f0f2f8;transition:background .15s ease}.lb-row:hover{background:#f8f9fd}.lb-row:last-child{border-bottom:none}.lb-row-rank{font-family:Sora,sans-serif;font-size:13px;font-weight:700;color:#aaa;width:32px;text-align:center;flex-shrink:0}.lb-row-info{flex:1;min-width:0}.lb-row-name{display:block;font-family:Sora,sans-serif;font-size:14px;font-weight:600;color:#1a1f35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-row-meta{display:block;font-size:11px;color:#aaa;text-transform:capitalize;margin-top:2px}.lb-row-right{text-align:right}.lb-row-score{display:block;font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:#ff7a18}.lb-row-time{display:block;font-size:11px;color:#aaa}.qcard-streak{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:linear-gradient(135deg,#ff7a181f,#ff7a1833);border:1.5px solid rgba(255,122,24,.35);border-radius:100px;font-size:12px;font-weight:700;color:#ff7a18;animation:streakPop .35s cubic-bezier(.34,1.56,.64,1) both}.qcard-streak.mega{background:linear-gradient(135deg,#ff7a1833,#dc262633);border-color:#dc262666;color:#dc2626;animation:streakPop .35s cubic-bezier(.34,1.56,.64,1) both,megaPulse .8s ease infinite}@keyframes streakPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes megaPulse{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 6px #dc262600}}.qresults-ring-wrapper{position:relative;width:140px;height:140px;flex-shrink:0}.qresults-ring{width:140px;height:140px;transform:rotate(-90deg)}.qresults-ring-bg{fill:none;stroke:#eef0f6;stroke-width:8}.qresults-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .05s linear}.qresults-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.qresults-ring-pct{font-family:Sora,sans-serif;font-size:26px;font-weight:800;line-height:1}.qresults-ring-sub{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.08em}.confetti-wrapper{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;top:-16px;border-radius:2px;animation:confettiFall linear forwards;opacity:0}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) translate(0) rotate(0)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(110vh) translate(var(--drift)) rotate(calc(var(--rotate) * 4))}}@media(max-width:900px){.topic-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.topic-grid{grid-template-columns:repeat(2,1fr);gap:10px}.games-container{padding:28px 16px 64px}}@media(max-width:420px){.topic-grid{grid-template-columns:1fr 1fr;gap:8px}}.topic-detail-panel{margin-top:20px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#0e1a3a,#102d5e 40%,#1a4a8a);box-shadow:0 24px 60px #0a143c73,0 0 0 1px #ffffff0f;animation:detailFadeIn .35s cubic-bezier(.34,1.56,.64,1) both;position:relative}.topic-detail-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(99,162,241,.12) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 10% 30%,rgba(255,122,24,.07) 0%,transparent 60%);pointer-events:none}@keyframes detailFadeIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.topic-detail-inner{display:flex;align-items:stretch;min-height:260px;position:relative;z-index:1}.topic-detail-img-wrap{flex:0 0 320px;position:relative;overflow:hidden}.topic-detail-img-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,#102d5e 100%);pointer-events:none}.topic-detail-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(.85) saturate(1.1)}.topic-detail-img-placeholder{width:100%;height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;font-size:80px;background:linear-gradient(135deg,#1e2340,#2a3460)}.topic-detail-info{flex:1;padding:32px 36px 32px 32px;display:flex;flex-direction:column;gap:14px}.topic-detail-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ff7a182e;border:1px solid rgba(255,122,24,.4);border-radius:4px;font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#ff9a4a;width:fit-content}.topic-detail-title{font-family:"Press Start 2P",monospace;font-size:clamp(14px,2vw,22px);font-weight:400;color:#fff;letter-spacing:.02em;line-height:1.5;margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.4)}.topic-detail-desc{font-size:14px;color:#ffffffa6;line-height:1.7;max-width:480px}.topic-detail-difficulty-label{font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#fff6;margin-top:4px}.topic-detail-difficulty-row{display:flex;gap:8px;flex-wrap:wrap}.topic-detail-diff-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400;color:#fff9;cursor:pointer;transition:all .18s ease;letter-spacing:.03em}.topic-detail-diff-btn:hover{background:#ffffff21;color:#fff;border-color:#ffffff40}.topic-detail-diff-btn.active{background:#ff7a18;border-color:#ff7a18;color:#fff;font-weight:700;box-shadow:0 4px 16px #ff7a1866}.topic-detail-actions{display:flex;align-items:center;gap:20px;margin-top:6px}.topic-detail-start-btn{display:flex;align-items:center;gap:10px;padding:14px 32px;background:#ff7a18;color:#fff;border:none;border-radius:4px;font-family:"Press Start 2P",monospace;font-size:11px;font-weight:400;cursor:pointer;transition:all .15s ease;box-shadow:0 5px #b35000,0 8px 20px #ff7a1866;letter-spacing:.04em;text-transform:uppercase}.topic-detail-start-btn:active{transform:translateY(4px)!important;box-shadow:0 1px #b35000,0 3px 10px #ff7a1840!important}.topic-detail-start-btn:hover{background:#e86d10;transform:translateY(-2px);box-shadow:0 7px #b35000,0 12px 28px #ff7a1880}.topic-detail-meta{font-family:"Press Start 2P",monospace;font-size:7px;color:#ffffff59;font-weight:400;letter-spacing:.06em;line-height:1.8}@media(max-width:700px){.topic-detail-inner{flex-direction:column}.topic-detail-img-wrap{flex:0 0 180px;height:180px}.topic-detail-img-wrap:after{background:linear-gradient(to bottom,transparent 60%,#102d5e 100%)}.topic-detail-info{padding:24px 20px}}.carousel-wrapper{display:flex;align-items:center;gap:16px;position:relative;margin-top:8px}.carousel-arrow{flex-shrink:0;width:52px;height:52px;background:#1e2340;border:2px solid transparent;border-radius:0;color:#ff7a18;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:3px 3px #ff7a1840;z-index:2}.carousel-arrow:hover{background:#ff7a18;color:#fff;box-shadow:4px 4px #b4460080;transform:scale(1.05)}.carousel-arrow:active{transform:scale(.97) translateY(1px);box-shadow:2px 2px #b4460066}.carousel-card{flex:1;min-height:280px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#1e2340,#242b4d,#1e2340);box-shadow:0 24px 60px #0a0e1a8c,0 0 0 1px #ffffff0f;display:flex;align-items:stretch;position:relative}.carousel-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(255,122,24,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 10% 30%,rgba(255,122,24,.05) 0%,transparent 60%);pointer-events:none;z-index:0}@keyframes slideFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.carousel-card.slide-right{animation:slideFromRight .28s ease-out both}.carousel-card.slide-left{animation:slideFromLeft .28s ease-out both}.carousel-img-wrap{flex:0 0 280px;position:relative;overflow:hidden}.carousel-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(.85) saturate(1.1)}.carousel-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,#1e2340 100%);pointer-events:none}.carousel-img-placeholder{width:100%;height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;font-size:72px;background:linear-gradient(135deg,#1e2340,#242b4d)}.carousel-info{flex:1;padding:28px 32px 28px 28px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.carousel-dots{display:flex;align-items:center;gap:7px;margin-top:2px}.carousel-dot{width:8px;height:8px;border-radius:0;background:#fff3;border:none;cursor:pointer;padding:0;transition:all .2s ease}.carousel-dot.active{width:22px;background:#ff7a18;box-shadow:0 0 6px #ff7a1899}.carousel-dot:hover:not(.active){background:#fff6}@media(max-width:700px){.carousel-wrapper{gap:10px}.carousel-arrow{width:40px;height:40px}.carousel-card{flex-direction:column}.carousel-img-wrap{flex:0 0 160px;height:160px}.carousel-img-overlay{background:linear-gradient(to bottom,transparent 55%,#1e2340 100%)}.carousel-info{padding:20px 18px}}@media(max-width:480px){.carousel-arrow{width:36px;height:36px}.carousel-arrow svg{width:18px;height:18px}}.games-user-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 24px;background:#1a1a2e;border-bottom:1px solid #2a2a40}.games-back-link{display:flex;align-items:center;gap:8px;color:#f59e0b;font-weight:700;font-size:14px;text-decoration:none}.games-back-link:hover{text-decoration:underline}.games-logged-in-as{font-size:13.5px;color:#a0a0b8}.games-logged-in-as strong{color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0f1629;--navy-mid: #1e2340;--orange: #ff7a18;--orange-dk: #e06510;--base: #f5f6fa;--surface: #ffffff;--border: rgba(15, 22, 41, .08);--text: #0f1629;--text-2: #4a5568;--text-3: #94a3b8;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px}.bl-page{min-height:100vh;background:var(--base);padding-top:0;font-family:Sora,sans-serif;color:var(--text)}.bl-hero{position:relative;background:var(--navy);background-size:cover;background-position:center center;background-repeat:no-repeat;padding:140px 24px 100px;overflow:hidden;text-align:center}.bl-hero:before{content:"";position:absolute;inset:0;background:#0a051e9e;z-index:0}.bl-hero-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px;pointer-events:none;z-index:1}.bl-hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 100% at 20% 60%,rgba(255,122,24,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 80% at 80% 20%,rgba(99,102,241,.09) 0%,transparent 60%);pointer-events:none;z-index:1}.bl-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:56px;background:var(--base);clip-path:ellipse(54% 100% at 50% 100%);z-index:2}.bl-hero-inner{position:relative;z-index:3;max-width:660px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px;animation:bl-fadeUp .55s ease both}.bl-hero-badge{display:inline-flex;align-items:center;gap:7px;background:#ff7a181f;border:1px solid rgba(255,122,24,.25);color:#ff9a50;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:30px}.bl-hero-title{font-family:Sora,sans-serif;font-size:clamp(34px,5.5vw,58px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em}.bl-hero-title span{font-family:Sora,sans-serif;font-style:italic;font-weight:700;color:var(--orange)}.bl-hero-sub{font-size:15px;color:#ffffff7a;line-height:1.65;max-width:480px;animation:bl-fadeUp .55s .1s ease both}.bl-search-wrap{position:relative;width:100%;max-width:460px;animation:bl-fadeUp .55s .18s ease both}.bl-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffff4d;pointer-events:none}.bl-search{width:100%;padding:14px 18px 14px 44px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;font-family:Sora,sans-serif;font-size:14px;outline:none;transition:border-color .2s,background .2s}.bl-search::placeholder{color:#ffffff47}.bl-search:focus{border-color:#ff7a1880;background:#ffffff1a}.bl-hero-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#ffffff61;font-weight:500;animation:bl-fadeUp .55s .26s ease both}.bl-hero-meta strong{color:#ffffffbf;font-weight:700}.bl-dot{width:3px;height:3px;border-radius:50%;background:#fff3}@keyframes bl-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bl-body{max-width:1140px;margin:0 auto;padding:36px 24px 64px}.bl-section-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}.bl-featured{display:grid;grid-template-columns:1fr 320px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 24px #0f162912;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;margin-bottom:44px;animation:bl-fadeUp .5s .05s ease both}.bl-featured:hover{transform:translateY(-3px);box-shadow:0 16px 48px #0f16291f;border-color:#ff7a184d}.bl-featured-left{padding:40px 44px;display:flex;flex-direction:column;gap:14px;justify-content:center}.bl-featured-cat{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-mid);background:#0f16290f;padding:4px 12px;border-radius:20px;width:fit-content}.bl-featured-title{font-family:Sora,sans-serif;font-size:clamp(20px,2.4vw,26px);font-weight:800;color:var(--text);line-height:1.3;letter-spacing:-.025em}.bl-featured-excerpt{font-size:14px;color:var(--text-2);line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.bl-featured-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:18px;border-top:1px solid rgba(15,22,41,.07);margin-top:4px}.bl-fmeta-author{display:flex;align-items:center;gap:10px}.bl-featured-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--navy);color:#fff;border-radius:999px;font-size:13px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap}.bl-featured:hover .bl-featured-cta{background:var(--orange);box-shadow:0 6px 20px #ff7a1861;transform:translateY(-1px)}.bl-featured-right{background:linear-gradient(160deg,#eef1fb,#dde4f5);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bl-featured-right:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(255,122,24,.08) 0%,transparent 70%)}.bl-featured-visual{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.bl-fv-card{width:140px;background:var(--navy);border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;gap:9px;box-shadow:0 20px 50px #0f162947;position:relative}.bl-fv-bar{height:8px;border-radius:6px;background:#ffffff1f}.bl-fv-bar-a{width:70%;background:var(--orange);opacity:.9}.bl-fv-bar-b{width:88%}.bl-fv-bar-c{width:55%}.bl-fv-chip{position:absolute;bottom:-14px;right:-14px;width:40px;height:40px;background:var(--orange);border-radius:10px;box-shadow:0 8px 20px #ff7a1873}.bl-fv-readtime{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#0f162980;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.8)}.bl-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.bl-filter-tabs{display:flex;flex-wrap:wrap;gap:6px}.bl-filter-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .18s ease}.bl-filter-tab:hover{border-color:var(--navy);color:var(--navy)}.bl-filter-tab.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 4px 14px #0f162938}.bl-filter-count{font-size:10.5px;font-weight:700;background:#fff3;color:inherit;padding:1px 6px;border-radius:20px;opacity:.75}.bl-filter-tab:not(.active) .bl-filter-count{background:#0f162912}.bl-results-label{font-size:12.5px;font-weight:600;color:var(--text-3);white-space:nowrap}.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.bl-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:bl-fadeUp .45s ease both;position:relative}.bl-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--navy);border-radius:0 2px 2px 0;opacity:0;transition:opacity .2s}.bl-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px #0f16291a;border-color:#ff7a1840}.bl-card:hover:before{opacity:1}.bl-card-head{padding:16px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.bl-card-meta-row{display:flex;align-items:center;gap:10px}.bl-card-cat{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-mid);background:#0f16290f;padding:3px 10px;border-radius:20px}.bl-card-time{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-3)}.bl-tag{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:20px;flex-shrink:0}.tag-orange{background:#ff7a181f;color:#d45e00;border:1px solid rgba(255,122,24,.2)}.tag-red{background:#dc262617;color:#b91c1c;border:1px solid rgba(220,38,38,.18)}.tag-blue{background:#2563eb17;color:#1d4ed8;border:1px solid rgba(37,99,235,.18)}.tag-amber{background:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.2)}.bl-card-body{padding:14px 18px 0;flex:1;display:flex;flex-direction:column;gap:8px}.bl-card-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.4;letter-spacing:-.01em;transition:color .2s}.bl-card:hover .bl-card-title{color:var(--navy)}.bl-card-excerpt{font-size:13px;color:var(--text-2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;flex:1}.bl-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 16px;margin-top:auto;border-top:1px solid rgba(15,22,41,.06)}.bl-card-author{display:flex;align-items:center;gap:8px}.bl-card-read{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:#0f16290f;color:var(--navy);border-radius:999px;font-size:12px;font-weight:700;flex-shrink:0;transition:background .2s,color .2s,box-shadow .2s,transform .15s}.bl-card:hover .bl-card-read{background:var(--orange);color:#fff;box-shadow:0 4px 14px #ff7a1861;transform:translateY(-1px)}.bl-ava{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.bl-ava-sm{width:26px;height:26px;font-size:10px}.bl-ava-navy{background:var(--navy-mid);color:#fff}.bl-ava-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.2}.bl-ava-date{font-size:11px;color:var(--text-3)}.bl-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 24px;color:var(--text-3);text-align:center}.bl-empty p{font-size:15px;font-weight:500;color:var(--text-2)}.bl-newsletter{position:relative;overflow:hidden;background:var(--navy);max-width:1140px;margin:0 auto 64px;border-radius:24px;padding:60px 40px;text-align:center;border:1px solid rgba(255,255,255,.06)}.bl-nl-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 100% at 50% 120%,rgba(255,122,24,.18) 0%,transparent 60%);pointer-events:none}.bl-nl-inner{position:relative;z-index:1;max-width:460px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.bl-nl-icon{width:48px;height:48px;background:#ff7a1824;border:1px solid rgba(255,122,24,.28);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--orange);margin-bottom:6px}.bl-nl-title{font-family:Sora,sans-serif;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.025em}.bl-nl-sub{font-size:14px;color:#ffffff73;line-height:1.6;margin-bottom:8px}.bl-nl-form{display:flex;gap:8px;width:100%;max-width:420px}.bl-nl-input{flex:1;padding:13px 18px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.12);border-radius:999px;color:#fff;font-family:Sora,sans-serif;font-size:13.5px;outline:none;transition:border-color .2s,background .2s}.bl-nl-input::placeholder{color:#ffffff47}.bl-nl-input:focus{border-color:#ff7a1880;background:#ffffff1a}.bl-nl-btn{display:flex;align-items:center;gap:7px;padding:13px 22px;background:var(--orange);color:#fff;border:none;border-radius:999px;font-family:Sora,sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 18px #ff7a1861}.bl-nl-btn:hover{background:var(--orange-dk);transform:translateY(-1px);box-shadow:0 8px 24px #ff7a1880}@media(max-width:900px){.bl-featured{grid-template-columns:1fr}.bl-featured-right{min-height:180px}.bl-featured-left{padding:28px}.bl-newsletter{margin:0 16px 48px;border-radius:18px}}@media(max-width:640px){.bl-hero{padding:60px 20px 80px}.bl-body{padding:28px 16px 48px}.bl-grid{grid-template-columns:1fr}.bl-filter-tabs{gap:5px}.bl-filter-tab{padding:7px 12px;font-size:12px}.bl-nl-form{flex-direction:column}.bl-newsletter{padding:40px 22px}.bl-featured-left{padding:24px 22px}}.legal-page{min-height:100vh;background:#1e2340;padding:5rem 1.5rem;font-family:Sora,sans-serif;color:#f0f4ff}.legal-container{max-width:800px;margin:0 auto}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.legal-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:1.5rem}.legal-brand img{width:32px}.legal-brand span{font-size:16px;font-weight:700;color:#f0f4ff}.legal-header h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:#f0f4ff;margin-bottom:.5rem;letter-spacing:-.02em}.legal-header p{font-size:.9rem;color:#64748b}.legal-content{display:flex;flex-direction:column;gap:2rem}.legal-content section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.legal-content h2{font-size:1rem;font-weight:700;color:#ff7a18;margin-bottom:.75rem;letter-spacing:.01em}.legal-content p{font-size:.9rem;color:#94a3b8;line-height:1.8}.legal-content ul{margin-top:.75rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.legal-content ul li{font-size:.9rem;color:#94a3b8;line-height:1.7}.legal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.legal-footer a{font-size:.9rem;font-weight:600;color:#5b4a9e;text-decoration:none;transition:color .2s ease}.legal-footer a:hover{color:#7b6bbd}@media(max-width:640px){.legal-page{padding:2rem 1rem 4rem}.legal-footer{flex-direction:column;gap:1rem;text-align:center}}.verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:1rem;font-family:Sora,sans-serif}.verify-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:2.5rem 2rem;max-width:400px;width:100%;text-align:center}.verify-brand{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;margin-bottom:1.5rem}.verify-logo{width:28px}.verify-brand-name{font-size:15px;font-weight:700;color:#1a1a2e}.verify-icon{width:60px;height:60px;border-radius:50%;background:#eef2ff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#4f46e5}.verify-card h2{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.verify-desc{font-size:14px;color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.verify-form{text-align:left}.verify-field{margin-bottom:1rem}.verify-field label{display:block;font-size:13px;font-weight:500;color:#1a1a2e;margin-bottom:6px}.verify-input{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.12);border-radius:10px;font-size:20px;font-weight:600;letter-spacing:8px;text-align:center;font-family:Sora,sans-serif;color:#1a1a2e;outline:none;transition:border .2s;box-sizing:border-box}.verify-input:focus{border-color:#4f46e5}.verify-submit{width:100%;padding:11px;background:#1a1a2e;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:Sora,sans-serif;transition:background .2s;margin-bottom:1rem}.verify-submit:hover{background:#2d2d4e}.verify-submit:disabled{opacity:.7;cursor:not-allowed}.verify-resend{font-size:13px;color:#6b7280;margin-bottom:1rem}.verify-resend-btn{background:none;border:none;color:#4f46e5;font-size:13px;font-weight:600;cursor:pointer;font-family:Sora,sans-serif;padding:0}.verify-resend-btn:hover{text-decoration:underline}.verify-back{font-size:13px;color:#6b7280;text-decoration:none;display:block}.verify-back:hover{color:#1a1a2e}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #5B4A9E;--color-primary-rgb: 91, 74, 158;--color-primary-light: #7B6BBD;--color-primary-dark: #262c4a;--color-accent: #ff7a18;--color-accent-hover: #e86a10;--color-nav-bg: #1e2340;--color-sidebar-bg: #1a1f35;--color-success: #10b981;--color-success-alt: #27ae60;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-warning: #f59e0b;--color-danger: #e74c3c;--color-danger-light: #ff6b6b;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-dark: #2d3436;--text-white: #ffffff;--bg-page: #ffffff;--bg-subtle: #f9fafb;--bg-card: #f3f4f6;--bg-input: #fafafa;--border-light: #e5e7eb;--border-mid: #d1d5db;--border-dark: #dde1ef;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 32px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--transition-fast: all .2s ease;--transition-base: all .3s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--primary-gradient: linear-gradient(160deg, #1a1f38 0%, #262c4a 25%, #2f3660 55%, #3d4878 75%, #4a527a 100%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .18);--sidebar-header-height: 80px;--top-nav-height: 70px}body{background:var(--bg-page);min-height:100vh;font-family:Sora,sans-serif;overflow-y:auto}#root{width:100%;min-height:100vh;height:auto}.page-content{isolation:isolate}.home-cover{position:relative;z-index:1;background-color:#fff}