@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;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}.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:#ffffffa6;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}.login-btn{background:#fff;color:#1e2340;border:none;padding:7px 20px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Sora,sans-serif}.login-btn:hover{background:#f0f0f0;box-shadow:0 4px 16px #fff3;transform:translateY(-1px)}.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}.mobile-login{margin-top:10px;padding:10px 20px;background:#fff;color:#1e2340;border:none;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;font-family:Sora,sans-serif;align-self:flex-start}@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-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}}.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}.breadcrumb-item.active{color:#fff;font-weight:600}.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:#fffc;text-transform:capitalize}.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}.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}@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}}.admin-dashboard{max-width:1600px;margin:0 auto;padding:4px 8px 32px;font-family:Plus Jakarta Sans,sans-serif;animation:fadeSlideIn .5s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:30px;font-weight:800;margin:0 0 6px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative}.dashboard-header h1:after{content:"";position:absolute;bottom:-4px;left:0;width:48px;height:3px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.dashboard-header p{color:#8492a6;margin:0;font-size:14px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 2px 12px #0000000d;border:1px solid rgba(91,74,158,.08);position:relative;overflow:hidden;transition:all .35s cubic-bezier(.175,.885,.32,1.275);animation:cardAppear .5s ease forwards;opacity:0}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5b4a9e,#9b8bcd);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #5b4a9e21}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff}.stat-trend{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;letter-spacing:.3px}.stat-trend.positive{background:#10b9811a;color:#059669}.stat-trend.negative{background:#ef44441a;color:#dc2626}.stat-value{font-size:24px;font-weight:800;color:#1e1b3a;margin:0 0 3px;line-height:1}.stat-title{font-size:12px;font-weight:600;color:#94a3b8;margin:0;text-transform:uppercase;letter-spacing:.5px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.chart-card{background:#fff;border-radius:18px;padding:24px 26px;box-shadow:0 4px 20px #5b4a9e12;border:1px solid rgba(91,74,158,.1);position:relative;overflow:hidden;transition:all .35s ease}.chart-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #5b4a9e21}.chart-card h3{margin:0 0 20px;font-size:15px;font-weight:700;color:#1e1b3a;position:relative;padding-bottom:14px;display:flex;align-items:center;gap:10px}.chart-card h3:before{content:"";width:7px;height:7px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);border-radius:50%;box-shadow:0 0 8px #5b4a9e80;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.chart-card h3:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:2px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.activity-card{background:#fff;border-radius:18px;padding:26px 28px;box-shadow:0 4px 20px #5b4a9e12;border:1px solid rgba(91,74,158,.1);position:relative;overflow:hidden}.activity-card h3{margin:0 0 20px;font-size:15px;font-weight:700;color:#1e1b3a;position:relative;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between}.activity-card h3:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(91,74,158,.2),transparent)}.activity-list{display:flex;flex-direction:column;gap:8px;position:relative}.activity-list:before{content:"";position:absolute;left:18px;top:32px;bottom:32px;width:2px;background:linear-gradient(180deg,rgba(91,74,158,.2) 0%,transparent 100%);border-radius:2px}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:12px;background:transparent;transition:all .25s ease;border:1px solid transparent;position:relative}.activity-item:hover{background:#5b4a9e0a;border-color:#5b4a9e1a;transform:translate(4px)}.activity-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;position:relative;z-index:1}.activity-item:nth-child(1) .activity-icon{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);box-shadow:0 4px 12px #5b4a9e40}.activity-item:nth-child(2) .activity-icon{background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 4px 12px #0ea5e940}.activity-item:nth-child(3) .activity-icon{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b98140}.activity-content{flex:1;min-width:0}.activity-content p{margin:0 0 5px;font-size:13.5px;color:#374151;line-height:1.5;font-weight:500}.activity-content strong{color:#5b4a9e;font-weight:700}.activity-meta{display:flex;align-items:center;gap:8px}.activity-time{font-size:11.5px;color:#94a3b8;font-weight:500}@media(max-width:1200px){.stats-grid{gap:12px}.stat-card{padding:14px 16px}.stat-value{font-size:22px}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:24px}.chart-card,.activity-card{padding:20px}}.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}.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 .6s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative}.page-header 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}.page-header h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.page-header p{color:#636e72;margin:0;font-size:15px}.tabs{display:flex;gap:12px;margin-bottom:28px;border-bottom:2px solid rgba(91,74,158,.1);position:relative}.tab{padding:14px 28px;background:transparent;border:none;font-size:16px;font-weight:600;color:#636e72;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s ease;position:relative;overflow:hidden}.tab:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:100%;height:3px;background:linear-gradient(90deg,#5b4a9e,#7b6bbd);transition:transform .3s ease}.tab:hover{color:#5b4a9e;background:#5b4a9e0d}.tab.active{color:#5b4a9e;font-weight:700}.tab.active:before{transform:translate(-50%) scaleX(1)}.badge{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;padding:6px 14px;border-radius:14px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #5b4a9e40}.progress-bar{position:relative;width:120px;height:28px;background:#5b4a9e14;border-radius:14px;overflow:hidden;border:1px solid rgba(91,74,158,.15)}.progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#5b4a9e,#7b6bbd);transition:width .4s ease;box-shadow:inset 0 1px 2px #ffffff4d}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;color:#2d3436;z-index:2;text-shadow:0 1px 2px rgba(255,255,255,.8)}.status-badge{padding:6px 14px;border-radius:14px;font-size:12px;font-weight:700;text-transform:capitalize;box-shadow:0 2px 8px #00000014}.status-active{background:linear-gradient(135deg,#00b894,#00d2a0);color:#fff}.status-inactive{background:linear-gradient(135deg,#ff7675,#ff8787);color:#fff}.btn-edit{color:#00b894;background:#00b89414}.btn-edit:before{background:linear-gradient(135deg,#00b894,#00d2a0)}.btn-edit:hover{color:#fff;transform:scale(1.1)}.btn-edit:hover:before{transform:translate(-50%,-50%) scale(1)}.btn-delete{color:#ff7675;background:#ff767514}.btn-delete:before{background:linear-gradient(135deg,#ff7675,#ff8787)}.btn-delete:hover{color:#fff;transform:scale(1.1)}.btn-delete:hover:before{transform:translate(-50%,-50%) scale(1)}.user-detail{display:flex;flex-direction:column;gap:20px}.detail-row{display:flex;flex-direction:column;gap:10px;padding:16px;background:linear-gradient(135deg,#fafafa,#f5f5f7);border-radius:12px;border:1px solid rgba(91,74,158,.08)}.detail-row strong{color:#5b4a9e;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-row ul{margin:0;padding-left:20px}.detail-row li{margin:6px 0;color:#2d3436;font-weight:500}.data-table-wrapper{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(91,74,158,.1);position:relative;overflow:hidden}.data-table-wrapper: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}.data-table-wrapper:hover:before{opacity:.15}.table-search{background:linear-gradient(135deg,#fafafa,#f5f5f7);border:1px solid rgba(91,74,158,.15)}.table-search input{color:#2d3436;font-weight:500}.table-search input::placeholder{color:#b2bec3}.data-table thead th{color:#5b4a9e;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.data-table tbody tr:hover{background:linear-gradient(135deg,#fafafa,#f8f9fa)}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-color:transparent}.pagination-number.active{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-color:transparent;box-shadow:0 2px 8px #5b4a9e4d}.pagination-number:hover{border-color:#5b4a9e;color:#5b4a9e}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tab{white-space:nowrap}}.admin-courses{max-width:1600px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.courses-header{margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-text h1{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-add-course{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.btn-add-course:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.courses-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-box{background:#fff;padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.green{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-icon.purple{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-icon.orange{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.stat-info{display:flex;flex-direction:column;gap:4px}.courses-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid #e9ecef;background:#fff;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;color:#636e72}.filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 15px #667eea4d}.view-toggle{display:flex;gap:8px;background:#fff;padding:4px;border-radius:10px;box-shadow:0 2px 8px #00000014}.view-btn{padding:10px 14px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#636e72;display:flex;align-items:center;justify-content:center}.view-btn:hover{background:#f8f9fa}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.courses-container{display:grid;gap:28px;animation:slideUp .6s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.courses-container.grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.courses-container.list{grid-template-columns:1fr}.premium-course-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.05);animation:cardAppear .6s ease forwards;opacity:0}.premium-course-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #667eea33}.card-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.premium-course-card:hover .card-image{transform:scale(1.1)}.card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000,#000000b3);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease}.premium-course-card:hover .card-overlay{opacity:1}.quick-view-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#667eea;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-view-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.premium-badge{position:absolute;top:16px;right:16px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.premium-badge.bestseller{background:#667eeae6;color:#fff}.premium-badge.new{background:#00b894e6;color:#fff}.free-badge{position:absolute;top:16px;left:16px;padding:6px 14px;background:#00b894f2;color:#fff;border-radius:20px;font-size:11px;font-weight:700;z-index:2}.card-body{padding:24px}.card-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-category{font-size:12px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.rating-stars{font-size:13px;font-weight:600;color:#636e72}.card-title{font-size:20px;font-weight:700;margin:0 0 12px;color:#2d3436;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:14px;color:#636e72;line-height:1.6;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta-info{display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#636e72;font-weight:500}.meta-item svg{color:#667eea;flex-shrink:0}.card-footer-section{display:flex;justify-content:space-between;align-items:center}.course-price-tag{font-size:24px;font-weight:700}.price-free{color:#00b894}.price-amount{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.action-buttons-group{display:flex;gap:8px}.action-btn{width:40px;height:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-btn{background:#667eea1a;color:#667eea}.edit-btn:hover{background:#667eea;color:#fff;transform:scale(1.1)}.delete-btn{background:#ff6b6b1a;color:#ff6b6b}.delete-btn:hover{background:#ff6b6b;color:#fff;transform:scale(1.1)}.premium-course-detail{display:flex;flex-direction:column;gap:28px}.detail-hero{position:relative;width:100%;height:320px;border-radius:16px;overflow:hidden}.detail-hero-image{width:100%;height:100%;object-fit:cover}.detail-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(180deg,#0000,#000c);display:flex;justify-content:space-between;align-items:flex-end}.detail-level{color:#fff;font-weight:700;font-size:14px;text-transform:uppercase}.detail-rating{color:#fff;font-weight:600}.detail-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.detail-section{margin-bottom:24px}.detail-section h4{font-size:20px;font-weight:700;margin:0 0 16px;color:#2d3436}.detail-section p{line-height:1.7;color:#636e72}.structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.structure-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px}.structure-item svg{color:#667eea;flex-shrink:0}.structure-item strong{display:block;font-size:18px;color:#2d3436}.structure-item span{display:block;font-size:13px;color:#636e72}.sidebar-card{background:#f8f9fa;padding:24px;border-radius:16px;margin-bottom:20px}.sidebar-card h4{font-size:18px;font-weight:700;margin:0 0 16px}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:14px;color:#636e72}.info-value{font-size:15px;font-weight:600;color:#2d3436}.price-highlight{color:#00b894;font-size:18px}.btn-primary-large,.btn-secondary-large{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.btn-primary-large{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary-large{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary-large:hover{background:#667eea;color:#fff}@media(max-width:1200px){.detail-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.courses-container.grid{grid-template-columns:1fr}.courses-stats{grid-template-columns:repeat(2,1fr)}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.courses-controls{flex-direction:column;align-items:stretch}.filter-buttons{width:100%}.filter-btn{flex:1}}@media(max-width:480px){.courses-stats{grid-template-columns:1fr}.card-meta-info{flex-direction:column;gap:8px}.structure-grid{grid-template-columns:1fr}}.admin-assignments{max-width:1600px;margin:0 auto;animation:fadeSlideIn .6s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.btn-primary{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-primary: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}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5b4a9e66}.assignments-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-box{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}.stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s ease}.stat-box.purple:before{background:linear-gradient(90deg,#5b4a9e,#7b6bbd)}.stat-box.blue:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.stat-box.green:before{background:linear-gradient(90deg,#00b894,#00d2a0)}.stat-box.orange:before{background:linear-gradient(90deg,#fa709a,#fee140)}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 28px #5b4a9e26}.stat-box:hover:before{opacity:1}.stat-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);border-radius:14px;box-shadow:0 4px 16px #5b4a9e40;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:28px;font-weight:700;color:#2d3436}.stat-label{font-size:13px;color:#636e72;font-weight:500}.assignments-filters{margin-bottom:28px}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group svg{color:#5b4a9e}.filter-chip{padding:10px 20px;border:2px solid rgba(91,74,158,.15);background:#fff;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;color:#636e72}.filter-chip:hover{border-color:#5b4a9e;color:#5b4a9e;transform:translateY(-2px)}.filter-chip.active{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-color:transparent;box-shadow:0 4px 12px #5b4a9e4d}.assignments-section,.submissions-section{margin-bottom:32px}.section-title{font-size:22px;font-weight:700;color:#2d3436;margin:0 0 20px;position:relative;padding-left:16px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#5b4a9e,#7b6bbd);border-radius:2px}.assignment-title-cell{display:flex;flex-direction:column;gap:6px}.assignment-title-cell strong{color:#2d3436;font-size:15px}.course-tag{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-radius:10px;font-size:11px;font-weight:600;width:fit-content}.due-date-cell{display:flex;align-items:center;gap:8px;color:#636e72;font-weight:500}.due-date-cell svg{color:#5b4a9e}.submission-progress{display:flex;flex-direction:column;gap:6px}.submission-count{font-weight:700;color:#2d3436;font-size:14px}.mini-progress-bar{width:100px;height:6px;background:#5b4a9e1a;border-radius:3px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#5b4a9e,#7b6bbd);transition:width .3s ease}.grading-status{display:flex;flex-direction:column;gap:6px}.status-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.status-item.graded{color:#00b894}.status-item.pending{color:#fdcb6e}.assignment-status{padding:6px 14px;border-radius:12px;font-size:12px;font-weight:700;text-transform:capitalize}.assignment-status.active{background:linear-gradient(135deg,#00b894,#00d2a0);color:#fff;box-shadow:0 2px 8px #00b89440}.assignment-status.closed{background:linear-gradient(135deg,#636e72,#7f8c8d);color:#fff;box-shadow:0 2px 8px #636e7240}.submission-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600;width:fit-content}.submission-status.graded{background:#00b8941a;color:#00b894}.submission-status.pending{background:#fdcb6e1a;color:#fdcb6e}.score-badge{font-size:16px;font-weight:700;color:#5b4a9e}.action-buttons{display:flex;gap:8px}.btn-icon{width:38px;height:38px;padding:0;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.btn-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;border-radius:10px;transition:transform .3s ease}.btn-view{color:#5b4a9e;background:#5b4a9e14}.btn-view:before{background:linear-gradient(135deg,#5b4a9e,#7b6bbd)}.btn-view:hover{color:#fff;transform:scale(1.1)}.btn-view:hover:before{transform:translate(-50%,-50%) scale(1)}.btn-download{color:#00b894;background:#00b89414}.btn-download:before{background:linear-gradient(135deg,#00b894,#00d2a0)}.btn-download:hover{color:#fff;transform:scale(1.1)}.btn-download:hover:before{transform:translate(-50%,-50%) scale(1)}.btn-grade{padding:8px 16px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #5b4a9e40}.btn-grade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5b4a9e59}.grading-modal{display:flex;flex-direction:column;gap:24px}.modal-info{background:linear-gradient(135deg,#fafafa,#f5f5f7);padding:20px;border-radius:14px;border:1px solid rgba(91,74,158,.1)}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(91,74,158,.08)}.info-row:last-child{border-bottom:none}.info-row strong{color:#5b4a9e;font-weight:700}.info-row span{color:#2d3436;font-weight:500}.grading-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:700;color:#2d3436;font-size:14px}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid rgba(91,74,158,.15);border-radius:10px;font-size:14px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5b4a9e;box-shadow:0 0 0 3px #5b4a9e1a}.btn-submit-grade{padding:14px 24px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #5b4a9e4d}.btn-submit-grade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5b4a9e66}.grade-display{padding:32px;text-align:center}.score-display{display:flex;flex-direction:column;align-items:center;gap:12px}.score-large{font-size:64px;font-weight:800;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:16px;color:#636e72;font-weight:600}@media(max-width:1200px){.assignments-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.assignments-stats{grid-template-columns:1fr}.filter-group{width:100%}.filter-chip{flex:1}}.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}.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}.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}}.admin-settings{max-width:1400px;margin:0 auto;animation:fadeSlideIn .6s ease}.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}}.ins-page,.ins-page *:not(img){font-family:Sora,sans-serif!important}.ins-page{width:100%;min-height:100vh;background:#f0f2f8;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden;animation:ins-fadeIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes ins-fadeIn{0%{opacity:0}to{opacity:1}}.ins-page:before,.ins-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.ins-page:before{width:520px;height:520px;background:#3b5bdb1a;filter:blur(90px);top:-160px;left:-100px}.ins-page:after{width:380px;height:380px;background:#141c3c12;filter:blur(80px);bottom:-80px;right:-80px}.ins-card{position:relative;z-index:1;width:100%;max-width:500px;background:#fff;border:1px solid rgba(20,28,60,.08);border-radius:28px;padding:44px 44px 32px;box-shadow:0 24px 80px #141c3c1a,0 4px 16px #141c3c0f,inset 0 1px #ffffffe6;animation:ins-cardIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes ins-cardIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.ins-lottie-wrap{width:160px;margin:0 auto 18px;opacity:.85;animation:ins-float 4.5s ease-in-out infinite}@keyframes ins-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ins-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;text-decoration:none;cursor:pointer}.ins-brand-logo{width:34px;height:34px;object-fit:contain;filter:none!important}.ins-brand-text{display:flex;flex-direction:column;gap:1px}.ins-brand-name{font-size:16px;font-weight:700;color:#141c3c;letter-spacing:-.01em}.ins-brand-sub{font-size:11px;color:#9ca3af;font-weight:400}.ins-tabs{position:relative;display:flex;background:#141c3c0d;border-radius:12px;padding:4px;margin-bottom:28px}.ins-tab{flex:1;padding:10px;background:none;border:none;color:#141c3c61;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}.ins-tab.active{color:#141c3c}.ins-tab-indicator{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);background:#fff;border-radius:9px;border:1px solid rgba(20,28,60,.08);box-shadow:0 2px 8px #141c3c14;transition:left .3s cubic-bezier(.34,1.56,.64,1)}.ins-tab-indicator.left{left:4px}.ins-tab-indicator.right{left:50%}.ins-header{margin-bottom:22px}.ins-header h2{font-size:28px;font-weight:700;color:#141c3c;margin:0 0 5px;letter-spacing:-.02em}.ins-header h2 em{font-style:normal;color:#3b5bdb}.ins-header p{font-size:14px;color:#141c3c73;margin:0}.ins-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;margin-bottom:16px}.ins-form{display:flex;flex-direction:column;gap:0}.ins-field{margin-bottom:15px}.ins-field-header{display:flex;justify-content:space-between;align-items:center}.ins-field label{display:block;font-size:12px;font-weight:600;color:#141c3c85;margin-bottom:7px;letter-spacing:.02em}.ins-input-wrap{position:relative;display:flex;align-items:center}.ins-input-wrap>svg:first-child{position:absolute;left:13px;color:#a0aec0;pointer-events:none;flex-shrink:0}.ins-input-wrap input{width:100%;padding:13px 15px 13px 40px;background:#141c3c0a;border:1px solid rgba(20,28,60,.1);border-radius:10px;color:#141c3c;font-size:14px;font-family:Sora,sans-serif;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.ins-input-wrap input::placeholder{color:#141c3c38}.ins-input-wrap input:focus{border-color:#3b5bdb8c;background:#3b5bdb08;box-shadow:0 0 0 3px #3b5bdb14}.ins-eye{position:absolute;right:13px;background:none;border:none;cursor:pointer;color:#141c3c4d;padding:0;display:flex;align-items:center;transition:color .2s ease}.ins-eye:hover{color:#141c3ca6}.ins-forgot-btn{background:none;border:none;cursor:pointer;font-size:12px;color:#3b5bdb;font-weight:500;transition:opacity .2s;font-family:Sora,sans-serif}.ins-forgot-btn:hover{opacity:.75}.ins-pw-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.ins-pw-bars{display:flex;gap:4px;flex:1}.ins-pw-bar{flex:1;height:3px;border-radius:2px;background:#141c3c1a;transition:background .3s}.ins-pw-bar.str-weak{background:#ef4444}.ins-pw-bar.str-fair{background:#f97316}.ins-pw-bar.str-good{background:#3b82f6}.ins-pw-bar.str-strong{background:#22c55e}.ins-pw-label{font-size:11px;font-weight:600;min-width:36px;text-align:right}.ins-pw-label.str-weak{color:#ef4444}.ins-pw-label.str-fair{color:#f97316}.ins-pw-label.str-good{color:#3b82f6}.ins-pw-label.str-strong{color:#22c55e}.ins-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ins-remember{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;color:#141c3c7a}.ins-remember input[type=checkbox]{width:14px;height:14px;accent-color:#3b5bdb;cursor:pointer}.ins-terms{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12px;color:#141c3c73;line-height:1.6;margin-bottom:16px}.ins-terms input[type=checkbox]{width:14px;height:14px;margin-top:2px;accent-color:#3b5bdb;cursor:pointer;flex-shrink:0}.ins-terms a{color:#3b5bdb;text-decoration:none;font-weight:500}.ins-terms a:hover{text-decoration:underline}.ins-submit{width:100%;padding:14px;background:linear-gradient(135deg,#141c3c,#1e2a52,#3b5bdb);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;font-family:Sora,sans-serif;cursor:pointer;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 20px #3b5bdb47}.ins-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 8px 28px #3b5bdb52}.ins-submit:active:not(:disabled){transform:translateY(0)}.ins-submit:disabled{opacity:.55;cursor:not-allowed}.ins-spinner{width:16px;height:16px;animation:ins-spin .8s linear infinite;flex-shrink:0}@keyframes ins-spin{to{transform:rotate(360deg)}}.ins-divider{text-align:center;position:relative;margin-bottom:14px}.ins-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#141c3c14}.ins-divider span{position:relative;background:#fff;padding:0 12px;font-size:12px;color:#141c3c52;font-weight:600;letter-spacing:.08em}.ins-google-btn{width:100%;padding:13px;background:#141c3c08;border:1px solid rgba(20,28,60,.1);border-radius:10px;color:#141c3c;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,transform .15s ease}.ins-google-btn:hover:not(:disabled){background:#141c3c0f;border-color:#3b5bdb40;transform:translateY(-1px)}.ins-google-btn:disabled{opacity:.55;cursor:not-allowed}.ins-switch{text-align:center;font-size:13px;color:#141c3c66;margin:0}.ins-switch span{color:#3b5bdb;cursor:pointer;font-weight:600}.ins-switch span:hover{opacity:.8}.ins-footer-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#141c3c38;margin-top:26px}.ins-left,.ins-right,.ins-right-bg,.ins-right-inner,.ins-tagline{display:none!important}@media(max-width:540px){.ins-card{padding:32px 24px 26px;border-radius:20px}.ins-lottie-wrap{width:130px}.ins-header h2{font-size:24px}}@media(max-width:380px){.ins-card{padding:28px 18px 22px}.ins-lottie-wrap{width:110px}}.reg-page,.reg-page *:not(img){font-family:Sora,sans-serif!important}.reg-page{width:100%;min-height:100vh;background:#f0f2f8;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden;animation:reg-fadeIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes reg-fadeIn{0%{opacity:0}to{opacity:1}}.reg-page:before,.reg-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.reg-page:before{width:520px;height:520px;background:#3b5bdb1a;filter:blur(90px);top:-160px;left:-100px}.reg-page:after{width:380px;height:380px;background:#141c3c12;filter:blur(80px);bottom:-80px;right:-80px}.reg-card{position:relative;z-index:1;width:100%;max-width:500px;background:#fff;border:1px solid rgba(20,28,60,.08);border-radius:28px;padding:44px 44px 32px;box-shadow:0 24px 80px #141c3c1a,0 4px 16px #141c3c0f,inset 0 1px #ffffffe6;animation:reg-cardIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes reg-cardIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.reg-lottie-top{width:140px;margin:0 auto 16px;opacity:.85;animation:reg-float 4.5s ease-in-out infinite}@keyframes reg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reg-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;text-decoration:none;cursor:pointer}.reg-brand-logo,.reg-page img.reg-brand-logo{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;object-fit:contain!important;filter:none!important}.reg-brand-text{display:flex;flex-direction:column;gap:1px}.reg-brand-name{font-size:16px;font-weight:700;color:#141c3c;letter-spacing:-.01em}.reg-brand-sub{font-size:11px;color:#9ca3af;font-weight:400}.reg-header{margin-bottom:22px}.reg-header h2{font-size:28px;font-weight:700;color:#141c3c;margin:0 0 5px;letter-spacing:-.02em}.reg-header h2 em{font-style:normal;color:#3b5bdb}.reg-header p{font-size:14px;color:#141c3c73;margin:0}.reg-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;margin-bottom:16px}.reg-form{display:flex;flex-direction:column;gap:0}.reg-field{margin-bottom:15px}.reg-field label{display:block;font-size:12px;font-weight:600;color:#141c3c85;margin-bottom:7px;letter-spacing:.02em}.reg-input-wrap{position:relative;display:flex;align-items:center}.reg-input-wrap>svg:first-child{position:absolute;left:13px;color:#a0aec0;pointer-events:none;flex-shrink:0}.reg-input-wrap input{width:100%;padding:13px 15px 13px 40px;background:#141c3c0a;border:1px solid rgba(20,28,60,.1);border-radius:10px;color:#141c3c;font-size:14px;font-family:Sora,sans-serif;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.reg-input-wrap input::placeholder{color:#141c3c38}.reg-input-wrap input:focus{border-color:#3b5bdb8c;background:#3b5bdb08;box-shadow:0 0 0 3px #3b5bdb14}.reg-input-error input{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444414!important}.reg-field-err{font-size:11.5px;color:#ef4444;margin-top:4px;display:block}.reg-eye{position:absolute;right:13px;background:none;border:none;cursor:pointer;color:#141c3c4d;padding:0;display:flex;align-items:center;transition:color .2s ease}.reg-eye:hover{color:#141c3ca6}.reg-pw-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.reg-pw-bars{display:flex;gap:4px;flex:1}.reg-pw-bar{flex:1;height:3px;border-radius:2px;background:#141c3c1a;transition:background .3s}.reg-pw-bar.str-weak{background:#ef4444}.reg-pw-bar.str-fair{background:#f97316}.reg-pw-bar.str-good{background:#3b82f6}.reg-pw-bar.str-strong{background:#22c55e}.reg-pw-label{font-size:11px;font-weight:600;min-width:36px;text-align:right}.reg-pw-label.str-weak{color:#ef4444}.reg-pw-label.str-fair{color:#f97316}.reg-pw-label.str-good{color:#3b82f6}.reg-pw-label.str-strong{color:#22c55e}.reg-terms{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12px;color:#141c3c6b;line-height:1.6;margin-bottom:16px}.reg-terms input[type=checkbox]{width:14px;height:14px;margin-top:2px;accent-color:#3b5bdb;cursor:pointer;flex-shrink:0}.reg-terms a{color:#3b5bdb;text-decoration:none;font-weight:500}.reg-terms a:hover{text-decoration:underline}.reg-submit{width:100%;padding:14px;background:linear-gradient(135deg,#141c3c,#1e2a52,#3b5bdb);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;font-family:Sora,sans-serif;cursor:pointer;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 20px #3b5bdb47}.reg-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 8px 28px #3b5bdb52}.reg-submit:active:not(:disabled){transform:translateY(0)}.reg-submit:disabled{opacity:.55;cursor:not-allowed}.reg-spinner{width:16px;height:16px;animation:reg-spin .8s linear infinite;flex-shrink:0}@keyframes reg-spin{to{transform:rotate(360deg)}}.reg-login-link{font-size:13px;color:#141c3c66;text-align:center}.reg-login-link a{color:#3b5bdb;font-weight:600;text-decoration:none}.reg-login-link a:hover{text-decoration:underline}.reg-footer-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#141c3c38;margin-top:26px}.reg-left,.reg-right,.reg-right-bg,.reg-right-inner,.reg-tagline{display:none!important}@media(max-width:540px){.reg-card{padding:32px 24px 26px;border-radius:20px}.reg-lottie-top{width:120px}.reg-header h2{font-size:24px}}@media(max-width:380px){.reg-card{padding:28px 18px 22px}.reg-lottie-top{width:100px}}.instructor-dashboard{max-width:1600px;margin:0 auto;animation:fadeSlideIn .6s ease}.dashboard-header{margin-bottom:32px;position:relative}.dashboard-header 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}.dashboard-header h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.dashboard-header p{color:#636e72;margin:0;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px}.stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000f;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(91,74,158,.08);position:relative;overflow:hidden;animation:cardAppear .6s ease forwards;opacity:0}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5b4a9e,#7b6bbd,#9b8bcd);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card h3{color:#636e72;font-size:13px;font-weight:600;margin-bottom:8px}.stat-card .stat-value{color:#5b4a9e;font-size:28px;font-weight:800}.stat-card .stat-trend{color:#7b6bbd}.stat-card .stat-icon{background:linear-gradient(135deg,#5b4a9e,#7b6bbd)}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #5b4a9e26}.stat-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(91,74,158,.04) 50%,transparent 70%);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.chart-card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:24px;padding:32px;box-shadow:0 8px 32px #5b4a9e14;border:1px solid rgba(91,74,158,.12);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:24px;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:.3}.chart-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #5b4a9e26}.chart-card h3{margin:0 0 28px;font-size:20px;font-weight:700;color:#2d3436;position:relative;padding-bottom:16px;display:flex;align-items:center;gap:12px}.chart-card h3:before{content:"";width:6px;height:6px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);border-radius:50%;box-shadow:0 0 12px #5b4a9e99;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.chart-card h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#5B4A9E,#7B6BBD,transparent);border-radius:2px}.activity-card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:24px;padding:32px;box-shadow:0 8px 32px #5b4a9e14;border:1px solid rgba(91,74,158,.12);position:relative;overflow:hidden}.activity-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd,#9b8bcd,#5b4a9e);border-radius:24px;z-index:-1;opacity:0;transition:opacity .4s ease;background-size:300% 300%;animation:gradientShift 4s ease infinite}.activity-card:hover:before{opacity:.2}.activity-card h3{margin:0 0 28px;font-size:20px;font-weight:700;color:#2d3436;position:relative;padding-bottom:16px;display:flex;align-items:center;gap:12px}.activity-card h3:before{content:"";width:6px;height:6px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);border-radius:50%;box-shadow:0 0 12px #5b4a9e99;animation:pulse 2s ease-in-out infinite}.activity-card h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#5B4A9E,#7B6BBD,transparent);border-radius:2px}.activity-list{display:flex;flex-direction:column;gap:14px}.activity-item{display:flex;gap:16px;padding:20px;border-radius:16px;background:#fff;transition:all .3s ease;border:1px solid rgba(91,74,158,.08);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.activity-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#5b4a9e,#7b6bbd);opacity:0;transition:opacity .3s ease}.activity-item:hover{background:linear-gradient(135deg,#fafafa,#fff);transform:translate(8px);box-shadow:0 6px 20px #5b4a9e1f;border-color:#5b4a9e33}.activity-item:hover:before{opacity:1}.activity-icon{font-size:28px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);border-radius:14px;box-shadow:0 4px 16px #5b4a9e40;flex-shrink:0}.activity-content p{margin:0 0 6px;font-size:15px;color:#2d3436;line-height:1.6}.activity-content strong{color:#5b4a9e;font-weight:600}.activity-time{font-size:13px;color:#636e72;font-weight:500}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{padding:16px}.stat-card .stat-value{font-size:24px}}@media(max-width:1024px){.charts-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:28px}.chart-card,.activity-card{padding:24px}}.instructor-courses{max-width:1600px;margin:0 auto;animation:fadeSlideIn .6s ease}.ic-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.ic-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;display:inline-block;position:relative}.ic-header-text h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.ic-header-text p{color:#636e72;margin:0;font-size:15px}.ic-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.ic-stat-box{background:#fff;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(91,74,158,.08);transition:all .3s ease}.ic-stat-box:hover{transform:translateY(-4px);box-shadow:0 10px 28px #5b4a9e1f}.ic-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.ic-stat-icon.purple{background:linear-gradient(135deg,#5b4a9e,#7b6bbd)}.ic-stat-icon.blue{background:linear-gradient(135deg,#2980b9,#5dade2)}.ic-stat-icon.green{background:linear-gradient(135deg,#27ae60,#58d68d)}.ic-stat-icon.orange{background:linear-gradient(135deg,#e67e22,#f5b041)}.ic-stat-info{display:flex;flex-direction:column;gap:2px}.ic-stat-label{font-size:13px;color:#636e72;font-weight:500}.ic-stat-value{font-size:26px;font-weight:800;color:#5b4a9e}.ic-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.ic-search-wrapper{position:relative;flex:1;max-width:380px}.ic-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#a0aec0}.ic-search-input{width:100%;padding:11px 16px 11px 44px;border:1.5px solid rgba(91,74,158,.15);border-radius:12px;font-size:14px;color:#2d3436;background:#fff;outline:none;transition:all .25s ease;box-sizing:border-box}.ic-search-input:focus{border-color:#7b6bbd;box-shadow:0 0 0 3px #7b6bbd1f}.ic-view-toggle{display:flex;gap:6px;background:#f1f0f7;border-radius:10px;padding:4px}.ic-view-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#a0aec0;transition:all .2s ease}.ic-view-btn.active{background:#fff;color:#5b4a9e;box-shadow:0 2px 8px #5b4a9e26}.ic-courses-container.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ic-courses-container.list{display:flex;flex-direction:column;gap:16px}.ic-courses-container.list .ic-course-card{display:flex;flex-direction:row;height:auto}.ic-courses-container.list .ic-card-image-wrapper{width:220px;height:auto;flex-shrink:0;border-radius:20px 0 0 20px}.ic-courses-container.list .ic-card-image{height:100%;min-height:200px}.ic-courses-container.list .ic-card-body{flex:1}.ic-course-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(91,74,158,.08);transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:cardAppear .6s ease forwards;opacity:0;display:flex;flex-direction:column}@keyframes cardAppear{to{opacity:1}}.ic-course-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #5b4a9e29;border-color:#5b4a9e33}.ic-card-image-wrapper{position:relative;overflow:hidden;height:180px}.ic-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ic-course-card:hover .ic-card-image{transform:scale(1.06)}.ic-card-overlay{position:absolute;inset:0;background:#5b4a9e99;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.ic-course-card:hover .ic-card-overlay{opacity:1}.ic-quick-view-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#5b4a9e;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.ic-quick-view-btn:hover{background:#5b4a9e;color:#fff}.ic-status-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px}.ic-status-badge.active{background:#27ae6026;color:#27ae60;border:1px solid rgba(39,174,96,.3)}.ic-status-badge.draft{background:#f39c1226;color:#e67e22;border:1px solid rgba(243,156,18,.3)}.ic-course-badge{position:absolute;top:12px;left:12px;padding:4px 10px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-radius:20px;font-size:11px;font-weight:700}.ic-card-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.ic-card-top{display:flex;align-items:center;justify-content:space-between}.ic-course-level{font-size:11px;font-weight:700;color:#7b6bbd;text-transform:uppercase;letter-spacing:.5px;background:#7b6bbd1a;padding:3px 10px;border-radius:20px}.ic-last-updated{font-size:11px;color:#a0aec0}.ic-card-title{font-size:16px;font-weight:700;color:#2d3436;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ic-card-desc{font-size:13px;color:#636e72;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ic-card-meta{display:flex;gap:14px;flex-wrap:wrap}.ic-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#636e72}.ic-meta-item svg{color:#7b6bbd;flex-shrink:0}.ic-progress-section{display:flex;flex-direction:column;gap:6px}.ic-progress-label{display:flex;justify-content:space-between;font-size:12px;color:#636e72}.ic-progress-value{font-weight:700;color:#5b4a9e}.ic-progress-bar{width:100%;height:6px;background:#5b4a9e1a;border-radius:99px;overflow:hidden}.ic-progress-fill{height:100%;background:linear-gradient(90deg,#5b4a9e,#7b6bbd);border-radius:99px;transition:width .8s ease}.ic-progress-fill.score{background:linear-gradient(90deg,#27ae60,#58d68d)}.ic-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(91,74,158,.08);margin-top:auto}.ic-assignments-info{font-size:12px;color:#636e72}.ic-card-actions{display:flex;gap:8px}.ic-action-btn{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ic-action-btn.view{background:#5b4a9e1a;color:#5b4a9e}.ic-action-btn.view:hover{background:#5b4a9e;color:#fff}.ic-action-btn.edit{background:#27ae601a;color:#27ae60}.ic-action-btn.edit:hover{background:#27ae60;color:#fff}.ic-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#a0aec0;gap:12px;text-align:center}.ic-empty-state h3{margin:0;font-size:20px;color:#636e72}.ic-empty-state p{margin:0;font-size:14px}.ic-modal-content{display:flex;flex-direction:column;gap:24px}.ic-modal-hero{position:relative;border-radius:16px;overflow:hidden;height:220px}.ic-modal-hero img{width:100%;height:100%;object-fit:cover}.ic-modal-hero-overlay{position:absolute;bottom:16px;left:16px;display:flex;gap:8px}.ic-modal-level{padding:5px 12px;background:#00000080;color:#fff;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ic-modal-status{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}.ic-modal-status.active{background:#27ae60d9;color:#fff}.ic-modal-grid{display:grid;grid-template-columns:1fr 300px;gap:24px}.ic-modal-section{margin-bottom:24px}.ic-modal-section h4{font-size:15px;font-weight:700;color:#2d3436;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(91,74,158,.1)}.ic-modal-section p{font-size:14px;color:#636e72;line-height:1.7;margin:0}.ic-structure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ic-structure-item{display:flex;align-items:center;gap:10px;padding:14px;background:#5b4a9e0f;border-radius:12px;color:#5b4a9e}.ic-structure-item div{display:flex;flex-direction:column;gap:2px}.ic-structure-item strong{font-size:14px;font-weight:700;color:#2d3436}.ic-structure-item span{font-size:11px;color:#636e72}.ic-modal-progress-list{display:flex;flex-direction:column;gap:14px}.ic-sidebar-card{background:#5b4a9e0a;border-radius:16px;padding:20px;border:1px solid rgba(91,74,158,.1);margin-bottom:16px}.ic-sidebar-card h4{font-size:15px;font-weight:700;color:#2d3436;margin:0 0 16px}.ic-info-list{display:flex;flex-direction:column;gap:12px}.ic-info-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-bottom:10px;border-bottom:1px solid rgba(91,74,158,.08)}.ic-info-item:last-child{border-bottom:none;padding-bottom:0}.ic-info-item span{color:#636e72}.ic-info-item strong{color:#2d3436;font-weight:600}.ic-info-status.active{color:#27ae60}.ic-modal-actions{display:flex;flex-direction:column;gap:10px}.ic-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.ic-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b4a9e4d}.ic-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff;color:#5b4a9e;border:1.5px solid rgba(91,74,158,.3);border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.ic-btn-secondary:hover{background:#5b4a9e0f;transform:translateY(-2px)}@media(max-width:1200px){.ic-courses-container.grid,.ic-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ic-courses-container.grid{grid-template-columns:1fr}.ic-stats-row{grid-template-columns:1fr 1fr}.ic-modal-grid{grid-template-columns:1fr}.ic-courses-container.list .ic-course-card{flex-direction:column}.ic-courses-container.list .ic-card-image-wrapper{width:100%;height:180px;border-radius:20px 20px 0 0}}.instructor-students{max-width:1600px;margin:0 auto;animation:fadeSlideIn .5s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.is-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.is-header-text h1{font-size:34px;font-weight:800;margin:0 0 6px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative}.is-header-text h1:after{content:"";position:absolute;bottom:-4px;left:0;width:56px;height:4px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.is-header-text p{color:#636e72;margin:0;font-size:15px}.is-export-btn{display:flex;align-items:center;gap:8px;padding:12px 22px;background:#fff;border:2px solid rgba(91,74,158,.2);border-radius:12px;color:#5b4a9e;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #5b4a9e14}.is-export-btn:hover{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 20px #5b4a9e4d}.is-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.is-stat-box{background:#fff;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(91,74,158,.08);transition:all .3s ease}.is-stat-box:hover{transform:translateY(-4px);box-shadow:0 10px 28px #5b4a9e1f}.is-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.is-stat-icon.purple{background:linear-gradient(135deg,#5b4a9e,#7b6bbd)}.is-stat-icon.green{background:linear-gradient(135deg,#27ae60,#58d68d)}.is-stat-icon.red{background:linear-gradient(135deg,#e74c3c,#ff7675)}.is-stat-icon.blue{background:linear-gradient(135deg,#2980b9,#5dade2)}.is-stat-info{display:flex;flex-direction:column;gap:2px}.is-stat-label{font-size:12px;color:#95a5a6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.is-stat-value{font-size:26px;font-weight:800;color:#2d3436;line-height:1}.is-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.is-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.is-filter-icon{color:#95a5a6;flex-shrink:0}.is-select-wrapper{position:relative;display:flex;align-items:center}.is-select{appearance:none;-webkit-appearance:none;padding:10px 36px 10px 14px;background:#fff;border:1.5px solid rgba(91,74,158,.15);border-radius:10px;font-size:13px;font-weight:600;color:#2d3436;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.is-select:focus{outline:none;border-color:#7b6bbd;box-shadow:0 0 0 3px #5b4a9e1a}.is-select:hover{border-color:#7b6bbd}.is-select-arrow{position:absolute;right:10px;color:#95a5a6;pointer-events:none}.is-result-count{font-size:13px;color:#95a5a6;font-weight:500}.is-table-section .data-table-wrapper{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(91,74,158,.08)}.is-student-cell{display:flex;align-items:center;gap:12px}.is-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00000026}.is-student-info{display:flex;flex-direction:column;gap:2px;min-width:0}.is-student-name{font-weight:700;font-size:14px;color:#2d3436;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-student-email{font-size:12px;color:#95a5a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-course-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#5b4a9e14;color:#5b4a9e;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.is-progress-cell{display:flex;align-items:center;gap:10px;min-width:100px}.is-mini-bar{flex:1;height:8px;background:#5b4a9e1a;border-radius:99px;overflow:hidden;min-width:60px}.is-mini-bar.large{height:10px}.is-mini-fill{height:100%;background:linear-gradient(90deg,#5b4a9e,#7b6bbd);border-radius:99px;transition:width .6s ease}.is-mini-fill.risk{background:linear-gradient(90deg,#e74c3c,#ff7675)}.is-mini-fill.done{background:linear-gradient(90deg,#27ae60,#58d68d)}.is-progress-pct{font-size:13px;font-weight:700;color:#2d3436;white-space:nowrap}.is-grade-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:8px;font-size:13px;font-weight:700}.is-grade-badge small{font-weight:500;opacity:.8;font-size:11px}.grade-a{background:#27ae601f;color:#27ae60}.grade-b{background:#2980b91f;color:#2980b9}.grade-c{background:#e67e221f;color:#e67e22}.grade-d{background:#e74c3c1f;color:#e74c3c}.grade-f{background:#c0392b1f;color:#c0392b}.is-submission-tag{padding:5px 12px;border-radius:8px;font-size:13px;font-weight:700}.is-submission-tag.complete{background:#27ae601a;color:#27ae60}.is-submission-tag.incomplete{background:#e67e221a;color:#e67e22}.is-last-active{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#636e72;white-space:nowrap}.is-status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:capitalize;white-space:nowrap}.is-status-active{background:linear-gradient(135deg,#00b894,#00d2a0);color:#fff;box-shadow:0 2px 8px #00b89440}.is-status-at-risk{background:linear-gradient(135deg,#e74c3c,#ff7675);color:#fff;box-shadow:0 2px 8px #e74c3c40}.is-status-completed{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;box-shadow:0 2px 8px #5b4a9e40}.is-modal-body{display:flex;flex-direction:column;gap:20px}.is-modal-profile{display:flex;align-items:center;gap:18px;padding:20px;background:linear-gradient(135deg,#f8f7ff,#f0eeff);border-radius:14px;border:1px solid rgba(91,74,158,.1)}.is-modal-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #0000002e}.is-modal-profile-info{display:flex;flex-direction:column;gap:4px;min-width:0}.is-modal-profile-info h3{margin:0;font-size:18px;font-weight:800;color:#2d3436}.is-modal-profile-info p{margin:0;font-size:13px;color:#636e72}.is-modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.is-modal-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:#fff;border-radius:12px;border:1px solid rgba(91,74,158,.1);box-shadow:0 2px 10px #0000000a;text-align:center}.is-modal-stat svg{color:#7b6bbd}.is-modal-stat-val{font-size:20px;font-weight:800;color:#2d3436;line-height:1}.is-modal-stat-lbl{font-size:11px;color:#95a5a6;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.is-modal-detail-card{background:#fff;border-radius:14px;border:1px solid rgba(91,74,158,.08);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 10px #0000000a}.is-modal-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.is-modal-detail-label{font-size:13px;color:#636e72;font-weight:600}.is-modal-bar-wrapper{margin-top:2px}.is-modal-warning{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#e74c3c0f;border:1px solid rgba(231,76,60,.2);border-radius:12px;color:#e74c3c}.is-modal-warning svg{flex-shrink:0;margin-top:2px}.is-modal-warning strong{display:block;font-size:14px;margin-bottom:4px}.is-modal-warning p{margin:0;font-size:13px;color:#636e72}.is-modal-actions{display:flex;gap:12px;padding-top:4px}.is-btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #5b4a9e4d}.is-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #5b4a9e66}.is-btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;background:#fff;color:#5b4a9e;border:2px solid rgba(91,74,158,.2);border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .25s ease}.is-btn-secondary:hover{border-color:#5b4a9e;background:#5b4a9e0d;transform:translateY(-2px)}@media(max-width:1024px){.is-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.is-header-text h1{font-size:26px}.is-stats-row{grid-template-columns:repeat(2,1fr);gap:12px}.is-filters{flex-direction:column;align-items:flex-start}.is-filter-group{width:100%}.is-select-wrapper{flex:1}.is-select{width:100%}.is-table-section .data-table-wrapper{padding:16px;border-radius:14px}.is-modal-stats{grid-template-columns:repeat(2,1fr)}.is-modal-actions{flex-direction:column}.is-student-email{display:none}}@media(max-width:480px){.is-stats-row{grid-template-columns:1fr 1fr;gap:10px}.is-stat-box{padding:14px 16px}.is-stat-value{font-size:22px}.is-modal-profile{flex-direction:column;text-align:center}.is-modal-stats{grid-template-columns:repeat(2,1fr)}}.instructor-assignments{max-width:1600px;margin:0 auto;animation:fadeSlideIn .6s ease}.ia-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.ia-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;display:inline-block;position:relative}.ia-header-text h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.ia-header-text p{color:#636e72;margin:0;font-size:15px}.ia-btn-primary{display:flex;align-items:center;gap:8px;padding:13px 26px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border:none;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #5b4a9e4d;position:relative;overflow:hidden}.ia-btn-primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);animation:btnShine 3s infinite}@keyframes btnShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.ia-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b4a9e73}.ia-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.ia-stat-card{background:#fff;border-radius:18px;padding:22px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 20px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.ia-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.ia-stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.ia-stat-card.purple .ia-stat-icon{background:#5b4a9e26}.ia-stat-card.orange .ia-stat-icon{background:#f39c1226}.ia-stat-card.green .ia-stat-icon{background:#27ae6026}.ia-stat-card.blue .ia-stat-icon{background:#3498db26}.ia-stat-content{display:flex;flex-direction:column}.ia-stat-value{font-size:28px;font-weight:800;color:#2d3436;line-height:1}.ia-stat-label{font-size:13px;color:#636e72;margin-top:4px}.ia-filters{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#636e72}.ia-chip{padding:8px 18px;border-radius:30px;border:2px solid #e9ecef;background:#fff;font-size:13px;font-weight:600;color:#636e72;cursor:pointer;transition:all .25s ease}.ia-chip:hover{border-color:#7b6bbd;color:#5b4a9e}.ia-chip.active{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border-color:transparent;box-shadow:0 4px 12px #5b4a9e4d}.ia-section{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;margin-bottom:28px}.ia-section-title{font-size:18px;font-weight:700;color:#2d3436;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid #f1f3f4}.ia-title-cell{display:flex;flex-direction:column;gap:4px}.ia-title-cell strong{font-size:14px;color:#2d3436}.ia-course-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#5b4a9e;background:#5b4a9e1a;padding:2px 8px;border-radius:30px;width:fit-content}.ia-due-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#636e72}.ia-due-date.overdue{color:#e74c3c}.ia-submission-progress{display:flex;flex-direction:column;gap:6px}.ia-sub-count{font-size:13px;font-weight:600;color:#2d3436}.ia-mini-bar{width:100px;height:6px;background:#f1f3f4;border-radius:10px;overflow:hidden}.ia-mini-fill{height:100%;background:linear-gradient(90deg,#5b4a9e,#7b6bbd);border-radius:10px;transition:width .6s ease}.ia-grading-status{display:flex;flex-direction:column;gap:4px}.ia-status-item{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500}.ia-status-item.graded{color:#27ae60}.ia-status-item.pending{color:#f39c12}.ia-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600}.ia-badge--active{background:#27ae601f;color:#27ae60}.ia-badge--closed{background:#636e721f;color:#636e72}.ia-action-btns{display:flex;gap:8px}.ia-icon-btn{width:34px;height:34px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.ia-btn-view{background:#5b4a9e1a;color:#5b4a9e}.ia-btn-view:hover{background:#5b4a9e;color:#fff}.ia-btn-download{background:#3498db1a;color:#3498db}.ia-btn-download:hover{background:#3498db;color:#fff}.ia-student-cell{display:flex;align-items:center;gap:10px}.ia-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.ia-submitted-at{font-size:13px;color:#636e72}.ia-sub-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:30px}.ia-sub-status--graded{background:#27ae601f;color:#27ae60}.ia-sub-status--pending{background:#f39c121f;color:#f39c12}.ia-score-badge{font-size:13px;font-weight:700;padding:4px 10px;border-radius:8px;background:#f1f3f4;color:#636e72}.ia-score-badge.pass{background:#27ae601f;color:#27ae60}.ia-score-badge.fail{background:#e74c3c1f;color:#e74c3c}.ia-btn-grade{padding:7px 14px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease}.ia-btn-grade.urgent{background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;box-shadow:0 3px 10px #5b4a9e4d}.ia-btn-grade.urgent:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5b4a9e66}.ia-btn-grade.view{background:#f1f3f4;color:#636e72}.ia-btn-grade.view:hover{background:#e9ecef}.ia-grade-modal{display:flex;flex-direction:column;gap:20px}.ia-modal-info{background:#f8f9fa;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.ia-info-row{display:flex;justify-content:space-between;font-size:14px}.ia-info-row strong{color:#2d3436}.ia-info-row span{color:#636e72}.ia-grading-form,.ia-create-form{display:flex;flex-direction:column;gap:18px}.ia-form-group{display:flex;flex-direction:column;gap:8px}.ia-form-group label{font-size:13px;font-weight:600;color:#2d3436}.ia-required{color:#e74c3c}.ia-form-group input,.ia-form-group textarea,.ia-form-group select{padding:12px 14px;border:2px solid #e9ecef;border-radius:10px;font-size:14px;color:#2d3436;outline:none;transition:border-color .25s ease;font-family:inherit;background:#fff}.ia-form-group input:focus,.ia-form-group textarea:focus,.ia-form-group select:focus{border-color:#7b6bbd}.ia-score-input-wrap{position:relative;width:140px}.ia-score-input-wrap input{width:100%;padding-right:36px;box-sizing:border-box}.ia-score-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:#5b4a9e}.ia-btn-submit-grade{display:flex;align-items:center;gap:8px;padding:13px 26px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 4px 14px #5b4a9e4d}.ia-btn-submit-grade:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b4a9e66}.ia-grade-display{display:flex;flex-direction:column;align-items:center;gap:20px}.ia-score-circle{width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 24px #0000001a}.ia-score-circle.pass{background:linear-gradient(135deg,#27ae60,#2ecc71)}.ia-score-circle.fail{background:linear-gradient(135deg,#e74c3c,#c0392b)}.ia-score-number{font-size:28px;font-weight:800;color:#fff;line-height:1}.ia-score-sub{font-size:11px;color:#fffc;margin-top:4px}.ia-feedback-box{width:100%;background:#f8f9fa;border-radius:12px;padding:14px 18px}.ia-feedback-box strong{font-size:13px;color:#2d3436;display:block;margin-bottom:6px}.ia-feedback-box p{font-size:13px;color:#636e72;margin:0;line-height:1.6}.ia-create-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.ia-btn-cancel{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#f1f3f4;color:#636e72;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.ia-btn-cancel:hover{background:#e9ecef}@media(max-width:1100px){.ia-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ia-header{flex-direction:column;align-items:flex-start;gap:16px}.ia-stats-grid{grid-template-columns:1fr 1fr}}.instructor-reports{max-width:1600px;margin:0 auto;animation:fadeSlideIn .6s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ir-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.ir-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;display:inline-block;position:relative}.ir-header-text h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#5B4A9E,transparent);border-radius:2px}.ir-header-text p{color:#636e72;margin:0;font-size:15px}.ir-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ir-time-selector{display:flex;background:#f1f3f4;border-radius:12px;padding:4px;gap:2px}.ir-time-btn{padding:9px 18px;border:none;background:transparent;border-radius:9px;font-size:13px;font-weight:600;color:#636e72;cursor:pointer;transition:all .25s ease}.ir-time-btn:hover{color:#5b4a9e}.ir-time-btn.active{background:#fff;color:#5b4a9e;box-shadow:0 2px 8px #5b4a9e26}.ir-btn-export{display:flex;align-items:center;gap:8px;padding:11px 22px;background:#fff;border:2px solid #5B4A9E;color:#5b4a9e;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.ir-btn-export:hover{background:#5b4a9e;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #5b4a9e4d}.ir-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.ir-metric-card{background:#fff;border-radius:18px;padding:22px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 20px #0000000f;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.ir-metric-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.06}.ir-metric--purple:before{background:#5b4a9e}.ir-metric--green:before{background:#27ae60}.ir-metric--orange:before{background:#f39c12}.ir-metric--blue:before{background:#3498db}.ir-metric-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.ir-metric-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ir-metric--purple .ir-metric-icon{background:#5b4a9e26;color:#5b4a9e}.ir-metric--green .ir-metric-icon{background:#27ae6026;color:#27ae60}.ir-metric--orange .ir-metric-icon{background:#f39c1226;color:#f39c12}.ir-metric--blue .ir-metric-icon{background:#3498db26;color:#3498db}.ir-metric-content{display:flex;flex-direction:column;gap:3px}.ir-metric-value{font-size:28px;font-weight:800;color:#2d3436;line-height:1}.ir-metric-label{font-size:13px;color:#636e72}.ir-metric-change{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;margin-top:2px}.ir-metric-change.up{color:#27ae60}.ir-metric-change.down{color:#e74c3c}.ir-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.ir-chart-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}.ir-card--large,.ir-card--small,.ir-card--medium{grid-column:span 1}.ir-charts-grid:nth-of-type(2){grid-template-columns:1fr 1fr}.ir-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ir-chart-header h3{font-size:17px;font-weight:700;color:#2d3436;margin:0 0 4px}.ir-chart-sub{font-size:12px;color:#636e72}.ir-pie-legend{display:flex;flex-direction:column;gap:8px;margin-top:16px}.ir-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.ir-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ir-legend-label{flex:1;color:#636e72}.ir-legend-val{font-weight:700;color:#2d3436}.ir-section{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px}.ir-section-header{margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #f1f3f4}.ir-section-header h3{font-size:18px;font-weight:700;color:#2d3436;margin:0 0 4px}.ir-section-sub{font-size:13px;color:#636e72}.ir-course-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ir-course-card{background:#f8f9fa;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:transform .25s ease,box-shadow .25s ease;border:1.5px solid transparent}.ir-course-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5b4a9e1f;border-color:#5b4a9e33}.ir-course-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;display:flex;align-items:center;justify-content:center}.ir-course-info h4{font-size:15px;font-weight:700;color:#2d3436;margin:0 0 4px}.ir-course-students{display:flex;align-items:center;gap:5px;font-size:12px;color:#636e72}.ir-course-stats{display:flex;align-items:center;gap:16px}.ir-course-stat{display:flex;flex-direction:column;gap:2px}.ir-course-stat-val{font-size:20px;font-weight:800;line-height:1}.ir-course-stat-label{font-size:11px;color:#636e72}.ir-divider{width:1px;height:36px;background:#dee2e6}.ir-course-bar-wrap{height:6px;background:#e9ecef;border-radius:10px;overflow:hidden}.ir-course-bar{height:100%;background:linear-gradient(90deg,#5b4a9e,#7b6bbd);border-radius:10px;transition:width .8s ease}.ir-table-header,.ir-table-row{display:grid;grid-template-columns:60px 1fr 160px 140px 100px;align-items:center;gap:16px;padding:12px 16px}.ir-table-header{font-size:12px;font-weight:700;color:#636e72;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f3f4;margin-bottom:4px}.ir-table-row{border-radius:10px;transition:background .2s}.ir-table-row:hover{background:#f8f9fa}.ir-table-row.top-three{background:#5b4a9e0a}.ir-rank{font-size:20px;text-align:center}.ir-rank-num{font-size:13px;font-weight:700;color:#b2bec3}.ir-student-info{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#2d3436}.ir-student-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#5b4a9e,#7b6bbd);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.ir-course-tag-sm{font-size:12px;font-weight:600;color:#5b4a9e;background:#5b4a9e1a;padding:4px 10px;border-radius:30px;width:fit-content}.ir-assignments-count{display:flex;align-items:center;gap:5px;font-size:13px;color:#636e72}.ir-score-pill{padding:5px 14px;border-radius:30px;font-size:13px;font-weight:700;text-align:center}.ir-score-pill.excellent{background:#27ae601f;color:#27ae60}.ir-score-pill.good{background:#5b4a9e1f;color:#5b4a9e}.ir-score-pill.average{background:#f39c121f;color:#f39c12}@media(max-width:1100px){.ir-metrics-grid{grid-template-columns:repeat(2,1fr)}.ir-charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.ir-header{flex-direction:column;align-items:flex-start}.ir-table-header,.ir-table-row{grid-template-columns:40px 1fr 80px}.ir-table-header span:nth-child(3),.ir-table-header span:nth-child(4),.ir-table-row .ir-course-tag-sm,.ir-table-row .ir-assignments-count{display:none}.ir-metrics-grid{grid-template-columns:1fr 1fr}}.student-dashboard{display:flex;flex-direction:column;gap:24px;padding:4px 0 32px}.student-welcome-banner{background:linear-gradient(135deg,#1a1f35,#2d1f6e 60%,#1a1f35);border-radius:16px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.student-welcome-banner:before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(91,74,158,.35) 0%,transparent 70%);pointer-events:none}.welcome-greeting{font-size:13px;color:#ffffff8c;font-weight:500;margin-bottom:4px;letter-spacing:.5px}.welcome-name{font-size:26px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:8px}.welcome-sub{font-size:13.5px;color:#ffffffa6}.welcome-sub strong{color:#ff7a18;font-weight:700}.welcome-stats-mini{display:flex;align-items:center;gap:24px;flex-shrink:0}.mini-stat{text-align:center}.mini-stat-value{font-size:24px;font-weight:800;color:#fff;line-height:1}.mini-stat-label{font-size:11px;color:#ffffff80;margin-top:4px;white-space:nowrap}.mini-stat-divider{width:1px;height:40px;background:#ffffff26}.student-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1100px){.student-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.student-stats-grid{grid-template-columns:repeat(2,1fr)}}.student-stat-card{background:#fff;border:1px solid #e8e4f8;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.student-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b4a9e1a}.sstat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-stat-blue .sstat-icon{background:#3b82f61a;color:#3b82f6}.student-stat-green .sstat-icon{background:#10b9811a;color:#10b981}.student-stat-purple .sstat-icon{background:#5b4a9e1a;color:#5b4a9e}.student-stat-orange .sstat-icon{background:#ff7a181a;color:#ff7a18}.sstat-value{font-size:22px;font-weight:800;color:#1a1f35;line-height:1}.sstat-label{font-size:12px;color:#6b7280;margin-top:3px;font-weight:500}.student-main-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}@media(max-width:1100px){.student-main-grid{grid-template-columns:1fr}}.student-left-col,.student-right-col{display:flex;flex-direction:column;gap:20px}.student-card{background:#fff;border:1px solid #e8e4f8;border-radius:16px;padding:24px}.student-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.student-card-header h2{font-size:15px;font-weight:700;color:#1a1f35;display:flex;align-items:center;gap:8px}.student-card-header h2 svg{color:#5b4a9e}.student-card-link{font-size:12px;font-weight:600;color:#5b4a9e;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:2px;padding:0;font-family:inherit}.student-card-link:hover{text-decoration:underline}.student-card-badge{font-size:11px;font-weight:600;color:#6b7280;background:#f5f3ff;padding:3px 10px;border-radius:20px}.courses-list{display:flex;flex-direction:column;gap:12px}.course-item{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #f0eeff;border-radius:12px;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}.course-item:hover{background:#faf8ff;box-shadow:0 4px 12px #5b4a9e14;transform:translateY(-1px)}.course-item-completed{background:#10b98108;border-color:#10b98126}.course-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.course-info{flex:1;min-width:0}.course-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.course-title{font-size:13.5px;font-weight:600;color:#1a1f35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-badge-done{font-size:10px;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0}.course-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.course-category{font-size:11px;color:#5b4a9e;font-weight:600;background:#5b4a9e14;padding:2px 8px;border-radius:4px}.course-activity{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:3px}.course-progress-row{display:flex;align-items:center;gap:10px}.course-progress-bar{flex:1;height:5px;background:#f0eeff;border-radius:10px;overflow:hidden}.course-progress-fill{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1)}.course-progress-text{font-size:11px;color:#9ca3af;white-space:nowrap;font-weight:500}.course-continue-btn{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}.course-continue-btn:hover{transform:scale(1.08);opacity:.9}.deadlines-list{display:flex;flex-direction:column;gap:4px}.deadline-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;border:1px solid transparent}.deadline-urgent{background:#ef44440d;border-color:#ef444426}.deadline-soon{background:#f59e0b0d;border-color:#f59e0b26}.deadline-normal{background:#faf9ff;border-color:#f0eeff}.deadline-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.deadline-urgent .deadline-dot{background:#ef4444}.deadline-soon .deadline-dot{background:#f59e0b}.deadline-normal .deadline-dot{background:#5b4a9e}.deadline-content{flex:1;min-width:0}.deadline-title{font-size:13px;font-weight:600;color:#1a1f35;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deadline-course{font-size:11px;color:#9ca3af;font-weight:500}.deadline-due{font-size:11px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:3px}.deadline-urgent .deadline-due{color:#ef4444}.deadline-soon .deadline-due{color:#d97706}.deadline-normal .deadline-due{color:#6b7280}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f5f3ff}.activity-item:last-child{border-bottom:none}.activity-emoji{font-size:16px;margin-top:1px;flex-shrink:0}.activity-message{font-size:13px;color:#374151;line-height:1.5;margin-bottom:3px}.activity-time{font-size:11px;color:#9ca3af;font-weight:500}.student-card-promo{background:linear-gradient(135deg,#1a1f35,#2d1f6e);border-color:transparent}.promo-content{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.promo-icon{font-size:28px;flex-shrink:0}.promo-content h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.promo-content p{font-size:12.5px;color:#fff9;line-height:1.55}.promo-btn{width:100%;padding:11px 20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);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}.promo-btn:hover{background:#fff3}@media(max-width:768px){.student-welcome-banner{flex-direction:column;align-items:flex-start;padding:24px}.welcome-stats-mini{width:100%;justify-content:space-between}.student-card{padding:18px}}.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-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}.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{display:flex;flex-direction:column;gap:24px;padding:4px 0 32px}.sp-header{display:flex;align-items:flex-start;justify-content:space-between}.sp-title{font-size:22px;font-weight:800;color:#1e1b4b;margin-bottom:4px}.sp-subtitle{font-size:13.5px;color:#94a3b8}.sp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sp-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}.sp-stat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-stat-val{font-size:22px;font-weight:800;line-height:1}.sp-stat-lbl{font-size:11.5px;color:#94a3b8;margin-top:3px;white-space:nowrap}.sp-stat-purple{color:#5b4a9e}.sp-stat-purple .sp-stat-icon{background:#ede9fe;color:#5b4a9e}.sp-stat-blue{color:#3b82f6}.sp-stat-blue .sp-stat-icon{background:#eff6ff;color:#3b82f6}.sp-stat-orange{color:#f59e0b}.sp-stat-orange .sp-stat-icon{background:#fffbeb;color:#f59e0b}.sp-stat-green{color:#10b981}.sp-stat-green .sp-stat-icon{background:#f0fdf4;color:#10b981}.sp-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.sp-card{background:#fff;border-radius:16px;border:1px solid #f0eef9;box-shadow:0 2px 10px #5b4a9e0f;padding:22px;margin-bottom:20px}.sp-card:last-child{margin-bottom:0}.sp-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sp-card-header h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e1b4b;margin:0}.sp-overall-wrap{display:flex;align-items:center;gap:24px}.sp-overall-ring-wrap{position:relative;width:110px;height:110px;flex-shrink:0}.sp-ring{width:110px;height:110px;transform:rotate(-90deg)}.sp-ring-bg{fill:none;stroke:#f0eef9;stroke-width:10}.sp-ring-fill{fill:none;stroke:#5b4a9e;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s ease}.sp-ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1}.sp-ring-pct{display:block;font-size:20px;font-weight:800;color:#1e1b4b}.sp-ring-sub{display:block;font-size:10px;color:#94a3b8;margin-top:3px}.sp-course-bars{flex:1;display:flex;flex-direction:column;gap:12px}.sp-course-bar-row{display:flex;flex-direction:column;gap:4px}.sp-course-bar-label{display:flex;align-items:center;gap:6px;font-size:12px}.sp-course-bar-name{flex:1;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-course-bar-pct{font-weight:700;font-size:12px;white-space:nowrap}.sp-bar{height:6px;background:#f0eef9;border-radius:99px;overflow:hidden}.sp-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.sp-chart-toggle{display:flex;background:#f0eef9;border-radius:8px;padding:3px;gap:3px}.sp-toggle-btn{padding:5px 12px;border-radius:6px;border:none;background:transparent;font-size:12px;font-weight:500;color:#94a3b8;cursor:pointer;transition:all .18s}.sp-toggle-active{background:#fff;color:#5b4a9e;font-weight:700;box-shadow:0 1px 4px #5b4a9e1f}.sp-breakdown-list{display:flex;flex-direction:column;gap:4px}.sp-breakdown-item{border-radius:10px;overflow:hidden;border:1px solid #f0eef9}.sp-breakdown-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:background .15s}.sp-breakdown-header:hover{background:#faf9ff}.sp-breakdown-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sp-breakdown-info{flex:1;min-width:0}.sp-breakdown-name{display:block;font-size:12.5px;font-weight:600;color:#1e1b4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.sp-breakdown-bar{height:5px;background:#f0eef9;border-radius:99px;overflow:hidden}.sp-breakdown-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.sp-breakdown-pct{font-size:13px;font-weight:700;white-space:nowrap}.sp-breakdown-details{background:#faf9ff;border-top:1px solid #f0eef9;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.sp-detail-row{display:flex;justify-content:space-between;font-size:12.5px;color:#64748b}.sp-detail-row span:last-child{font-weight:600;color:#1e1b4b}.sp-grades-list{display:flex;flex-direction:column;gap:10px}.sp-grade-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#faf9ff;border-radius:10px;border:1px solid #f0eef9}.sp-grade-info{display:flex;flex-direction:column;gap:2px}.sp-grade-label{font-size:13px;font-weight:600;color:#1e1b4b}.sp-grade-course{font-size:11.5px;color:#94a3b8}.sp-grade-score{font-size:18px;font-weight:800;flex-shrink:0}.sp-grade-total{font-size:12px;font-weight:500;color:#94a3b8}@media(max-width:900px){.sp-main-grid{grid-template-columns:1fr}.sp-stats-grid{grid-template-columns:repeat(2,1fr)}}.scert-page{display:flex;flex-direction:column;gap:28px;padding:4px 0 32px}.scert-header{display:flex;align-items:flex-start;justify-content:space-between}.scert-title{font-size:22px;font-weight:800;color:#1e1b4b;margin-bottom:4px}.scert-subtitle{font-size:13.5px;color:#94a3b8}.scert-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scert-summary-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:20px 22px;border:1px solid #f0eef9;box-shadow:0 1px 6px #5b4a9e12}.scert-summary-val{font-size:26px;font-weight:800;line-height:1}.scert-summary-lbl{font-size:12px;color:#94a3b8;margin-top:3px;white-space:nowrap}.scert-summary-gold{color:#d97706}.scert-summary-blue{color:#3b82f6}.scert-summary-gray{color:#64748b}.scert-section{display:flex;flex-direction:column;gap:16px}.scert-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1e1b4b;margin:0}.scert-search{position:relative;max-width:360px}.scert-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.scert-search-input{width:100%;padding:9px 12px 9px 34px;border-radius:10px;border:1px solid #e8e4f8;font-size:13px;background:#fff;outline:none;transition:border-color .18s;box-sizing:border-box}.scert-search-input:focus{border-color:#5b4a9e}.scert-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px 0;color:#94a3b8;text-align:center}.scert-empty p{font-size:15px;font-weight:600;margin:0}.scert-empty span{font-size:13px}.scert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.scert-card{background:#fff;border-radius:16px;border:1px solid #f0eef9;box-shadow:0 2px 12px #5b4a9e14;overflow:hidden;transition:transform .2s,box-shadow .2s}.scert-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #5b4a9e24}.scert-card-top{position:relative;padding:28px 0 20px;display:flex;justify-content:center;align-items:center}.scert-card-emblem{width:72px;height:72px;border-radius:50%;border:3px solid;background:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;position:relative}.scert-award-icon{position:absolute;bottom:-4px;right:-4px;background:#fff;border-radius:50%;padding:2px}.scert-card-grade{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.scert-card-body{padding:16px 20px}.scert-card-category{display:inline-block;background:#f0eef9;color:#5b4a9e;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:6px;margin-bottom:8px}.scert-card-title{font-size:14px;font-weight:700;color:#1e1b4b;line-height:1.4;margin:0 0 10px}.scert-card-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#94a3b8;margin-bottom:6px}.scert-card-meta span{display:flex;align-items:center;gap:4px}.scert-card-id{font-size:11px;color:#cbd5e1;font-family:monospace}.scert-card-actions{display:flex;align-items:center;gap:8px;padding:12px 20px 16px;border-top:1px solid #f0eef9}.scert-preview-btn{flex:1;padding:8px;border-radius:8px;border:none;background:#5b4a9e;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s}.scert-preview-btn:hover{background:#4a3a8a}.scert-action-btn{width:34px;height:34px;border-radius:8px;border:1px solid #e8e4f8;background:#fff;color:#5b4a9e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.scert-action-btn:hover{background:#f0eef9}.scert-locked-list{display:flex;flex-direction:column;gap:12px}.scert-locked-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;border:1px solid #f0eef9;padding:16px 18px;box-shadow:0 1px 6px #5b4a9e0d}.scert-locked-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.scert-locked-info{flex:1;min-width:0}.scert-locked-title{font-size:13.5px;font-weight:700;color:#1e1b4b;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scert-locked-bar-wrap{display:flex;align-items:center;gap:8px;margin-bottom:4px}.scert-locked-bar{flex:1;height:6px;background:#f0eef9;border-radius:99px;overflow:hidden}.scert-locked-fill{height:100%;border-radius:99px;transition:width .4s ease}.scert-locked-pct{font-size:12px;font-weight:700;color:#64748b;white-space:nowrap}.scert-locked-remaining{font-size:11.5px;color:#94a3b8}.scert-locked-badge{width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scert-overlay{position:fixed;inset:0;background:#0a081e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.scert-modal{background:#fff;border-radius:20px;padding:32px;max-width:520px;width:100%;position:relative;box-shadow:0 20px 60px #00000040}.scert-modal-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:14px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s}.scert-modal-close:hover{background:#e2e8f0}.scert-preview{border:2px solid #e8e4f8;border-radius:14px;padding:28px;text-align:center;background:linear-gradient(135deg,#fafafe,#f5f0ff);margin-bottom:20px}.scert-preview-logo{font-size:16px;font-weight:800;color:#5b4a9e;margin-bottom:12px}.scert-preview-line{height:2px;background:linear-gradient(to right,transparent,#5B4A9E40,transparent);margin:12px 0}.scert-preview-presents{font-size:12px;color:#94a3b8;margin:0 0 6px}.scert-preview-name{font-size:22px;font-weight:800;color:#1e1b4b;margin:0 0 6px}.scert-preview-completed{font-size:12px;color:#94a3b8;margin:0 0 6px}.scert-preview-course{font-size:15px;font-weight:700;margin:0 0 10px;line-height:1.4}.scert-preview-score{font-size:13px;color:#64748b;margin-bottom:4px}.scert-preview-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.scert-preview-seal{width:52px;height:52px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center}.scert-preview-date{font-size:13px;font-weight:600;color:#1e1b4b}.scert-preview-date-lbl{font-size:10.5px;color:#94a3b8;margin-top:2px}.scert-modal-actions{display:flex;gap:10px}.scert-dl-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:10px;border:none;background:#5b4a9e;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s}.scert-dl-btn:hover{background:#4a3a8a}.scert-share-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:10px;border:1px solid #e8e4f8;background:#fff;color:#5b4a9e;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s}.scert-share-btn:hover{background:#f0eef9}@media(max-width:768px){.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{display:flex;flex-direction:column;gap:24px;padding:4px 0 40px;max-width:780px}.sn-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sn-title{font-size:22px;font-weight:800;color:#1e1b4b;margin-bottom:4px}.sn-subtitle{font-size:13.5px;color:#94a3b8}.sn-header-actions{display:flex;gap:8px;flex-wrap:wrap}.sn-mark-all-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid #e8e4f8;background:#fff;color:#5b4a9e;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .18s}.sn-mark-all-btn:hover{background:#f0eef9}.sn-clear-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid #fee2e2;background:#fff;color:#ef4444;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .18s}.sn-clear-btn:hover{background:#fef2f2}.sn-stats-row{display:flex;gap:12px;flex-wrap:wrap}.sn-stat{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 18px;border:1px solid #f0eef9;box-shadow:0 1px 6px #5b4a9e0f;flex:1;min-width:100px;cursor:pointer;transition:box-shadow .18s,transform .15s}.sn-stat:hover{box-shadow:0 4px 16px #5b4a9e1f;transform:translateY(-1px)}.sn-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sn-stat-val{font-size:20px;font-weight:800;color:#1e1b4b;line-height:1}.sn-stat-lbl{font-size:11px;color:#94a3b8;margin-top:2px;white-space:nowrap}.sn-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sn-filter-icon{color:#94a3b8;flex-shrink:0}.sn-filter-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;border:1px solid #e8e4f8;background:#fff;font-size:12.5px;font-weight:500;color:#64748b;cursor:pointer;transition:all .18s}.sn-filter-btn:hover{border-color:#5b4a9e;color:#5b4a9e}.sn-filter-active{background:#5b4a9e!important;color:#fff!important;border-color:#5b4a9e!important}.sn-filter-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px}.sn-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 0;color:#94a3b8;text-align:center}.sn-empty p{font-size:15px;font-weight:600;margin:0}.sn-empty span{font-size:13px}.sn-list{display:flex;flex-direction:column;gap:10px}.sn-item{position:relative;display:flex;align-items:flex-start;gap:14px;background:#fff;border-radius:14px;border:1px solid #f0eef9;padding:16px 18px;box-shadow:0 1px 6px #5b4a9e0d;cursor:pointer;transition:box-shadow .18s,background .15s}.sn-item:hover{box-shadow:0 4px 18px #5b4a9e1a;background:#fdfcff}.sn-item-unread{background:#faf9ff;border-color:#d8d3f0}.sn-unread-dot{position:absolute;top:18px;left:6px;width:7px;height:7px;border-radius:50%;background:#5b4a9e;flex-shrink:0}.sn-item-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.sn-item-content{flex:1;min-width:0}.sn-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}.sn-item-title{font-size:14px;font-weight:700;color:#1e1b4b}.sn-item-type-badge{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.sn-item-message{font-size:13px;color:#64748b;line-height:1.55;margin:0 0 8px}.sn-item-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sn-item-course{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:#5b4a9e;background:#f0eef9;padding:2px 8px;border-radius:6px}.sn-item-time{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#94a3b8}.sn-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:2px}.sn-read-btn,.sn-delete-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e8e4f8;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sn-read-btn{color:#5b4a9e}.sn-read-btn:hover{background:#f0eef9;border-color:#5b4a9e}.sn-delete-btn{color:#94a3b8}.sn-delete-btn:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}@media(max-width:640px){.sn-stats-row{display:grid;grid-template-columns:repeat(3,1fr)}.sn-item{flex-wrap:wrap}.sn-item-actions{width:100%;justify-content:flex-end}}.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;padding-top:70px;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}}*,*: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}}*{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}