.home-page{color:#172033;background:#fff;width:100%;min-height:100vh;font-family:Segoe UI,Arial,sans-serif}.home-header{background:#fff;border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;gap:40px;width:100%;min-height:88px;padding:12px 6%;display:flex}.center-brand{align-items:center;gap:20px;display:flex}.center-logo{background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:85px;height:85px;display:flex;overflow:hidden;box-shadow:0 6px 18px #0f172a1f}.center-logo img{object-fit:contain;border-radius:16px;width:100%;height:100%}.center-brand-text{min-width:0}.center-brand-text h1{letter-spacing:1.5px;color:#0b3d91;-webkit-text-fill-color:#0b3d91;text-shadow:1px 1px #fff,2px 2px #b8c7e6,3px 4px 5px #0f2f7540;white-space:nowrap;background:0 0;margin:0;font-family:Arial Black,Trebuchet MS,sans-serif;font-size:27px;font-weight:900;line-height:1.1}.center-brand-text p{color:#6b7280;margin:4px 0 0;font-size:13px}.header-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.header-actions button{cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;height:46px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.header-actions button:hover{transform:translateY(-2px)}.student-login-btn{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe!important}.student-login-btn:hover{background:#dbeafe;box-shadow:0 7px 20px #2563eb1f}.admin-login-btn{color:#fff;background:#172554;min-width:130px}.admin-login-btn:hover{background:#1e3a8a;box-shadow:0 8px 22px #17255440}.btn-icon{font-size:17px}.home-navbar{background:#f8fafc;border-bottom:1px solid #e7ebf2;justify-content:center;align-items:center;gap:45px;width:100%;height:55px;display:flex}.nav-item{color:#4b5563;cursor:pointer;align-items:center;height:55px;font-size:14px;font-weight:600;transition:color .2s;display:flex;position:relative}.nav-item:hover,.nav-item.active{color:#2563eb}.nav-item.active:after{content:"";background:#2563eb;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.hero-section{background:linear-gradient(110deg,#0f1f42 0%,#173b78 45%,#2563eb 100%);align-items:center;min-height:540px;padding:70px 8%;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";background:#ffffff14;border-radius:50%;width:450px;height:450px;position:absolute;top:-140px;right:-100px}.hero-section:after{content:"";background:#ffffff0f;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-180px;right:25%}.hero-overlay{background:linear-gradient(90deg,#08163340,#0000);position:absolute;inset:0}.hero-content{z-index:2;max-width:760px;position:relative}.hero-badge{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:30px;margin-bottom:20px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.hero-content h2{color:#fff;letter-spacing:-1.5px;margin:0;font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.1}.hero-content h2 span{color:#93c5fd}.hero-content>p{color:#dbeafe;max-width:650px;margin:24px 0 30px;font-size:17px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:15px;display:flex}.primary-hero-btn,.secondary-hero-btn{cursor:pointer;border-radius:10px;height:50px;padding:0 24px;font-size:14px;font-weight:700;transition:all .2s}.primary-hero-btn{color:#1d4ed8;background:#fff;border:none;align-items:center;gap:15px;display:flex}.primary-hero-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000002e}.secondary-hero-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff59}.secondary-hero-btn:hover{background:#ffffff26}.trust-section{z-index:5;background:#fff;border:1px solid #edf0f5;border-radius:16px;grid-template-columns:repeat(4,1fr);width:90%;max-width:1200px;margin:-45px auto 0;display:grid;position:relative;box-shadow:0 15px 45px #0f172a1a}.trust-item{border-right:1px solid #edf0f5;justify-content:center;align-items:center;gap:15px;min-height:110px;display:flex}.trust-item:last-child{border-right:none}.trust-icon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.trust-item h3{color:#172554;margin:0;font-size:24px}.trust-item p{color:#6b7280;margin:3px 0 0;font-size:12px}.courses-section{text-align:center;background:#fff;padding:100px 6% 90px}.section-heading{max-width:700px;margin:0 auto 45px}.section-heading>span,.section-small-title{color:#2563eb;letter-spacing:2px;font-size:12px;font-weight:800}.section-heading h2 strong{color:#2563eb}.section-heading p{color:#6b7280;font-size:15px;line-height:1.7}.course-cards{grid-template-columns:repeat(4,1fr);gap:22px;max-width:1200px;margin:0 auto;display:grid}.course-card{text-align:left;background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:30px 24px;transition:all .25s;box-shadow:0 6px 20px #0f172a0a}.course-card:hover{border-color:#bfdbfe;transform:translateY(-7px);box-shadow:0 18px 35px #2563eb1f}.course-card-icon{background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:25px;display:flex}.course-card h3{color:#172033;margin:0 0 10px;font-size:18px}.course-card p{color:#6b7280;min-height:75px;margin:0 0 20px;font-size:13px;line-height:1.6}.course-card button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.view-all-courses{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;margin-top:40px;padding:13px 25px;font-weight:700}.view-all-courses:hover{background:#1d4ed8}.why-section{background:#f8fafc;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:90px 8%;display:grid}.why-content h2{color:#172033;margin:12px 0 20px;font-size:42px;line-height:1.15}.why-content h2 strong{color:#2563eb}.why-content>p{color:#6b7280;max-width:580px;font-size:15px;line-height:1.8}.why-list{flex-direction:column;gap:18px;margin-top:28px;display:flex}.why-item{align-items:flex-start;gap:14px;display:flex}.why-item>span{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-weight:800;display:flex}.why-item h4{margin:0 0 4px;font-size:15px}.why-item p{color:#6b7280;margin:0;font-size:13px}.why-image-box{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:25px;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.experience-circle{color:#fff;background:#2563eb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:125px;height:125px;display:flex;position:absolute;top:30px;right:30px;box-shadow:0 15px 30px #2563eb40}.experience-circle strong{font-size:40px;line-height:1}.experience-circle span{letter-spacing:2px;font-size:11px;font-weight:700}.computer-card{text-align:center;background:#fff;border-radius:20px;width:280px;padding:35px;box-shadow:0 20px 50px #0f172a21}.monitor{margin-bottom:10px;font-size:70px}.computer-card h3{color:#172033;margin:0}.home-cta{color:#fff;background:linear-gradient(110deg,#172554,#2563eb);justify-content:space-between;align-items:center;gap:40px;margin:0;padding:65px 8%;display:flex}.home-cta span{letter-spacing:2px;color:#bfdbfe;font-size:11px;font-weight:800}.home-cta h2{margin:10px 0;font-size:36px;line-height:1.15}.home-cta p{color:#dbeafe;margin:0;font-size:14px}.cta-buttons{flex-shrink:0;gap:14px;display:flex}.cta-buttons button{color:#1d4ed8;cursor:pointer;background:#fff;border:none;border-radius:9px;height:48px;padding:0 22px;font-weight:700}.cta-buttons button:last-child{color:#fff;background:#ffffff1f;border:1px solid #ffffff4d}.home-footer{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;gap:30px;padding:30px 6%;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-logo{background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:13px;font-weight:800;display:flex}.footer-brand h3{margin:0;font-size:14px}.footer-brand p{color:#94a3b8;margin:4px 0 0;font-size:11px}.footer-copy{color:#94a3b8;text-align:right;font-size:11px}@media (width<=1000px){.home-header{padding:12px 4%}.center-brand-text h1{font-size:17px}.center-brand-text p{font-size:11px}.header-actions{gap:10px}.header-actions button{padding:0 13px}.course-cards,.trust-section{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:none}.trust-item:nth-child(3),.trust-item:nth-child(4){border-top:1px solid #edf0f5}.why-section{grid-template-columns:1fr}.why-image-box{max-width:650px}}@media (width<=700px){.home-header{flex-direction:column;align-items:stretch;gap:15px;padding:14px 18px}.center-brand{justify-content:center}.center-logo{width:54px;height:54px}.center-brand-text h1{font-size:15px}.center-brand-text p{font-size:10px}.header-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.header-actions button{width:100%;padding:0 8px;font-size:12px}.home-navbar{justify-content:flex-start;gap:20px;height:auto;min-height:50px;padding:0 10px;overflow-x:auto}.nav-item{flex-shrink:0}.hero-section{min-height:500px;padding:55px 22px}.hero-content h2{font-size:38px}.hero-content>p{font-size:14px}.trust-section{grid-template-columns:1fr 1fr;width:92%;margin-top:-25px}.trust-item{justify-content:flex-start;min-height:90px;padding:10px}.trust-item h3{font-size:19px}.trust-item p{font-size:10px}.trust-icon{width:40px;height:40px;font-size:18px}.courses-section{padding:70px 20px}.section-heading h2{font-size:29px}.course-cards{grid-template-columns:1fr}.course-card p{min-height:auto}.why-section{gap:40px;padding:70px 22px}.why-content h2{font-size:32px}.why-image-box{min-height:330px}.experience-circle{width:95px;height:95px;top:20px;right:20px}.experience-circle strong{font-size:30px}.computer-card{width:230px;padding:25px}.home-cta{flex-direction:column;align-items:flex-start;padding:55px 22px}.home-cta h2{font-size:30px}.cta-buttons{width:100%}.cta-buttons button{flex:1}.home-footer{flex-direction:column;align-items:flex-start;padding:25px 20px}.footer-copy{text-align:left}}@media (width<=400px){.center-brand-text h1{font-size:13px}.center-brand-text p{font-size:9px}.header-actions button{font-size:11px}.hero-content h2{font-size:32px}.trust-item{gap:8px}}.computer-card{text-align:center;background:#fff;border-radius:20px;width:320px;padding:18px;overflow:hidden;box-shadow:0 20px 50px #0f172a21}.computer-card-image{object-fit:cover;border-radius:14px;width:100%;height:190px;margin-bottom:18px;display:block}.computer-card h3{color:#172033;margin:0;font-size:20px}.computer-card p{color:#6b7280;margin:6px 0 5px;font-size:13px}.home-marquee{color:#fff;background:#1e40af;align-items:center;width:100%;height:46px;display:flex;overflow:hidden}.marquee-label{color:#111827;background:#fbbf24;flex-shrink:0;align-items:center;height:100%;padding:0 18px;font-size:14px;font-weight:700;display:flex}.marquee-wrapper{white-space:nowrap;flex:1;overflow:hidden}.marquee-content{align-items:center;gap:70px;padding-left:40px;animation:30s linear infinite gisMarquee;display:inline-flex}.marquee-content span{font-size:14px;font-weight:500;display:inline-block}@keyframes gisMarquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.marquee-content:hover{animation-play-state:paused}@media (width<=768px){.home-marquee{height:42px}.marquee-label{padding:0 12px;font-size:12px}.marquee-content{gap:45px;animation-duration:24s}.marquee-content span{font-size:12px}}.home-header{box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;width:100%;min-height:85px;padding:8px 25px;display:flex}.left-brand{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.left-logo{border-radius:8px;justify-content:center;align-items:center;width:62px;height:62px;display:flex;overflow:hidden}.left-logo img{object-fit:contain;width:100%;height:100%}.left-brand-text h1{color:#1e3a8a;margin:0;font-size:22px;font-weight:800}.left-brand-text p{color:#64748b;margin:3px 0 0;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}@media (width<=768px){.home-header{padding:8px 12px}.left-logo{width:50px;height:50px}.left-brand-text h1{font-size:16px}.left-brand-text p{font-size:10px}.header-actions{gap:5px}.student-login-btn,.admin-login-btn{padding:7px 9px;font-size:11px}}.about-page{color:#1f2937;background:#fff;width:100%;overflow:hidden}.section-padding{padding:90px 7%}.section-tag{color:#2563eb;letter-spacing:2px;margin-bottom:12px;font-size:14px;font-weight:800;display:inline-block}.section-heading{text-align:center;max-width:760px;margin:0 auto 55px}.section-heading h2 span{color:#2563eb}.section-heading p{color:#6b7280;max-width:680px;margin:0 auto;font-size:16px;line-height:1.8}.about-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.about-hero-overlay{background:#07285a40;width:100%;padding:80px 7%}.about-hero-content{text-align:center;color:#fff;max-width:850px;margin:auto}.hero-small-title{letter-spacing:4px;opacity:.95;margin-bottom:18px;font-size:14px;font-weight:800;display:block}.about-hero h1{letter-spacing:-1px;text-shadow:0 3px 15px #00000040;margin:0;font-size:clamp(36px,6vw,50px);font-weight:900;line-height:1.05}.about-hero h2{letter-spacing:0;margin:10px 0 0;font-size:clamp(20px,4vw,30px);font-weight:400;line-height:1.3}.about-hero p{opacity:.95;max-width:650px;margin:25px auto;font-size:clamp(17px,2vw,22px);line-height:1.6}.hero-line{background:#fff;border-radius:10px;width:80px;height:4px;margin:25px auto}.experience-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff59;border-radius:50px;align-items:center;gap:10px;padding:12px 22px;font-weight:700;display:inline-flex;box-shadow:0 8px 25px #0000001f}.institute-info{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003;border-left:4px solid #60a5fa;border-radius:0 12px 12px 0;max-width:800px;margin:25px auto 0;padding:15px 22px}.institute-info p{color:#fff;margin:5px 0;font-size:14px;line-height:1.6}.institute-info strong{color:#bfdbfe}.about-intro{background:#fff}.about-intro-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;max-width:1250px;margin:auto;display:grid}.intro-content h2{color:#111827;margin:0 0 25px;font-size:clamp(34px,4vw,48px);line-height:1.15}.intro-content h2 span{color:#2563eb}.intro-content p{color:#64748b;margin-bottom:18px;font-size:16px;line-height:1.9}.intro-content .intro-lead{color:#374151;font-size:18px;font-weight:500}.intro-content strong{color:#2563eb}.intro-points{grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;display:grid}.intro-points div{color:#374151;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.intro-points svg{color:#2563eb;flex-shrink:0}.intro-visual{justify-content:center;align-items:center;height:auto;min-height:0;padding:20px 0;display:flex;position:relative}.visual-card{text-align:center;color:#fff;box-sizing:border-box;background:linear-gradient(145deg,#0b3d91 0%,#2563eb 55%,#1e40af 100%);border-radius:25px;width:min(100%,390px);padding:32px 30px;box-shadow:0 25px 60px #2563eb40}.visual-icon{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;font-size:30px;display:flex}.visual-card h3{margin:0;font-size:58px;font-weight:900;line-height:1}.visual-card>p{opacity:.92;margin:10px 0 20px;font-size:16px;line-height:1.5}.visual-divider{background:#ffffff40;height:1px;margin:20px 0}.visual-info{text-align:left;align-items:center;gap:12px;margin:14px 0;font-size:14px;font-weight:600;line-height:1.4;display:flex}.visual-info svg{flex-shrink:0;width:22px;font-size:18px}.experience-floating{color:#111827;z-index:2;background:#fff;border-radius:15px;align-items:center;gap:10px;padding:14px 18px;display:flex;position:absolute;bottom:15px;right:-10px;box-shadow:0 15px 35px #00000024}.experience-floating svg{color:#f59e0b;font-size:26px}.experience-floating div{flex-direction:column;display:flex}.experience-floating strong{font-size:14px}.experience-floating span{color:#6b7280;font-size:11px}.about-stats{background:#eff6ff;border-top:1px solid #dbeafe;border-bottom:1px solid #dbeafe;padding:65px 7%}.stats-container{grid-template-columns:repeat(4,1fr);max-width:1200px;margin:auto;display:grid}.stat-item{text-align:center;border-right:1px solid #bfdbfe;padding:10px 20px}.stat-item:last-child{border-right:none}.stat-item svg{color:#2563eb;margin-bottom:12px;font-size:30px}.stat-item h3{color:#111827;margin:0;font-size:38px;font-weight:900}.stat-item p{color:#64748b;margin:7px 0 0;font-size:14px;font-weight:600}.mission-section{background:#fff}.mission-grid{grid-template-columns:1fr 1fr;gap:30px;max-width:1100px;margin:auto;display:grid}.mission-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;gap:25px;padding:30px;transition:all .3s;display:flex}.mission-card:hover{border-color:#93c5fd;transform:translateY(-7px);box-shadow:0 18px 40px #0f172a14}.mission-icon{color:#2563eb;background:#dbeafe;border-radius:16px;justify-content:center;align-items:center;width:65px;min-width:65px;height:65px;font-size:27px;display:flex}.mission-card h3{color:#111827;margin:0 0 12px;font-size:23px}.mission-card p{color:#64748b;margin:0;font-size:15px;line-height:1.8}.why-section{background:#f8fafc}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px;max-width:1200px;margin:auto;display:grid}.why-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-self:start;width:100%;height:225px;padding:23px 20px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.why-card:hover{border-color:#93c5fd;transform:translateY(-6px);box-shadow:0 15px 30px #0f172a17}.why-card>svg{color:#2563eb;margin-bottom:13px;font-size:30px;display:block}.why-number{color:#dbeafe;pointer-events:none;font-size:30px;font-weight:900;line-height:1;position:absolute;top:10px;right:14px}.why-card h3{color:#111827;margin:0 0 8px;font-size:18px;line-height:1.3}.why-card p{color:#64748b;margin:0;font-size:13px;line-height:1.55}.courses-section{background:#fff}.course-list{grid-template-columns:repeat(3,1fr);gap:15px;max-width:1050px;margin:auto;display:grid}.course-pill{color:#374151;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:17px 20px;font-weight:600;transition:all .25s;display:flex}.course-pill:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd;transform:translate(4px)}.course-pill svg{color:#2563eb;flex-shrink:0}.courses-button{text-align:center;margin-top:40px}.courses-button a{color:#fff;background:#2563eb;border-radius:10px;align-items:center;gap:12px;padding:14px 25px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.courses-button a:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb40}.about-cta{color:#fff;background:linear-gradient(135deg,#0b3d91 0%,#2563eb 50%,#1e40af 100%);padding:90px 7%}.cta-content{text-align:center;max-width:900px;margin:auto}.cta-content>span{letter-spacing:3px;opacity:.85;font-size:13px;font-weight:800}.cta-content h2{margin:18px 0;font-size:clamp(32px,5vw,52px);line-height:1.15}.cta-content h2 strong{color:#bfdbfe;display:inline}.cta-content p{opacity:.9;max-width:650px;margin:0 auto 30px;font-size:16px;line-height:1.8}.cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.cta-primary,.cta-secondary{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:155px;padding:14px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.cta-primary{color:#2563eb;background:#fff}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.cta-secondary{color:#fff;border:1px solid #ffffff80}.cta-secondary:hover{background:#ffffff1f;transform:translateY(-3px)}@media (width<=1000px){.about-intro-container{grid-template-columns:1fr;gap:50px}.intro-visual{min-height:0;padding:20px 0 40px}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.why-card{height:225px}.stats-container{grid-template-columns:repeat(2,1fr);row-gap:30px}.stat-item:nth-child(2){border-right:none}.course-list{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.section-padding{padding:65px 5%}.about-hero{min-height:430px}.about-hero-overlay{padding:60px 5%}.about-hero h1{font-size:38px}.about-hero h2{font-size:21px}.about-hero p{font-size:16px}.experience-badge{font-size:13px}.institute-info{padding:12px 15px}.institute-info p{font-size:12px}.intro-content h2{font-size:34px}.intro-points{grid-template-columns:1fr}.intro-visual{min-height:0;padding:15px 0 50px}.visual-card{width:min(100%,390px);padding:30px 24px}.visual-card h3{font-size:52px}.visual-info{margin:12px 0;font-size:13px}.experience-floating{padding:12px 15px;bottom:15px;right:0}.stats-container{grid-template-columns:1fr 1fr}.stat-item{border-right:none}.stat-item h3{font-size:30px}.mission-grid{grid-template-columns:1fr}.mission-card{padding:25px}.why-grid{grid-template-columns:1fr;gap:16px}.why-card{height:auto;min-height:0;padding:22px 20px}.course-list{grid-template-columns:1fr}.about-cta{padding:70px 5%}.cta-content h2{font-size:34px}}@media (width<=450px){.about-hero h1{font-size:32px}.hero-small-title{letter-spacing:2px;font-size:11px}.about-hero h2{font-size:19px}.visual-card{width:100%}.visual-card h3{font-size:48px}.experience-floating{padding:12px 15px}.experience-floating svg{font-size:22px}.experience-floating strong{font-size:13px}.experience-floating span{font-size:10px}.mission-card{flex-direction:column}.mission-icon{width:55px;min-width:55px;height:55px}.stats-container{grid-template-columns:1fr}.stat-item{padding:15px}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%}}.courses-page{color:#14213d;background:#f5f8fc;width:100%;min-height:100vh;overflow-x:hidden}.courses-hero{background:linear-gradient(110deg,#062b59 0%,#0756a0 55%,#0b73c9 100%);align-items:center;min-height:430px;display:flex;position:relative;overflow:hidden}.courses-hero:before{content:"";border:70px solid #ffffff12;border-radius:50%;width:450px;height:450px;position:absolute;top:-170px;right:-160px}.courses-hero:after{content:"";border:55px solid #ffffff0f;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-180px;left:-130px}.courses-hero-overlay{background:linear-gradient(90deg,#031c3c40,#0000);position:absolute;inset:0}.courses-hero-content{z-index:2;width:min(1150px,90%);margin:auto;padding:70px 0;position:relative}.hero-small-title{color:#d9ecff;letter-spacing:2px;background:#ffffff21;border:1px solid #fff3;border-radius:30px;margin-bottom:18px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-block}.courses-hero h1{color:#fff;letter-spacing:-1.5px;max-width:650px;margin:0;font-size:clamp(42px,6vw,68px);font-weight:800;line-height:1.08}.courses-hero p{color:#e5f2ff;max-width:600px;margin:22px 0 30px;font-size:17px;line-height:1.7}.hero-course-button{color:#0756a0;background:#fff;border-radius:8px;align-items:center;gap:15px;padding:13px 23px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.hero-course-button span{font-size:20px}.hero-course-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.courses-intro{text-align:center;width:min(850px,90%);margin:0 auto;padding:70px 0 40px}.section-label{color:#1769aa;letter-spacing:2px;font-size:12px;font-weight:800;display:inline-block}.courses-intro h2{color:#092f57;margin:10px 0;font-size:clamp(30px,4vw,43px);font-weight:800}.section-line{background:linear-gradient(90deg,#1769aa,#f0a500);border-radius:10px;width:65px;height:4px;margin:0 auto 20px}.courses-intro p{color:#68778b;max-width:700px;margin:auto;font-size:16px;line-height:1.7}.course-grid-section{width:min(1250px,92%);margin:0 auto;padding:20px 0 80px}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;display:grid}.professional-course-card{background:#fff;border:1px solid #e3eaf2;border-radius:16px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 18px #16345612}.professional-course-card:hover{border-color:#b9d8f2;transform:translateY(-8px);box-shadow:0 18px 40px #16447024}.course-image-area{background:linear-gradient(145deg,#edf7ff,#f7fbff);border-bottom:1px solid #edf1f5;justify-content:center;align-items:center;height:185px;display:flex;position:relative}.course-category{z-index:2;color:#1769aa;text-transform:uppercase;letter-spacing:.5px;background:#e5f2ff;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800;position:absolute;top:14px;left:14px}.course-image{object-fit:contain;width:105px;height:105px;transition:transform .35s}.professional-course-card:hover .course-image{transform:scale(1.08)}.course-card-content{flex-direction:column;flex:1;padding:22px 20px 20px;display:flex}.course-card-content h3{color:#0a3765;margin:0 0 10px;font-size:20px;font-weight:800;line-height:1.3}.course-level{color:#6c7b8c;align-items:center;gap:7px;margin-bottom:18px;font-size:12px;font-weight:600;display:flex}.level-dot{background:#16a34a;border-radius:50%;width:7px;height:7px}.course-info{border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;display:grid}.course-info-item{align-items:flex-start;gap:8px;display:flex}.info-icon{color:#1769aa;background:#edf6ff;border-radius:7px;justify-content:center;align-items:center;min-width:27px;height:27px;font-size:14px;display:flex}.course-info-item small{color:#8995a3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.course-info-item strong{color:#34495e;font-size:11px;line-height:1.3;display:block}.view-course{color:#1769aa;justify-content:space-between;align-items:center;margin-top:17px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:flex}.arrow{background:#edf6ff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:18px;transition:all .3s;display:flex}.professional-course-card:hover .view-course{color:#084f87}.professional-course-card:hover .arrow{color:#fff;background:#1769aa;transform:translate(4px)}.course-action-buttons{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:4px;display:grid}.course-action-buttons a{text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:9px 10px;font-size:11px;font-weight:800;line-height:1.25;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:flex}.regular-admission-button{color:#fff;background:#1769aa;border:1px solid #1769aa}.regular-admission-button:hover{color:#fff;background:#0d548d;border-color:#0d548d;transform:translateY(-2px);box-shadow:0 7px 18px #1769aa40}.purchase-course-button{color:#172b4d;background:#f0a500;border:1px solid #f0a500}.purchase-course-button:hover{color:#10213a;background:#d99100;border-color:#d99100;transform:translateY(-2px);box-shadow:0 7px 18px #f0a50040}.courses-cta{text-align:center;background:linear-gradient(110deg,#062b59,#075fa9);padding:75px 20px;position:relative;overflow:hidden}.courses-cta:before{content:"";border:50px solid #ffffff0d;border-radius:50%;width:280px;height:280px;position:absolute;top:-160px;right:8%}.cta-content{z-index:2;position:relative}.cta-content p{color:#dceeff;max-width:600px;margin:0 auto 25px;line-height:1.7}.cta-button{color:#0756a0;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:13px 22px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.cta-button span{font-size:19px}@media (width<=1100px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.courses-hero{min-height:390px}.courses-hero-content{text-align:center}.courses-hero h1,.courses-hero p{margin-left:auto;margin-right:auto}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (width<=560px){.courses-hero{min-height:450px}.courses-hero-content{width:88%;padding:55px 0}.hero-small-title{letter-spacing:1.3px;font-size:10px}.courses-hero h1{font-size:39px}.courses-hero p{font-size:14px}.courses-intro{padding-top:50px}.courses-intro h2{font-size:30px}.courses-intro p{font-size:14px}.course-grid-section{width:90%}.course-grid{grid-template-columns:1fr;gap:18px}.course-image-area{height:175px}.course-image{width:100px;height:100px}.course-card-content h3{font-size:19px}.course-action-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.course-action-buttons a{min-height:45px;padding:8px 6px;font-size:10px}.courses-cta{padding:60px 20px}}.enquiry-container{color:#fff;background-color:#e0f2fe;border-radius:10px;width:450px;margin:50px auto;padding:25px}.enquiry-container h2{text-align:center;margin-bottom:20px}.enquiry-form{flex-direction:column;gap:15px;display:flex}.enquiry-form input,.enquiry-form select{border:1px solid #ccc;border-radius:5px;width:100%;padding:12px;font-size:16px}.enquiry-form textarea{resize:vertical;height:100px}.enquiry-form button{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:5px;padding:12px}.enquiry-form button:hover{background-color:#1e293b}textarea{border:1px solid #ccc;border-radius:5px;width:100%;height:120px;padding:10px;font-size:16px}.course-details-page{color:#172033;background:#f4f7fb;min-height:100vh}.course-hero{background:linear-gradient(120deg,#061a3a 0%,#0b3972 48%,#1769aa 100%);align-items:center;min-height:470px;display:flex;position:relative;overflow:hidden}.course-hero:before{content:"";background:#ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;top:-170px;right:-150px}.course-hero:after{content:"";background:#ffffff12;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-180px;left:-140px}.course-hero-overlay{background:linear-gradient(90deg,#03142eeb,#083769c7,#1464a094);position:absolute;inset:0}.course-hero-content{z-index:2;width:1200px;max-width:calc(100% - 50px);margin:auto;padding:70px 0;position:relative}.course-badge{color:#d9ecff;letter-spacing:1.5px;background:#ffffff1a;border:1px solid #ffffff59;border-radius:30px;margin-bottom:20px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block}.course-hero h1{color:#fff;letter-spacing:-2px;max-width:850px;margin:0;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1.05}.course-hero-description{color:#dcecff;max-width:720px;margin:22px 0 30px;font-size:18px;line-height:1.7}.course-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.enroll-button,.sidebar-enroll-button,.course-final-cta button{cursor:pointer;border:none;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.enroll-button{color:#172033;background:#ffb000;border-radius:9px;align-items:center;gap:12px;padding:15px 28px;font-size:16px;display:flex;box-shadow:0 8px 22px #0003}.enroll-button:hover{background:#ffc02e;transform:translateY(-3px);box-shadow:0 12px 28px #00000047}.enroll-button span,.sidebar-enroll-button span{font-size:20px}.back-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff59;border-radius:9px;padding:14px 22px;font-size:15px;transition:all .2s}.back-button:hover{background:#ffffff29}.course-overview{z-index:5;grid-template-columns:repeat(4,1fr);gap:16px;width:1160px;max-width:calc(100% - 40px);margin:-45px auto 0;display:grid;position:relative}.overview-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;align-items:center;gap:15px;min-height:105px;padding:20px;display:flex;box-shadow:0 12px 35px #132a4c1a}.overview-icon{color:#1769aa;background:#eaf3ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:flex}.overview-card span{color:#7b8798;text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.overview-card strong{color:#172033;font-size:16px;display:block}.course-content{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:40px;width:1160px;max-width:calc(100% - 40px);margin:65px auto;display:grid}.course-main{min-width:0}.content-section,.curriculum-section,.benefits-section{margin-bottom:55px}.section-number{color:#fff;background:#1769aa;border-radius:12px;justify-content:center;align-items:center;min-width:45px;height:45px;font-size:13px;font-weight:800;display:flex}.section-label{color:#1769aa;letter-spacing:1.5px;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.section-heading h2{color:#172033;margin:0;font-size:30px;line-height:1.2}.section-text{color:#5f6b7b;margin:0 0 16px;font-size:16px;line-height:1.8}.curriculum-section{background:#fff;border:1px solid #e4eaf2;border-radius:18px;padding:32px;box-shadow:0 8px 30px #142a480f}.module-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.module-item{background:#fafcff;border:1px solid #e7edf4;border-radius:11px;align-items:center;gap:13px;min-height:74px;padding:14px 15px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.module-item:hover{background:#fff;border-color:#b8d8f5;transform:translateY(-2px);box-shadow:0 7px 20px #18568c14}.module-check{color:#16833d;background:#e8f7ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:15px;font-weight:900;display:flex}.module-number{color:#8a96a6;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.module-item strong{color:#253247;font-size:14px;line-height:1.4;display:block}.benefit-card{background:#fff;border:1px solid #e4eaf2;border-radius:15px;padding:24px;transition:transform .2s,box-shadow .2s}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #142a4814}.benefit-icon{color:#1769aa;background:#eaf3ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:15px;font-weight:900;display:flex}.benefit-card h3{color:#1b2a41;margin:0 0 8px;font-size:17px}.course-sidebar{position:sticky;top:25px}.enrollment-card{background:#fff;border:1px solid #dfe7f0;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #142a481c}.enrollment-card-top{color:#fff;background:linear-gradient(135deg,#0b3972,#1769aa);padding:28px}.enrollment-card-top>span{letter-spacing:1.5px;opacity:.8;font-size:11px;font-weight:800}.course-price{margin-top:8px;font-size:38px;font-weight:800}.enrollment-divider{background:#e8edf3;height:1px}.enrollment-features{margin:0;padding:24px 28px;list-style:none}.enrollment-features li{color:#536174;align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.enrollment-features li span{color:#16833d;background:#e8f7ed;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:11px;font-weight:900;display:flex}.sidebar-enroll-button{color:#fff;background:#1769aa;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:calc(100% - 56px);margin:0 28px;padding:15px;font-size:16px;display:flex}.sidebar-enroll-button:hover{background:#0f5791;transform:translateY(-2px);box-shadow:0 8px 20px #1769aa40}.secure-note{color:#8994a3;text-align:center;margin:15px 28px 23px;font-size:11px}.help-card{background:#fff;border:1px solid #dfe7f0;border-radius:15px;gap:15px;margin-top:18px;padding:22px;display:flex}.help-icon{color:#9a6b00;background:#fff4d6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex}.help-card h3{color:#1b2a41;margin:0 0 5px;font-size:16px}.help-card p{color:#707c8c;margin:0 0 9px;font-size:13px;line-height:1.5}.help-card button{color:#1769aa;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.course-final-cta{background:linear-gradient(120deg,#071e40,#1769aa);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;width:1160px;max-width:calc(100% - 40px);margin:0 auto 60px;padding:38px 42px;display:flex;box-shadow:0 15px 35px #11386429}.course-final-cta span{color:#9ed3ff;letter-spacing:1.5px;font-size:11px;font-weight:800}.course-final-cta h2{color:#fff;margin:8px 0;font-size:30px}.course-final-cta p{color:#d5e9fb;max-width:600px;margin:0;font-size:14px;line-height:1.6}.course-final-cta button{color:#172033;background:#ffb000;border-radius:9px;flex-shrink:0;padding:15px 26px;font-size:15px}.course-final-cta button:hover{background:#ffc02e;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.course-not-found{background:#f4f7fb;justify-content:center;align-items:center;min-height:80vh;padding:30px;display:flex}.course-not-found-card{text-align:center;background:#fff;border:1px solid #e1e8f0;border-radius:18px;width:450px;max-width:100%;padding:50px 35px;box-shadow:0 15px 40px #142a4817}.not-found-icon{color:#d63c3c;background:#fff0f0;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 20px;font-size:25px;font-weight:900;display:flex}.course-not-found-card h2{color:#172033;margin:0 0 10px}.course-not-found-card p{color:#718096;margin:0 0 25px}.course-not-found-card button{color:#fff;cursor:pointer;background:#1769aa;border:none;border-radius:8px;padding:13px 24px;font-weight:700}@media (width<=1000px){.course-overview{grid-template-columns:repeat(2,1fr)}.course-content{grid-template-columns:1fr}.course-sidebar{grid-template-columns:1fr 1fr;gap:20px;display:grid;position:static}.help-card{margin-top:0}}@media (width<=700px){.course-hero{min-height:520px}.course-hero-content{padding:55px 0}.course-hero h1{letter-spacing:-1px;font-size:42px}.course-hero-description{font-size:15px}.course-hero-actions{flex-direction:column;align-items:stretch;max-width:260px}.enroll-button,.back-button{justify-content:center;width:100%}.course-overview{grid-template-columns:1fr 1fr;gap:10px;margin-top:-25px}.overview-card{gap:9px;min-height:90px;padding:14px}.overview-icon{width:39px;height:39px;font-size:17px}.overview-card strong{font-size:13px}.overview-card span{font-size:10px}.course-content{gap:20px;margin-top:45px}.section-heading h2{font-size:24px}.curriculum-section{padding:22px 17px}.module-grid,.benefits-grid,.course-sidebar{grid-template-columns:1fr}.help-card{margin-top:0}.course-final-cta{flex-direction:column;align-items:flex-start;padding:30px 24px}.course-final-cta h2{font-size:25px}.course-final-cta button{width:100%}}@media (width<=450px){.course-overview{grid-template-columns:1fr}.course-hero h1{font-size:36px}.section-heading{gap:11px}.section-number{min-width:38px;height:38px}.section-heading h2{font-size:21px}.section-label{font-size:10px}.course-content,.course-overview,.course-final-cta{max-width:calc(100% - 25px)}}.purchase-button{color:#172b4d;cursor:pointer;background:#f0a500;border:none;border-radius:8px;padding:13px 22px;font-size:14px;font-weight:800;transition:all .3s}.purchase-button:hover{background:#d99100;transform:translateY(-3px);box-shadow:0 10px 25px #f0a50040}.sidebar-purchase-button{color:#172b4d;cursor:pointer;background:#f0a500;border:none;border-radius:8px;width:100%;margin-top:10px;padding:13px 15px;font-size:14px;font-weight:800;transition:all .3s}.sidebar-purchase-button:hover{background:#d99100;transform:translateY(-2px);box-shadow:0 8px 20px #f0a50033}.final-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.final-cta-buttons button{color:#0756a0;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:13px 20px;font-size:14px;font-weight:800;transition:all .3s}.final-cta-buttons button:last-child{color:#172b4d;background:#f0a500}.final-cta-buttons button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000002e}@media (width<=600px){.course-hero-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.course-hero-actions button{width:100%}.final-cta-buttons{flex-direction:column}.final-cta-buttons button{width:100%}}.student-login-page{background:#f5f8ff;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.student-login-image-section{background:#fff;justify-content:center;align-items:center;width:50%;min-height:100vh;display:flex;overflow:hidden}.student-login-image{object-fit:contain;object-position:center;width:100%;height:100vh;display:block}.student-login-form-section{box-sizing:border-box;background:#fff;justify-content:center;align-items:center;width:50%;min-height:100vh;padding:40px;display:flex}.student-login-card{box-sizing:border-box;background:#fff;border-radius:22px;width:100%;max-width:440px;padding:48px 42px;box-shadow:0 18px 50px #0f285a1f}.student-login-header{text-align:center;margin-bottom:32px}.student-login-label{color:#2563eb;letter-spacing:2px;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.student-login-header h1{color:#123b82;margin:0 0 10px;font-size:34px;font-weight:700}.student-login-header p{color:#6b7280;margin:0;font-size:15px}.student-login-form{width:100%}.login-field{width:100%;margin-bottom:20px}.login-field label{color:#263b63;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.login-input-wrapper{width:100%;position:relative}.login-input-wrapper input{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d6dce8;border-radius:10px;outline:none;width:100%;height:52px;padding:0 48px 0 45px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-input-wrapper input::placeholder{color:#a0a8b5}.login-input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-input-icon{color:#7b8798;pointer-events:none;font-size:17px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.password-eye{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-eye:hover{background:#f1f5f9;border-radius:6px}.login-options{justify-content:space-between;align-items:center;margin:2px 0 24px;display:flex}.remember-option{color:#475569;cursor:pointer;align-items:center;gap:7px;font-size:13px;display:flex}.remember-option input{cursor:pointer;accent-color:#2563eb;width:15px;height:15px}.forgot-password-button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.forgot-password-button:hover{text-decoration:underline}.student-login-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;height:52px;font-size:16px;font-weight:700;transition:background .2s,transform .2s}.student-login-button:hover{background:#174fc4;transform:translateY(-1px)}.student-login-button:disabled{cursor:not-allowed;background:#8aaaf0;transform:none}.create-account{color:#6b7280;justify-content:center;gap:5px;margin-top:28px;font-size:14px;display:flex}.create-account a{color:#2563eb;font-weight:700;text-decoration:none}.create-account a:hover{text-decoration:underline}@media (width<=1000px){.student-login-page{flex-direction:column}.student-login-image-section{width:100%;height:auto;min-height:auto}.student-login-image{object-fit:contain;width:100%;height:auto}.student-login-form-section{width:100%;min-height:auto;padding:45px 20px}.student-login-card{max-width:500px}}@media (width<=600px){.student-login-image-section{width:100%}.student-login-image{object-fit:contain;width:100%;height:auto}.student-login-form-section{padding:25px 15px}.student-login-card{border-radius:16px;padding:35px 22px;box-shadow:0 10px 30px #0f285a1a}.student-login-header h1{font-size:28px}.student-login-header p{font-size:14px}.login-options{flex-direction:column;align-items:flex-start;gap:12px}.create-account{flex-direction:column;align-items:center;gap:5px}}.student-register-page{background:radial-gradient(circle at 10% 10%,#2563eb1a,#0000 30%),radial-gradient(circle at 90% 90%,#1e40af14,#0000 30%),#f3f7ff;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;font-family:Arial,Helvetica,sans-serif;display:flex}.register-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:1050px;overflow:hidden;box-shadow:0 25px 60px #0f172a1f,0 5px 20px #2563eb0f}.register-banner{background:#1d4ed8;width:100%;height:250px;position:relative;overflow:hidden}.register-banner-image{object-fit:cover;object-position:center 35%;opacity:.55;filter:saturate(.9);width:100%;height:100%;display:block}.register-banner-overlay{background:linear-gradient(90deg,#0f172ae6 0%,#0f172ab3 45%,#0f172a33 100%);align-items:center;padding:35px 55px;display:flex;position:absolute;inset:0}.banner-content{color:#fff;max-width:650px}.banner-label{letter-spacing:3px;color:#bfdbfe;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.banner-content h1{color:#fff;margin:0 0 10px;font-size:40px;font-weight:700;line-height:1.15}.banner-content p{color:#e0ecff;max-width:600px;margin:0;font-size:15px;line-height:1.6}.register-content{padding:38px 55px 32px}.register-header{align-items:center;gap:16px;margin-bottom:25px;display:flex}.register-icon{background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.register-header h2{color:#0f172a;margin:0 0 5px;font-size:24px}.register-header p{color:#64748b;margin:0;font-size:13px}.enrollment-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:15px;margin-bottom:24px;padding:15px 18px;display:flex}.enrollment-info div{flex-direction:column;flex:1;gap:5px;display:flex}.enrollment-info strong{text-transform:uppercase;letter-spacing:.7px;color:#64748b;font-size:11px}.enrollment-info span{color:#1d4ed8;font-size:15px;font-weight:700}.register-message{border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.register-message p{margin:0}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.success-message{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.register-form{width:100%}.form-group{width:100%}.form-group input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:48px;padding:0 15px;font-family:Arial,Helvetica,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input::placeholder{color:#94a3b8}.form-group input:hover{border-color:#94a3b8}.form-group input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.password-wrapper{width:100%;position:relative}.password-wrapper input{padding-right:50px}.eye-button{color:#64748b;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:17px;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.eye-button:hover{color:#2563eb;background:#eff6ff}.eye-button:focus{color:#2563eb;background:#eff6ff;outline:none}.create-account-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;margin-top:4px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #2563eb38}.create-account-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #2563eb4d}.create-account-button:active{transform:translateY(0)}.create-account-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite registerSpin}@keyframes registerSpin{to{transform:rotate(360deg)}}.login-section{color:#64748b;justify-content:center;align-items:center;gap:7px;margin-top:24px;font-size:13px;display:flex}.login-section a{color:#2563eb;font-weight:700;text-decoration:none}.login-section a:hover{text-decoration:underline}.register-footer{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:22px;padding-top:18px;font-size:11px}.form-group input:-webkit-autofill{-webkit-text-fill-color:#0f172a;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}@media (width<=800px){.student-register-page{padding:25px 15px}.register-card{max-width:700px}.register-banner{height:220px}.register-banner-overlay{padding:30px 35px}.banner-content h1{font-size:34px}.register-content{padding:32px 35px}.form-row{gap:16px}}@media (width<=600px){.student-register-page{align-items:flex-start;min-height:100vh;padding:12px}.register-card{border-radius:18px;margin:5px 0}.register-banner{height:200px}.register-banner-image{object-position:center}.register-banner-overlay{padding:25px}.banner-label{letter-spacing:2px;font-size:10px}.banner-content h1{font-size:28px}.banner-content p{max-width:100%;font-size:12px}.register-content{padding:28px 20px}.register-header{margin-bottom:22px}.register-header h2{font-size:21px}.register-header p{font-size:12px}.form-row{margin-bottom:0;display:block}.form-group{margin-bottom:17px}.form-group input{height:47px}.enrollment-info{display:block}.enrollment-info div+div{margin-top:10px}.login-section{flex-direction:column;gap:5px}}@media (width<=400px){.student-register-page{padding:8px}.register-banner{height:180px}.register-banner-overlay{padding:20px}.banner-content h1{font-size:24px}.banner-content p{font-size:11px}.register-content{padding:24px 16px}.register-header{gap:11px}.register-icon{width:45px;height:45px;font-size:21px}.register-header h2{font-size:19px}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#0f172a;background:#f3f6fa;font-family:Inter,Segoe UI,Arial,sans-serif}button{font-family:inherit}.student-dashboard{color:#0f172a;background:#f3f6fa;width:100%;min-height:100vh}.dashboard-header{z-index:2000;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:82px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.brand-section{align-items:center;gap:14px;min-width:0;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#0f9d8e,#14b8a6);border:2px solid #facc15;border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:flex;box-shadow:0 6px 18px #0f9d8e2e}.brand-text{min-width:0}.brand-text h2{color:#0f172a;letter-spacing:.3px;white-space:nowrap;margin:0;font-size:18px;font-weight:800}.brand-text span{color:#64748b;letter-spacing:.8px;margin-top:4px;font-size:12px;display:block}.header-logout{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ec;border-radius:10px;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s}.header-logout:hover{color:#be123c;background:#fff1f2;border-color:#fecdd3;transform:translateY(-1px)}.dashboard-body{min-height:100vh;padding-top:82px}.dashboard-sidebar{z-index:1500;background:#fff;border-right:1px solid #e2e8f0;width:258px;position:fixed;top:82px;bottom:0;left:0;overflow:hidden}.sidebar-inner{flex-direction:column;height:100%;min-height:0;padding:22px 16px 16px;display:flex}.sidebar-profile{text-align:center;border-bottom:1px solid #e2e8f0;flex-shrink:0;margin-bottom:13px;padding-bottom:20px}.profile-avatar{background:linear-gradient(135deg,#f1f5f9,#fff);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 12px;font-size:29px;display:flex;box-shadow:0 8px 24px #0f172a1a}.sidebar-profile h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:750;overflow:hidden}.sidebar-profile p{color:#64748b;word-break:break-word;margin:6px 0 0;font-size:12px}.dashboard-navigation{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:4px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.dashboard-navigation::-webkit-scrollbar{width:5px}.dashboard-navigation::-webkit-scrollbar-track{background:0 0}.dashboard-navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.navigation-item{text-align:left;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:0 0 45px;align-items:center;gap:13px;width:100%;min-height:45px;padding:9px 12px;font-size:14px;transition:background .2s,color .2s,transform .2s;display:flex}.navigation-item span{text-align:center;flex:0 0 24px;width:24px;font-size:18px}.navigation-item strong{font-weight:600}.navigation-item:hover{color:#0f766e;background:#f0fdfa;transform:translate(2px)}.navigation-item.active{color:#087f73;background:#e6f7f5}.navigation-item.active strong{font-weight:750}.sidebar-logout{color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;flex:0 0 45px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:45px;margin-top:12px;font-size:14px;transition:background .2s,border-color .2s,color .2s;display:flex}.sidebar-logout span{font-size:16px}.sidebar-logout strong{font-weight:700}.sidebar-logout:hover{color:#9f1239;background:#ffe4e6;border-color:#fda4af}.dashboard-main{background:#f3f6fa;width:calc(100% - 258px);min-width:0;margin-left:258px;padding:28px 30px 45px;overflow-x:hidden}.welcome-section{color:#fff;background:linear-gradient(120deg,#117d72,#14b8a6);border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:165px;margin-bottom:22px;padding:30px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #0f766e2b}.welcome-section:before{content:"";background:#ffffff14;border-radius:50%;width:230px;height:230px;position:absolute;top:-110px;right:-65px}.welcome-section:after{content:"";background:#ffffff12;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-100px;right:170px}.welcome-section>div:first-child{z-index:2;min-width:0;position:relative}.welcome-label{letter-spacing:2px;opacity:.88;font-size:11px;font-weight:800}.welcome-section h1{margin:8px 0 7px;font-size:28px;font-weight:800;line-height:1.25}.welcome-section p{opacity:.92;margin:0;font-size:13px;line-height:1.6}.welcome-icon{z-index:2;background:#ffffff21;border:1px solid #ffffff40;border-radius:20px;flex:0 0 82px;justify-content:center;align-items:center;width:82px;height:82px;margin-left:25px;font-size:39px;display:flex;position:relative}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;width:100%;margin-bottom:22px;display:grid}.status-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:13px;min-width:0;min-height:96px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 16px #0f172a09}.status-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0f172a12}.status-icon{border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.admission-icon{background:#ecfdf5}.payment-icon{background:#eff6ff}.course-icon{background:#eef2ff}.certificate-icon{background:#fef3c7}.status-card>div:last-child{min-width:0}.status-card span{color:#94a3b8;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.status-card strong{color:#0f172a;text-overflow:ellipsis;font-size:14px;line-height:1.3;display:block;overflow:hidden}.approved{color:#059669!important}.pending{color:#d97706!important}.rejected{color:#dc2626!important}.certificate-status-card{cursor:pointer}.success-message,.pending-message,.rejected-message{border:1px solid;border-radius:14px;align-items:flex-start;gap:13px;width:100%;margin-bottom:22px;padding:16px 18px;display:flex}.success-message{background:#ecfdf5;border-color:#a7f3d0}.pending-message{background:#fffbeb;border-color:#fde68a}.rejected-message{background:#fff1f2;border-color:#fecdd3}.message-icon{background:#fff;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.success-message h3,.pending-message h3,.rejected-message h3{margin:1px 0 4px;font-size:14px;font-weight:750}.success-message p,.pending-message p,.rejected-message p{color:#475569;margin:0;font-size:12px;line-height:1.6}.dashboard-section{width:100%;min-width:0;margin-bottom:25px}.section-heading{justify-content:space-between;align-items:flex-end;gap:15px;width:100%;margin-bottom:12px;padding:0 2px;display:flex}.section-heading>div{min-width:0}.section-heading span{color:#0f766e;letter-spacing:1.7px;font-size:10px;font-weight:800;display:block}.section-heading h2{color:#0f172a;margin:4px 0 0;font-size:20px;font-weight:800;line-height:1.25}.outline-button{color:#087f73;cursor:pointer;background:#fff;border:1px solid #99d8d2;border-radius:8px;flex-shrink:0;padding:8px 13px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s}.outline-button:hover{background:#e6f7f5;border-color:#5ec6bc}.course-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:16px;width:100%;height:116px;min-height:116px;max-height:116px;padding:16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 16px #0f172a0a}.course-card:before{content:"";background:#14b8a6;width:4px;position:absolute;top:0;bottom:0;left:0}.course-icon-large{background:#e6f7f5;border-radius:14px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex}.course-details{flex:1;min-width:0;overflow:hidden}.course-label{color:#0f766e;letter-spacing:1.2px;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.course-details h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:17px;font-weight:750;line-height:1.25;overflow:hidden}.course-meta{color:#64748b;align-items:center;gap:15px;min-width:0;font-size:11px;display:flex}.course-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-meta b{color:#059669}.course-view-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;flex:none;padding:7px 13px;font-size:11px;font-weight:650;transition:background .2s,border-color .2s,color .2s}.course-view-button:hover{color:#087f73;background:#f0fdfa;border-color:#99d8d2}.certificate-card{background:#fff;border:1px solid #bbf7d0;border-radius:15px;width:100%;padding:20px;box-shadow:0 5px 16px #0f172a0a}.certificate-top{align-items:center;gap:13px;margin-bottom:17px;display:flex}.certificate-icon-large{background:#fef3c7;border-radius:13px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;display:flex}.certificate-top>div:last-child{min-width:0}.certificate-top span{color:#059669;letter-spacing:1.2px;font-size:9px;font-weight:800;display:block}.certificate-top h3{color:#0f172a;margin:4px 0 0;font-size:18px;font-weight:750}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.certificate-grid>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;min-width:0;padding:12px}.certificate-grid span{color:#64748b;margin-bottom:4px;font-size:10px;display:block}.certificate-grid strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.download-certificate-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:16px;padding:10px 16px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.notes-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:flex-start;gap:16px;width:100%;padding:20px;display:flex;box-shadow:0 5px 16px #0f172a09}.notes-icon{background:#eff6ff;border-radius:13px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.notes-card>div:last-child{min-width:0}.notes-card h3{color:#0f172a;margin:0 0 9px;font-size:16px;font-weight:750}.notes-card ul{color:#475569;margin:0;padding-left:18px;font-size:12px;line-height:1.8}.notes-card li{padding-left:2px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;width:100%;display:grid}.quick-actions button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:108px;padding:17px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 13px #0f172a06}.quick-actions button:hover{border-color:#99d8d2;transform:translateY(-3px);box-shadow:0 10px 24px #0f766e14}.quick-actions button>span{margin-bottom:8px;font-size:23px;display:block}.quick-actions strong{color:#0f172a;font-size:13px;font-weight:750;display:block}.quick-actions small{color:#64748b;margin-top:4px;font-size:10px;line-height:1.4;display:block}.dashboard-loading{color:#475569;background:#f3f6fa;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.dashboard-loading-spinner{border:4px solid #dbeafe;border-top-color:#0f766e;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite dashboardSpin}.dashboard-loading h3{color:#0f172a;margin:17px 0 5px;font-size:16px}.dashboard-loading p{margin:0;font-size:12px}@keyframes dashboardSpin{to{transform:rotate(360deg)}}@media (width<=1200px){.dashboard-main{padding-left:24px;padding-right:24px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.dashboard-header{height:76px;padding:0 20px}.dashboard-body{padding-top:76px}.dashboard-sidebar{width:220px;top:76px}.dashboard-main{width:calc(100% - 220px);margin-left:220px;padding:22px 18px 35px}.brand-text h2{font-size:16px}.welcome-section{padding:26px}.welcome-section h1{font-size:25px}.welcome-icon{flex-basis:72px;width:72px;height:72px;font-size:34px}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.dashboard-header{height:70px;padding:0 15px}.dashboard-body{padding-top:70px}.dashboard-sidebar{z-index:1400;border-bottom:1px solid #e2e8f0;border-right:none;width:100%;height:auto;position:sticky;top:70px;bottom:auto;left:auto}.sidebar-inner{height:auto;padding:9px 10px}.sidebar-profile{display:none}.dashboard-navigation{flex-direction:row;gap:7px;padding:0 0 2px;display:flex;overflow:auto hidden}.navigation-item{flex:none;gap:7px;width:auto;min-width:max-content;min-height:40px;padding:8px 12px}.navigation-item span{flex-basis:auto;width:auto;font-size:16px}.navigation-item strong{white-space:nowrap;font-size:12px}.sidebar-logout{display:none}.dashboard-main{width:100%;margin-left:0;padding:18px 15px 30px}.welcome-section{min-height:145px;padding:23px}.welcome-section h1{font-size:23px}.welcome-section p{font-size:12px}.welcome-icon{display:none}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-card{gap:10px;min-height:88px;padding:13px}.status-icon{flex-basis:40px;width:40px;height:40px;font-size:18px}.course-card{height:112px;min-height:112px;max-height:112px;padding:14px}.course-icon-large{flex-basis:46px;width:46px;height:46px;font-size:22px}.course-details h3{font-size:15px}.course-meta{gap:8px;font-size:10px}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.brand-section{gap:9px}.brand-logo{border-radius:10px;flex-basis:40px;width:40px;height:40px;font-size:14px}.brand-text h2{font-size:13px}.brand-text span{margin-top:2px;font-size:9px}.header-logout{padding:8px 11px;font-size:11px}.dashboard-main{padding:15px 12px 28px}.welcome-section{border-radius:15px;min-height:135px;padding:20px}.welcome-label{font-size:9px}.welcome-section h1{margin-top:7px;font-size:20px}.welcome-section p{font-size:11px}.status-grid{grid-template-columns:1fr}.status-card{min-height:82px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.outline-button{align-self:flex-start}.course-card{gap:9px;height:118px;min-height:118px;max-height:118px;padding:12px}.course-icon-large{flex-basis:42px;width:42px;height:42px;font-size:20px}.course-details h3{margin-bottom:5px;font-size:14px}.course-label{font-size:8px}.course-meta{flex-direction:column;align-items:flex-start;gap:2px;font-size:9px}.course-view-button{padding:6px 9px;font-size:10px}.certificate-card{padding:15px}.certificate-grid{grid-template-columns:1fr}.certificate-grid>div{padding:10px}.download-certificate-button{width:100%;padding:10px}.notes-card{gap:12px;padding:15px}.notes-icon{flex-basis:43px;width:43px;height:43px;font-size:21px}.notes-card h3{font-size:14px}.notes-card ul{font-size:11px;line-height:1.7}.quick-actions{grid-template-columns:1fr}.quick-actions button{min-height:88px;padding:14px}}@media (width<=380px){.dashboard-header{padding:0 10px}.brand-text h2{font-size:11px}.brand-text span{font-size:8px}.brand-logo{flex-basis:36px;width:36px;height:36px}.header-logout{padding:7px 8px;font-size:10px}.dashboard-main{padding:12px 10px 25px}.welcome-section{padding:18px}.welcome-section h1{font-size:18px}.course-card{gap:7px}.course-view-button{padding:5px 7px}}.records-page{background-color:#f5f7fa;min-height:100vh;padding:40px}.table-container{overflow-x:auto}table{border-collapse:collapse;background-color:#fff;width:100%}th,td{text-align:left;border:1px solid #ddd;padding:12px}th{color:#fff;background-color:#2563eb}tr:nth-child(2n){background-color:#f1f5f9}.records-page{background:#f1f5f9;min-height:100vh;padding:40px 20px}.records-page h1{text-align:center;color:#1e3a8a;margin-bottom:30px}table{border-collapse:collapse;width:100%;min-width:900px}th{color:#fff;text-align:left;background:#2563eb;padding:14px}td{border-bottom:1px solid #ddd;padding:12px}tbody tr:hover{background:#eff6ff}.no-records{text-align:center;color:#666;font-size:18px}.loading{text-align:center;margin-top:100px}.contact-page{background:#f1f5f9;min-height:100vh;padding:140px 30px 50px}.contact-container{background:#fff;border-radius:12px;max-width:1000px;margin:auto;display:flex;overflow:hidden;box-shadow:0 5px 20px #00000026}.contact-info{color:#fff;background:#0f3d56;width:50%;padding:40px}.contact-info h1{margin-bottom:20px;font-size:32px}.contact-info>p{margin-bottom:25px;line-height:1.6}.contact-item{margin-bottom:20px}.contact-item h3{margin-bottom:5px;font-size:18px}.contact-item p{margin:0;line-height:1.5}.contact-form{width:50%;padding:40px}.contact-form h2{color:#1e3a8a;text-align:center;margin-bottom:25px}.contact-form input,.contact-form textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:15px;padding:13px;font-size:15px}.contact-form textarea{resize:vertical}.contact-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:13px;font-size:16px}.contact-form button:hover{background:#1d4ed8}@media (width<=700px){.contact-container{flex-direction:column}.contact-info,.contact-form{box-sizing:border-box;width:100%}.contact-page{padding:120px 15px 30px}}.contact-records{background:#f1f5f9;min-height:100vh;padding:130px 20px 40px}.contact-records h1{text-align:center;color:#0f3d56;margin-bottom:30px}.table-container{background:#fff;border-radius:10px;width:100%;overflow-x:auto;box-shadow:0 4px 15px #00000026}.table-container table{border-collapse:collapse;width:100%;min-width:900px}.table-container th{color:#fff;text-align:left;background:#0f3d56;padding:12px}.table-container td{border-bottom:1px solid #ddd;padding:12px}.table-container tr:hover{background:#f0f9ff}.admin-login-page{background:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-login-box{text-align:center;background:#fff;border-radius:12px;width:400px;padding:40px;box-shadow:0 5px 20px #00000026}.admin-login-box h1{color:#0f3d56;margin-bottom:8px}.admin-login-box p{color:#64748b;margin-bottom:25px}.admin-login-box input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;margin-bottom:15px;padding:13px;font-size:15px}.admin-login-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:13px;font-size:16px}.admin-login-box button:hover{background:#1d4ed8}.login-error{color:#dc2626;margin-bottom:15px;font-size:14px}.admin-dashboard{background:#f1f5f9;min-height:100vh}.admin-header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:18px 40px;display:flex}.admin-header h1{margin:0;font-size:24px}.admin-header button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:5px;padding:10px 20px}.admin-content{padding:30px}.admin-content h2{text-align:center;margin-bottom:25px}.admin-content h3{margin-top:30px}.admin-menu{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.admin-menu button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:12px 20px}.admin-menu button:hover{background:#1d4ed8}.student-table-container{width:100%;overflow-x:auto}.student-table{border-collapse:collapse;background:#fff;width:100%}.student-table th{color:#fff;background:#0f172a;padding:12px}.student-table td{border-bottom:1px solid #ddd;padding:12px}.payment-title{margin-top:40px}.status-paid{color:#fff;background:#16a34a;border-radius:5px;padding:5px 10px;font-weight:700}.status-pending{color:#fff;background:#f59e0b;border-radius:5px;padding:5px 10px;font-weight:700}.status-rejected{color:#fff;background:#dc2626;border-radius:5px;padding:5px 10px;font-weight:700}.confirm-button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:5px;margin:3px;padding:7px 10px}.confirm-button:hover{background:#15803d}.reject-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:5px;margin:3px;padding:7px 10px}.reject-button:hover{background:#b91c1c}.clear-records-section{text-align:right;margin:15px 0 25px}.clear-all-button{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:6px;padding:12px 20px;font-size:15px;font-weight:700}.clear-all-button:hover{background-color:#b91c1c}.exam-results-header{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:45px;margin-bottom:18px;padding:24px;display:flex;box-shadow:0 8px 25px #0f172a0f}.exam-results-label{color:#2563eb;letter-spacing:1.5px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.exam-results-title{color:#172033;margin:0;font-size:24px;font-weight:800}.exam-results-description{color:#64748b;margin:6px 0 0;font-size:13px}.exam-results-refresh{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:9px;flex-shrink:0;padding:11px 17px;font-size:13px;font-weight:700;transition:all .2s}.exam-results-refresh:hover{background:#eff6ff;transform:translateY(-1px)}.exam-results-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.exam-results-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto;box-shadow:0 8px 25px #0f172a0d}.exam-results-table{border-collapse:collapse;width:100%;min-width:1050px}.exam-results-table thead{background:#f8fafc}.exam-results-table th{color:#475569;text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:15px 13px;font-size:11px;font-weight:800}.exam-results-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 13px;font-size:12px}.exam-results-table tbody tr{transition:all .15s}.exam-results-table tbody tr:hover{background:#f8fbff}.exam-results-table tbody tr:last-child td{border-bottom:none}.exam-student-cell{align-items:center;gap:10px;min-width:190px;display:flex}.exam-student-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.exam-student-cell div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.exam-student-cell strong{color:#1e293b;white-space:nowrap;font-size:12px}.exam-student-cell small{color:#64748b;text-overflow:ellipsis;max-width:190px;font-size:10px;overflow:hidden}.score-badge{color:#1d4ed8;background:#eff6ff;border-radius:7px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.percentage-cell{min-width:90px}.percentage-cell strong{color:#1e293b;margin-bottom:5px;font-size:12px;display:block}.mini-progress{background:#e5e7eb;border-radius:10px;width:80px;height:5px;overflow:hidden}.mini-progress div{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:10px;height:100%}.exam-pass-badge,.exam-fail-badge{letter-spacing:.5px;border-radius:20px;justify-content:center;align-items:center;min-width:58px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.exam-pass-badge{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.exam-fail-badge{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.attempt-badge{color:#475569;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:inline-flex}.exam-results-loading{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.exam-results-loading p{color:#64748b;margin-top:12px;font-size:13px}.exam-results-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:35px;height:35px;animation:.8s linear infinite examResultSpin}@keyframes examResultSpin{to{transform:rotate(360deg)}}.exam-results-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:50px 20px}.exam-results-empty-icon{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 15px;font-size:28px;display:flex}.exam-results-empty h4{color:#1e293b;margin:0 0 6px;font-size:17px}.exam-results-empty p{color:#64748b;margin:0;font-size:13px}@media (width<=768px){.exam-results-header{flex-direction:column;align-items:flex-start;padding:20px}.exam-results-refresh{width:100%}.exam-results-title{font-size:20px}.exam-results-table-container{border-radius:10px}}.generate-certificate-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.generate-certificate-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2563eb4d}.generate-certificate-button:active{transform:translateY(0)}.certificate-not-available{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:600;display:inline-block}.exam-results-table th:last-child,.exam-results-table td:last-child{min-width:170px}.exam-results-table-container{width:100%;overflow-x:auto}.exam-results-table{min-width:1250px}.select-course-page{background-color:#eef4ff;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.select-course-card{background-color:#fff;border-radius:15px;width:100%;max-width:500px;padding:40px;box-shadow:0 5px 20px #00000026}.select-course-card h2{text-align:center;color:#2563eb;margin-bottom:10px}.select-course-card p{text-align:center;color:#666;margin-bottom:30px}.select-course-card label{margin-bottom:8px;font-weight:700;display:block}.select-course-card select{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;height:45px;padding:8px 12px;font-size:16px}.select-course-card button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;width:100%;height:45px;margin-top:25px;font-size:16px;font-weight:700}.select-course-card button:hover{background-color:#1d4ed8}.admission-page{box-sizing:border-box;background-color:#eef4ff;min-height:100vh;padding:40px 20px}.admission-container{box-sizing:border-box;background-color:#fff;border-radius:15px;width:100%;max-width:700px;margin:0 auto;padding:35px;box-shadow:0 5px 20px #00000026}.admission-container h2{text-align:center;color:#2563eb;margin-bottom:10px}.admission-subtitle{text-align:center;color:#666;margin-bottom:30px}.admission-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#333;margin-bottom:7px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;outline:none}.form-group input[readonly]{color:#2563eb;background-color:#f3f4f6;font-weight:700}.admission-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;width:100%;margin-top:10px;padding:13px;font-size:16px;font-weight:700}.admission-button:hover{background-color:#1d4ed8}.document-verification-page{box-sizing:border-box;background-color:#eef4ff;justify-content:center;align-items:center;min-height:100vh;padding:50px 20px;display:flex}.document-verification-card{box-sizing:border-box;background-color:#fff;border-radius:15px;width:100%;max-width:650px;padding:40px;box-shadow:0 5px 20px #00000026}.document-verification-card h2{text-align:center;color:#2563eb;margin-bottom:15px}.verification-intro{text-align:center;color:#dc2626;margin-bottom:20px;font-weight:700}.document-verification-card>p{color:#444;line-height:1.6}.documents-list{background-color:#f8fafc;border-radius:10px;margin-top:25px;padding:20px}.documents-list h3{color:#1d4ed8;margin-top:0}.documents-list ul{padding-left:25px}.documents-list li{color:#333;margin:12px 0}.important-note{background-color:#fff7ed;border-left:4px solid #f97316;border-radius:5px;margin-top:25px;padding:15px}.important-note p{margin-bottom:0;line-height:1.6}.continue-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;width:100%;margin-top:25px;padding:13px;font-size:16px;font-weight:700}.continue-button:hover{background-color:#1d4ed8}.payment-page{box-sizing:border-box;background-color:#eef4ff;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.payment-card{box-sizing:border-box;background-color:#fff;border-radius:15px;width:100%;max-width:650px;padding:35px;box-shadow:0 5px 20px #00000026}.payment-card h2{text-align:center;color:#2563eb;margin-bottom:10px}.payment-subtitle{text-align:center;color:#666;margin-bottom:25px}.payment-summary{background-color:#f8fafc;border-radius:8px;justify-content:space-between;gap:20px;margin-bottom:25px;padding:18px;display:flex}.payment-summary div{flex-direction:column;gap:5px;display:flex}.payment-summary span{color:#666;font-size:14px}.payment-summary strong{color:#1d4ed8;font-size:18px}.qr-section{text-align:center;background-color:#f8fafc;border-radius:10px;padding:25px}.qr-section h3{color:#2563eb;margin-top:0}.qr-section p{color:#555;line-height:1.5}.upi-qr{object-fit:contain;background-color:#fff;border:1px solid #ddd;width:220px;height:220px;margin:20px auto;padding:10px;display:block}.upi-id{font-size:16px}.upi-id strong{color:#2563eb}.payment-instructions{background-color:#eff6ff;border-radius:8px;margin-top:25px;padding:20px}.payment-instructions h3{color:#1d4ed8;margin-top:0}.payment-instructions li{color:#444;margin:10px 0}.payment-form{flex-direction:column;gap:10px;margin-top:25px;display:flex}.payment-form label{color:#333;margin-top:5px;font-weight:600}.payment-form input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;height:45px;padding:10px 12px;font-size:16px}.payment-form input:focus{border-color:#2563eb;outline:none}.payment-form button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;width:100%;height:45px;margin-top:15px;font-size:16px;font-weight:700}.payment-form button:hover{background-color:#1d4ed8}.payment-form button:disabled{cursor:not-allowed;background-color:#9ca3af}.verification-message{color:#555;background-color:#fff7ed;border-left:4px solid #f97316;margin-top:20px;padding:15px;line-height:1.5}.verification-message p{margin-bottom:0}@media (width<=600px){.payment-card{padding:25px 20px}.payment-summary{flex-direction:column}.upi-qr{width:190px;height:190px}}.qr-image{object-fit:contain;width:400px;height:300px;margin:20px auto;display:block}.payment-status-page{box-sizing:border-box;color:#172033;background:#f4f7fc;min-height:100vh;padding:35px 5% 60px;font-family:Arial,Helvetica,sans-serif}.payment-header{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:22px;max-width:1250px;margin:0 auto;overflow:hidden;box-shadow:0 15px 35px #2563eb33}.payment-header-content{justify-content:space-between;align-items:center;gap:30px;min-height:180px;padding:35px 40px;display:flex}.payment-small-title{letter-spacing:2px;opacity:.85;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.payment-header h1{margin:0 0 8px;font-size:36px;font-weight:700}.payment-header p{opacity:.95;margin:0;font-size:15px}.payment-header-icon{background:#ffffff24;border:1px solid #ffffff2e;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:40px;display:flex}.payment-content{max-width:1250px;margin:30px auto 0}.payment-summary{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:17px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 6px 20px #0f172a0d}.summary-icon{color:#2563eb;background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;font-weight:700;display:flex}.summary-icon.success{color:#059669;background:#ecfdf5}.summary-icon.amount{color:#ea580c;background:#fff7ed;font-size:24px}.summary-item span{color:#64748b;margin-bottom:5px;font-size:13px;display:block}.summary-item strong{color:#172033;font-size:22px;display:block}.payment-section{background:0 0}.section-heading{margin-bottom:18px}.section-heading span{color:#2563eb;letter-spacing:1.5px;font-size:12px;font-weight:700}.payment-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:22px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 25px #0f172a12}.payment-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0f172a1a}.payment-card-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:20px;padding:25px;display:flex}.course-info{align-items:center;gap:15px;display:flex}.course-icon{background:#eff6ff;border-radius:15px;justify-content:center;align-items:center;width:56px;height:56px;font-size:27px;display:flex}.course-info span{color:#64748b;letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.course-info h3{color:#172033;margin:0;font-size:21px}.status-badge{white-space:nowrap;border-radius:50px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:700;display:flex}.status-badge.paid{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-badge.pending{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.amount-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;margin:22px 25px;padding:18px 20px}.amount-box span{color:#64748b;letter-spacing:1px;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.amount-box strong{color:#172033;font-size:29px}.payment-details{grid-template-columns:repeat(2,1fr);gap:15px;padding:0 25px 25px;display:grid}.detail-item{box-sizing:border-box;background:#fafbfc;border:1px solid #edf0f4;border-radius:12px;align-items:center;gap:12px;min-height:70px;padding:14px;display:flex}.detail-icon{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.detail-item small{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.detail-item strong{color:#1e293b;word-break:break-word;font-size:14px;display:block}.payment-card-footer{color:#94a3b8;background:#f8fafc;border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:13px 25px;font-size:11px;display:flex}.verified{color:#059669;font-weight:700}.payment-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;display:flex}.dashboard-btn,.course-btn{cursor:pointer;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.dashboard-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.course-btn{color:#fff;background:#2563eb;border:none}.dashboard-btn:hover,.course-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0f172a1f}.no-payment-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:70px 30px;box-shadow:0 8px 25px #0f172a0f}.no-payment-icon{background:#eff6ff;border-radius:20px;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto 20px;font-size:35px;display:flex}.no-payment-card h2{color:#1e293b;margin:0 0 10px;font-size:23px}.no-payment-card p{color:#64748b;max-width:500px;margin:0 auto 25px;line-height:1.6}.payment-loading{text-align:center;background:#fff;border-radius:20px;padding:70px 20px}.payment-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin:0 auto 15px;animation:.8s linear infinite paymentSpin}@keyframes paymentSpin{to{transform:rotate(360deg)}}@media (width<=850px){.payment-summary{grid-template-columns:1fr}.payment-header h1{font-size:30px}}@media (width<=600px){.payment-status-page{padding:20px 15px 40px}.payment-header-content{min-height:150px;padding:28px 22px}.payment-header h1{font-size:27px}.payment-header p{font-size:13px}.payment-header-icon{width:58px;height:58px;font-size:30px}.payment-card-top{flex-direction:column;align-items:flex-start}.payment-details{grid-template-columns:1fr}.payment-card-footer{flex-direction:column;align-items:flex-start}}.success-container{background:#f0fdf4;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.success-card{text-align:center;background:#fff;border-radius:15px;width:100%;max-width:600px;padding:40px;box-shadow:0 5px 25px #0000001f}.success-icon{color:#fff;background:#16a34a;border-radius:50%;width:70px;height:70px;margin:0 auto 20px;font-size:45px;font-weight:700;line-height:70px}.success-card h1{color:#166534;margin-bottom:15px}.success-message{font-size:17px}.success-details{text-align:left;background:#f8fafc;border-radius:10px;margin:25px 0;padding:20px}.success-details div{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:10px 0;display:flex}.success-details div:last-child{border-bottom:none}.success-details span{color:#64748b}.success-details strong{color:#111827;text-align:right}.success-details .pending{color:#d97706}.verification-text{color:#475569;line-height:1.6}.success-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;margin-top:20px;padding:12px 25px;font-size:16px}.success-card button:hover{background:#1d4ed8}html,body,#root{min-height:100%;margin:0;padding:0}body{color:#102a43;background:#eef4fb;margin:0;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}button,input,textarea{font-family:inherit}.enrollment-page{background:linear-gradient(135deg,#eef5fc 0%,#fff 50%,#edf5ff 100%);width:100%;min-height:100vh;padding:45px 20px 70px;overflow-x:hidden}.enrollment-container{background:#fff;border:1px solid #d7e4f2;border-radius:18px;width:100%;max-width:1100px;margin:0 auto;padding:34px 30px 40px;box-shadow:0 18px 45px #0f34581a}.enrollment-header{text-align:center;width:100%;margin:0 0 32px}.enrollment-header h1{color:#123f7a;margin:0;font-size:34px;font-weight:800;line-height:1.2}.enrollment-header p{color:#64748b;margin:10px 0 0;font-size:15px;line-height:1.5}.enrollment-content{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:30px;width:100%;display:grid}.enrollment-card{background:#fff;border:1px solid #d7e4f2;border-radius:15px;width:100%;min-width:0;box-shadow:0 8px 25px #0f345812}.enrollment-card:first-child{padding:25px 24px 28px}.enrollment-card h2{color:#123f7a;border-bottom:2px solid #dce7f2;margin:0 0 24px;padding-bottom:14px;font-size:22px;font-weight:800;line-height:1.3;position:relative}.enrollment-card h2:after{content:"";background:#16b8a5;border-radius:5px;width:55px;height:3px;position:absolute;bottom:-2px;left:0}.info-group{width:100%;margin-bottom:17px}.info-group:last-child{margin-bottom:0}.info-group label{color:#183b63;margin-bottom:7px;font-size:14px;font-weight:700;display:block}.info-group input,.info-group textarea{color:#1e293b;background:#f8fbff;border:1px solid #cbd9e8;border-radius:8px;outline:none;width:100%;max-width:100%;padding:11px 12px;font-size:14px;line-height:1.4;display:block}.info-group input{height:43px}.info-group textarea{resize:none;min-height:90px}.course-card{background:linear-gradient(135deg,#fbfdff 0%,#f6faff 100%);border-left:4px solid #16b8a5;min-width:0;padding:25px 25px 28px;display:block;overflow:visible}.course-card h2{margin-bottom:22px}.course-info{background:#fff;border:1px solid #d7e4f2;border-radius:10px;justify-content:space-between;align-items:center;gap:25px;width:100%;min-height:68px;margin-bottom:14px;padding:14px 18px;display:flex;box-shadow:0 3px 10px #143a5f0a}.course-info span{color:#64748b;flex-shrink:0;font-size:14px;font-weight:700}.course-info strong{color:#123f7a;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:17px;font-weight:800}.enrollment-note{background:#fff8e8;border-left:4px solid #f0a800;border-radius:9px;width:100%;margin:20px 0 18px;padding:17px 18px}.enrollment-note h3{color:#805700;margin:0 0 7px;font-size:16px;font-weight:800}.enrollment-note p{color:#73520b;margin:0;font-size:14px;line-height:1.65}.payment-button{color:#fff;cursor:pointer;background:#2167d5;border:none;border-radius:9px;width:100%;min-height:60px;margin:0 0 12px;padding:13px 20px;font-size:15px;font-weight:800;line-height:1.35;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 7px 16px #2167d533}.payment-button:hover:not(:disabled){background:#1555b8;transform:translateY(-2px);box-shadow:0 10px 22px #2167d547}.payment-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-button{color:#155bc5;cursor:pointer;background:#fff;border:1px solid #2167d5;border-radius:9px;width:100%;min-height:52px;padding:11px 18px;font-size:14px;font-weight:700;line-height:1.35;transition:background .2s,color .2s,transform .2s}.back-button:hover:not(:disabled){color:#fff;background:#2167d5;transform:translateY(-2px)}.back-button:disabled{opacity:.6;cursor:not-allowed}.enrollment-loading{background:linear-gradient(135deg,#eef5fc,#fff);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;display:flex}.enrollment-loading h2{color:#123f7a;text-align:center;margin:0;font-size:22px}@media (width<=900px){.enrollment-page{padding:35px 15px 60px}.enrollment-container{padding:28px 22px 35px}.enrollment-content{grid-template-columns:280px minmax(0,1fr);gap:22px}.course-card{padding:23px 20px 25px}.course-info{gap:15px}}@media (width<=700px){.enrollment-page{padding:25px 12px 45px}.enrollment-container{border-radius:14px;padding:22px 16px 28px}.enrollment-header{margin-bottom:25px}.enrollment-header h1{font-size:29px}.enrollment-header p{font-size:14px}.enrollment-content{grid-template-columns:1fr;gap:20px}.enrollment-card:first-child,.course-card{padding:22px 20px 25px}.course-info{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.course-info strong{text-align:left}.enrollment-note{margin-top:18px}.payment-button{min-height:58px}}@media (width<=420px){.enrollment-page{padding-left:8px;padding-right:8px}.enrollment-container{padding:18px 12px 25px}.enrollment-header h1{font-size:25px}.enrollment-card:first-child,.course-card{padding:18px}.enrollment-card h2{font-size:20px}.course-info{padding:13px}.course-info strong{font-size:15px}}.examination-page{background:#f5f7fb;min-height:100vh;padding:30px}.examination-header{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:32px 35px;display:flex;box-shadow:0 10px 30px #2563eb2e}.exam-small-title{letter-spacing:2px;opacity:.85;font-size:12px;font-weight:700}.examination-header h1{margin:7px 0;font-size:32px;font-weight:700}.examination-header p{opacity:.9;margin:0;font-size:15px}.exam-header-icon{background:#ffffff26;border-radius:20px;justify-content:center;align-items:center;width:75px;height:75px;font-size:38px;display:flex}.exam-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:25px;display:grid}.exam-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:25px;transition:all .3s;box-shadow:0 5px 20px #0000000d}.exam-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.exam-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.exam-icon{background:#eff6ff;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;font-size:28px;display:flex}.exam-status{border-radius:30px;padding:7px 13px;font-size:12px;font-weight:700}.exam-status.available{color:#15803d;background:#dcfce7}.exam-status.upcoming{color:#b45309;background:#fef3c7}.exam-status.completed{color:#1d4ed8;background:#dbeafe}.exam-card h2{color:#111827;margin:0;font-size:21px}.exam-course{color:#6b7280;margin:7px 0 22px;font-size:14px}.exam-details{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;grid-template-columns:1fr;gap:12px;padding:17px 0;display:grid}.exam-details>div{align-items:center;gap:12px;display:flex}.exam-details>div>span{background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.exam-details small{color:#9ca3af;font-size:11px;display:block}.exam-details strong{color:#374151;margin-top:2px;font-size:13px;display:block}.exam-instructions{background:#f8fafc;border-radius:12px;margin-top:18px;padding:15px}.exam-instructions strong{color:#374151;font-size:13px}.exam-instructions p{color:#6b7280;margin:6px 0 0;font-size:13px;line-height:1.6}.start-exam-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:11px;width:100%;margin-top:20px;padding:14px;font-size:14px;font-weight:700;transition:all .25s}.start-exam-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.start-exam-btn:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db}.no-exam{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:70px 30px}.no-exam-icon{margin-bottom:15px;font-size:55px}.no-exam h2{color:#1f2937;margin:0 0 8px}.no-exam p{color:#6b7280}.exam-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.exam-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:.8s linear infinite examSpin}@keyframes examSpin{to{transform:rotate(360deg)}}@media (width<=600px){.examination-page{padding:15px}.examination-header{padding:25px 20px}.examination-header h1{font-size:26px}.exam-header-icon{width:55px;height:55px;font-size:28px}.exam-grid{grid-template-columns:1fr}}.exam-completed-card{opacity:.95;background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #bbf7d0;position:relative}.exam-completed-card:before{content:"";background:#16a34a;border-radius:12px 0 0 12px;width:5px;position:absolute;top:0;bottom:0;left:0}.exam-completed-card .student-exam-icon{color:#16a34a;background:#dcfce7}.exam-completed-card .exam-course-badge{color:#15803d;background:#dcfce7}.exam-completed-btn{color:#15803d;cursor:not-allowed;min-width:190px;box-shadow:none;opacity:1;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:700;display:inline-flex}.exam-completed-btn:hover{color:#15803d;box-shadow:none;background:#f0fdf4;transform:none}@media (width<=768px){.exam-completed-btn{width:100%;min-width:0}.exam-completed-card{padding-left:20px}}.take-exam-page{background:#f4f7fb;min-height:100vh;padding:25px}.take-exam-header{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:18px;justify-content:space-between;align-items:center;padding:25px 30px;display:flex;box-shadow:0 10px 30px #2563eb2e}.take-exam-header span{letter-spacing:2px;opacity:.85;font-size:11px;font-weight:700}.take-exam-header h1{margin:7px 0 3px;font-size:27px}.take-exam-header p{opacity:.85;margin:0}.exam-timer{text-align:center;background:#ffffff26;border-radius:12px;min-width:120px;padding:12px 18px}.exam-timer small{letter-spacing:1px;font-size:10px;display:block}.exam-timer strong{margin-top:3px;font-size:25px;display:block}.exam-timer.danger{background:#dc2626e6}.exam-progress-container{background:#fff;border-radius:14px;margin:20px 0;padding:18px 22px;box-shadow:0 3px 15px #0000000a}.exam-progress-info{color:#6b7280;justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.exam-progress-bar{background:#e5e7eb;border-radius:20px;height:8px;overflow:hidden}.exam-progress-bar div{background:#2563eb;height:100%;transition:width .3s}.exam-main-content{grid-template-columns:1fr 280px;gap:22px;display:grid}.question-card{background:#fff;border-radius:18px;padding:32px;box-shadow:0 5px 20px #0000000d}.question-number{color:#2563eb;background:#eff6ff;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-block}.question-card h2{color:#111827;margin:22px 0 28px;font-size:21px;line-height:1.6}.options-container{flex-direction:column;gap:13px;display:flex}.option{text-align:left;cursor:pointer;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:13px;width:100%;padding:15px;font-size:14px;transition:all .2s;display:flex}.option:hover{background:#f8fbff;border-color:#93c5fd}.option.selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:600}.option-letter{background:#f3f4f6;border-radius:9px;justify-content:center;align-items:center;min-width:35px;height:35px;font-weight:700;display:flex}.option.selected .option-letter{color:#fff;background:#2563eb}.option-check{color:#2563eb;margin-left:auto;font-size:18px}.question-navigation{border-top:1px solid #e5e7eb;justify-content:space-between;gap:15px;margin-top:30px;padding-top:22px;display:flex}.question-navigation button{cursor:pointer;border-radius:10px;padding:13px 22px;font-size:14px;font-weight:700}.previous-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.previous-btn:disabled{opacity:.4;cursor:not-allowed}.next-btn,.submit-btn{color:#fff;background:#2563eb;border:none}.next-btn:hover,.submit-btn:hover{background:#1d4ed8}.question-palette{background:#fff;border-radius:18px;height:fit-content;padding:22px;box-shadow:0 5px 20px #0000000d}.question-palette h3{color:#1f2937;margin:0 0 18px;font-size:17px}.palette-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.palette-number{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:9px;height:42px;font-weight:600}.palette-number:hover{border-color:#2563eb}.palette-number.active{color:#fff;background:#2563eb;border-color:#2563eb}.palette-number.answered:not(.active){color:#15803d;background:#dcfce7;border-color:#86efac}.palette-legend{color:#6b7280;border-top:1px solid #e5e7eb;flex-direction:column;gap:10px;margin-top:22px;padding-top:18px;font-size:12px;display:flex}.palette-legend div{align-items:center;gap:8px;display:flex}.palette-legend span{border-radius:3px;width:12px;height:12px}.legend-current{background:#2563eb}.legend-answered{background:#86efac}.legend-notanswered{border:1px solid #d1d5db}.take-exam-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.take-exam-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:42px;height:42px;margin-bottom:15px;animation:.8s linear infinite takeExamSpin}@keyframes takeExamSpin{to{transform:rotate(360deg)}}.empty-exam{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.empty-exam button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;margin-top:15px;padding:12px 20px}@media (width<=850px){.exam-main-content{grid-template-columns:1fr}.question-palette{order:-1}.palette-grid{grid-template-columns:repeat(10,1fr)}}@media (width<=600px){.take-exam-page{padding:12px}.take-exam-header{padding:20px}.take-exam-header h1{font-size:21px}.exam-timer{min-width:90px}.exam-timer strong{font-size:20px}.question-card{padding:20px}.question-card h2{font-size:18px}.question-navigation{flex-direction:column}.question-navigation button{width:100%}.palette-grid{grid-template-columns:repeat(5,1fr)}}.create-exam-page{color:#1f2937;background:#f4f7fb;min-height:100vh;padding:30px;font-family:Segoe UI,Arial,sans-serif}.create-exam-header{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:20px;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 25px;padding:30px 35px;display:flex;box-shadow:0 12px 30px #2563eb2e}.create-exam-header span{letter-spacing:2px;opacity:.85;font-size:11px;font-weight:700}.create-exam-header h1{margin:7px 0;font-size:30px}.create-exam-header p{opacity:.9;margin:0;font-size:14px}.create-exam-icon{background:#ffffff26;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;font-size:36px;display:flex}.create-exam-form{max-width:1200px;margin:auto}.form-section,.questions-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:25px;padding:28px;box-shadow:0 5px 20px #0000000a}.section-heading{align-items:center;gap:15px;margin-bottom:25px;display:flex}.section-icon{background:#eff6ff;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.section-heading h2{color:#111827;margin:0;font-size:20px}.section-heading p{color:#6b7280;margin:4px 0 0;font-size:13px}.full-width{grid-column:1/-1}.form-group label,.correct-answer-box label{color:#374151;font-size:13px;font-weight:700}.form-group label span,.correct-answer-box label span{color:#dc2626;margin-left:3px}.form-group input,.form-group select,.form-group textarea,.correct-answer-box select,.option-editor input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:14px;transition:all .2s}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.correct-answer-box select:focus,.option-editor input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.questions-header{justify-content:space-between;align-items:flex-start;display:flex}.questions-header .section-heading{margin-bottom:0}.question-count{color:#2563eb;background:#eff6ff;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:700}.question-editor{background:#fafcff;border:1px solid #e5e7eb;border-radius:15px;margin-top:25px;padding:24px}.question-editor-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.question-editor-header h3{color:#1d4ed8;margin:0;font-size:17px}.remove-question-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.remove-question-btn:hover{background:#fecaca}.options-heading{color:#374151;margin:20px 0 12px;font-size:13px;font-weight:700}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.option-editor{align-items:center;gap:10px;display:flex}.option-label{color:#1d4ed8;background:#dbeafe;border-radius:9px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.option-editor input{flex:1}.correct-answer-box{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;margin-top:20px;padding:16px}.correct-answer-box label{margin-bottom:8px;display:block}.correct-answer-box select{border-color:#86efac}.add-question-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:2px dashed #93c5fd;border-radius:11px;width:100%;margin-top:20px;padding:14px;font-size:14px;font-weight:700;transition:all .2s}.add-question-btn:hover{background:#dbeafe;border-color:#2563eb}.create-exam-actions{justify-content:flex-end;gap:15px;max-width:1200px;margin:0 auto;padding-bottom:30px;display:flex}.cancel-exam-btn,.publish-exam-btn{cursor:pointer;border-radius:10px;padding:13px 22px;font-size:14px;font-weight:700}.cancel-exam-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.cancel-exam-btn:hover{background:#f9fafb}.publish-exam-btn{color:#fff;background:#2563eb;border:none}.publish-exam-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.publish-exam-btn:disabled{cursor:not-allowed;background:#93c5fd}@media (width<=800px){.create-exam-page{padding:18px}.create-exam-header{padding:25px}.form-grid,.options-grid{grid-template-columns:1fr}.full-width{grid-column:auto}}@media (width<=550px){.create-exam-page{padding:12px}.create-exam-header{border-radius:15px;padding:20px}.create-exam-header h1{font-size:23px}.create-exam-icon{width:52px;height:52px;font-size:27px}.form-section,.questions-section{padding:18px}.question-editor{padding:17px}.questions-header{flex-direction:column;gap:12px}.create-exam-actions{flex-direction:column}.cancel-exam-btn,.publish-exam-btn{width:100%}}.manage-exam-page{color:#1f2937;background:#f4f7fb;min-height:100vh;padding:30px;font-family:Segoe UI,Arial,sans-serif}.manage-exam-header{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:20px;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 22px;padding:30px 35px;display:flex;box-shadow:0 12px 30px #2563eb2e}.manage-exam-header span{letter-spacing:2px;opacity:.85;font-size:11px;font-weight:700}.manage-exam-header h1{margin:7px 0;font-size:30px}.manage-exam-header p{opacity:.9;margin:0;font-size:14px}.manage-exam-icon{background:#ffffff26;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;font-size:36px;display:flex}.manage-top-actions{justify-content:space-between;gap:15px;max-width:1200px;margin:0 auto 20px;display:flex}.back-admin-btn,.new-exam-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700}.back-admin-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.new-exam-btn{color:#fff;background:#2563eb}.new-exam-btn:hover{background:#1d4ed8}.exam-admin-list{flex-direction:column;gap:15px;max-width:1200px;margin:0 auto;display:flex}.admin-exam-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:22px;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000000a}.admin-exam-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.admin-exam-info{align-items:center;gap:17px;display:flex}.admin-exam-icon{background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;font-size:27px;display:flex}.admin-exam-info h2{color:#111827;margin:0;font-size:18px}.admin-exam-info p{color:#2563eb;margin:5px 0 10px;font-size:13px;font-weight:600}.exam-meta{color:#6b7280;flex-wrap:wrap;gap:15px;font-size:12px;display:flex}.admin-exam-actions{gap:10px;display:flex}.edit-exam-btn,.delete-exam-btn{cursor:pointer;border:none;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700}.edit-exam-btn{color:#1d4ed8;background:#dbeafe}.delete-exam-btn{color:#b91c1c;background:#fee2e2}.no-exams{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;max-width:1200px;margin:auto;padding:70px 20px}.no-exams>div{font-size:50px}.no-exams h2{margin:15px 0 5px}.no-exams p{color:#6b7280}.no-exams button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;margin-top:15px;padding:12px 20px;font-weight:700}.edit-exam-overlay{z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-exam-modal{background:#f8fafc;border-radius:18px;flex-direction:column;width:100%;max-width:1050px;max-height:94vh;display:flex;overflow:hidden;box-shadow:0 25px 70px #00000040}.edit-modal-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.edit-modal-header span{letter-spacing:1.5px;color:#2563eb;font-size:10px;font-weight:700}.edit-modal-header h2{margin:5px 0 0;font-size:21px}.close-edit-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:38px;height:38px;font-size:25px}.edit-modal-body{padding:25px;overflow-y:auto}.edit-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;padding:22px}.edit-section h3{color:#1f2937;margin:0 0 20px;font-size:17px}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.edit-field{flex-direction:column;gap:7px;display:flex}.edit-field.full{grid-column:1/-1}.edit-field label,.correct-answer label{color:#374151;font-size:12px;font-weight:700}.edit-field input,.edit-field select,.edit-field textarea,.edit-option input,.correct-answer select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px}.edit-field textarea{resize:vertical}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus,.edit-option input:focus,.correct-answer select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.questions-title-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.questions-title-row h3{margin:0}.add-edit-question-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700}.edit-question{background:#f8fafc;border:1px solid #e5e7eb;border-radius:13px;margin-bottom:16px;padding:20px}.edit-question-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.edit-question-top strong{color:#2563eb;font-size:14px}.remove-edit-question{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.edit-question>textarea{box-sizing:border-box;resize:vertical;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;min-height:75px;padding:11px;font-family:inherit}.edit-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.edit-option{align-items:center;gap:8px;display:flex}.edit-option>span{color:#1d4ed8;background:#dbeafe;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.correct-answer{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;margin-top:15px;padding:14px}.correct-answer label{margin-bottom:7px;display:block}.correct-answer select{border-color:#86efac}.edit-modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 25px;display:flex}.cancel-edit-btn,.save-edit-btn{cursor:pointer;border-radius:9px;padding:12px 20px;font-size:13px;font-weight:700}.cancel-edit-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.save-edit-btn{color:#fff;background:#2563eb;border:none}.save-edit-btn:hover:not(:disabled){background:#1d4ed8}.save-edit-btn:disabled{cursor:not-allowed;background:#93c5fd}.manage-exam-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.manage-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:.8s linear infinite manageSpin}@keyframes manageSpin{to{transform:rotate(360deg)}}@media (width<=800px){.manage-exam-page{padding:18px}.admin-exam-card{flex-direction:column;align-items:flex-start}.admin-exam-actions{width:100%}.edit-exam-overlay{padding:8px}.edit-grid,.edit-options{grid-template-columns:1fr}.edit-field.full{grid-column:auto}}@media (width<=550px){.manage-exam-header{padding:22px}.manage-exam-header h1{font-size:23px}.manage-exam-icon{width:52px;height:52px;font-size:27px}.manage-top-actions{flex-direction:column}.back-admin-btn,.new-exam-btn{width:100%}.admin-exam-info{align-items:flex-start}.admin-exam-actions{flex-direction:column}.edit-exam-btn,.delete-exam-btn{width:100%}.edit-modal-body{padding:15px}.edit-modal-footer{flex-direction:column}.cancel-edit-btn,.save-edit-btn{width:100%}}.exam-result-page{color:#172033;background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 50%,#f8fafc 100%);min-height:100vh;padding-bottom:50px;font-family:Inter,Segoe UI,Arial,sans-serif}.result-topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;min-height:76px;padding:14px 6%;display:flex;box-shadow:0 4px 20px #0f172a0d}.result-brand{align-items:center;gap:13px;display:flex}.result-brand-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:23px;display:flex;box-shadow:0 8px 18px #2563eb38}.result-brand div:last-child{flex-direction:column;gap:2px;display:flex}.result-brand strong{color:#111827;letter-spacing:.3px;font-size:15px}.result-brand span{color:#64748b;font-size:12px}.result-print-top-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:9px;padding:10px 17px;font-size:13px;font-weight:700;transition:all .2s}.result-print-top-btn:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.result-container{width:min(1100px,92%);margin:35px auto 0}.result-hero{border-radius:20px;align-items:center;gap:22px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #0f172a14}.result-hero:after{content:"";background:#ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-70px}.result-passed{color:#fff;background:linear-gradient(135deg,#15803d,#16a34a)}.result-failed{color:#fff;background:linear-gradient(135deg,#b91c1c,#dc2626)}.result-status-icon{background:#ffffff2e;border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:34px;font-weight:800;display:flex}.result-hero-content{z-index:2;flex:1;position:relative}.result-small-label{letter-spacing:1.5px;opacity:.85;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.result-hero h1{margin:0 0 7px;font-size:30px;font-weight:800}.result-hero p{opacity:.92;margin:0;font-size:14px;line-height:1.6}.result-status-badge{z-index:2;letter-spacing:1px;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:30px;padding:11px 20px;font-size:14px;font-weight:800;position:relative}.result-exam-info{background:#fff;border:1px solid #e5eaf1;border-radius:17px;margin-top:25px;padding:27px;box-shadow:0 8px 25px #0f172a0d}.result-section-title{border-bottom:1px solid #edf0f4;align-items:center;gap:13px;padding-bottom:20px;display:flex}.result-section-icon{background:#eff6ff;border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;font-size:20px;display:flex}.result-section-title span{color:#64748b;letter-spacing:1.2px;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.result-section-title h2{color:#172033;margin:0;font-size:20px;font-weight:800}.result-info-grid{grid-template-columns:repeat(4,1fr);gap:15px;padding-top:20px;display:grid}.result-info-item{background:#f8fafc;border:1px solid #edf0f4;border-radius:11px;padding:15px}.result-info-item span{color:#64748b;margin-bottom:6px;font-size:11px;display:block}.result-info-item strong{color:#1e293b;word-break:break-word;font-size:14px;display:block}.result-score-section{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:25px;display:grid}.score-card,.percentage-card,.grade-card{background:#fff;border:1px solid #e5eaf1;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex;box-shadow:0 8px 25px #0f172a0d}.score-card-label,.grade-card-label{color:#64748b;letter-spacing:1.2px;font-size:11px;font-weight:800}.score-value{align-items:baseline;margin-top:12px;display:flex}.score-value strong{color:#2563eb;font-size:52px;font-weight:800;line-height:1}.score-value span{color:#94a3b8;margin-left:5px;font-size:20px;font-weight:600}.score-card p,.grade-card p{color:#64748b;margin:10px 0 0;font-size:13px}.percentage-circle{width:165px;height:165px;position:relative}.percentage-svg{width:100%;height:100%;transform:rotate(-90deg)}.percentage-bg{fill:none;stroke:#e5e7eb;stroke-width:9px}.percentage-progress{fill:none;stroke:#2563eb;stroke-width:9px;stroke-linecap:round;transition:stroke-dashoffset .7s}.percentage-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.percentage-text strong{color:#172033;font-size:30px;font-weight:800}.percentage-text span{color:#64748b;margin-top:2px;font-size:11px}.grade-value{color:#2563eb;background:#eff6ff;border:6px solid #dbeafe;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin-top:12px;font-size:32px;font-weight:800;display:flex}.performance-section{background:#fff;border:1px solid #e5eaf1;border-radius:17px;margin-top:25px;padding:26px;box-shadow:0 8px 25px #0f172a0d}.performance-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.performance-heading span{color:#64748b;letter-spacing:1.2px;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.performance-heading h2{color:#172033;margin:0;font-size:19px}.performance-heading strong{color:#2563eb;font-size:24px}.performance-bar{background:#e5e7eb;border-radius:20px;width:100%;height:14px;overflow:hidden}.performance-progress{border-radius:20px;height:100%;transition:width .8s}.performance-pass{background:linear-gradient(90deg,#16a34a,#22c55e)}.performance-fail{background:linear-gradient(90deg,#dc2626,#ef4444)}.performance-scale{color:#94a3b8;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.result-summary{background:#fff;border:1px solid #e5eaf1;border-radius:15px;align-items:center;gap:16px;margin-top:25px;padding:20px 23px;display:flex}.summary-icon{background:#f0fdf4;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.result-summary h3{color:#172033;margin:0 0 5px;font-size:16px}.result-summary p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.result-notice{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:13px;margin-top:18px;padding:17px 20px;display:flex}.notice-icon{font-size:20px}.result-notice strong{color:#92400e;margin-bottom:3px;font-size:13px;display:block}.result-notice p{color:#a16207;margin:0;font-size:12px;line-height:1.5}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.result-actions button{cursor:pointer;border-radius:9px;min-height:45px;padding:0 20px;font-size:13px;font-weight:700;transition:all .2s}.result-dashboard-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.result-dashboard-btn:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.result-exam-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;box-shadow:0 6px 15px #2563eb33}.result-exam-btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px #2563eb40}.result-print-btn{color:#fff;background:#0f172a;border:none}.result-print-btn:hover{background:#1e293b;transform:translateY(-1px)}.result-footer{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:38px;padding-top:20px;font-size:11px;display:flex}.result-footer strong{color:#64748b}.result-footer span{text-align:right}@media (width<=900px){.result-info-grid{grid-template-columns:repeat(2,1fr)}.result-score-section{grid-template-columns:repeat(3,1fr)}.result-hero{padding:25px}}@media (width<=700px){.result-topbar{min-height:68px;padding:12px 4%}.result-brand strong{font-size:12px}.result-brand span{font-size:10px}.result-brand-icon{width:40px;height:40px;font-size:19px}.result-print-top-btn{padding:8px 11px;font-size:11px}.result-container{width:94%;margin-top:20px}.result-hero{flex-direction:column;align-items:flex-start;padding:25px 20px}.result-status-icon{width:55px;height:55px;font-size:27px}.result-hero h1{font-size:24px}.result-hero p{font-size:12px}.result-status-badge{align-self:flex-start}.result-exam-info{padding:20px}.result-info-grid,.result-score-section{grid-template-columns:1fr}.score-card,.percentage-card,.grade-card{min-height:190px}.performance-section{padding:20px}.performance-heading h2{font-size:16px}.performance-heading strong{font-size:20px}.result-summary{align-items:flex-start}.result-actions{flex-direction:column}.result-actions button{width:100%}.result-footer{text-align:center;flex-direction:column;gap:8px}.result-footer span{text-align:center}}@media print{.exam-result-page{background:#fff;padding:0}.result-topbar{box-shadow:none;border-bottom:1px solid #ddd}.result-print-top-btn,.result-actions,.result-footer{display:none!important}.result-container{width:100%;margin:20px 0}.result-hero,.result-exam-info,.score-card,.percentage-card,.grade-card,.performance-section,.result-summary,.result-notice{box-shadow:none;break-inside:avoid}.result-hero,.performance-progress,.percentage-progress{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.student-profile-page{color:#172033;background:#f4f7fb;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.student-profile-header{z-index:1000;background:#fffffff7;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;min-height:76px;padding:12px 5%;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0f172a0f}.profile-brand{align-items:center;gap:13px;display:flex}.profile-brand-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:800;display:flex;box-shadow:0 8px 18px #2563eb40}.profile-brand h2{color:#172033;letter-spacing:.2px;margin:0;font-size:17px;font-weight:800}.profile-brand span{color:#718096;margin-top:3px;font-size:11px;display:block}.profile-header-actions{align-items:center;gap:10px;display:flex}.profile-dashboard-btn,.profile-logout-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 17px;font-size:13px;font-weight:700;transition:all .25s}.profile-dashboard-btn{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.profile-dashboard-btn:hover{background:#dbeafe;transform:translateY(-1px)}.profile-logout-btn{color:#dc2626;background:#fff5f5;border-color:#fecaca}.profile-logout-btn:hover{background:#fee2e2;transform:translateY(-1px)}.student-profile-content{width:90%;max-width:1250px;margin:0 auto;padding:45px 0 60px}.profile-page-heading{margin-bottom:28px}.profile-eyebrow{color:#2563eb;letter-spacing:1.4px;margin-bottom:7px;font-size:11px;font-weight:800;display:inline-block}.profile-page-heading h1{color:#111827;letter-spacing:-.7px;margin:0;font-size:34px;font-weight:800}.profile-page-heading p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.6}.profile-hero-card{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 55%,#3b82f6 100%);border-radius:20px;justify-content:space-between;align-items:center;min-height:180px;margin-bottom:25px;padding:30px;display:flex;box-shadow:0 15px 35px #2563eb33}.profile-hero-left{align-items:center;gap:22px;display:flex}.profile-avatar{color:#fff;background:#ffffff2e;border:3px solid #ffffffbf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:82px;height:82px;font-size:30px;font-weight:800;display:flex;box-shadow:0 8px 20px #0000001f}.profile-welcome{color:#ffffffc7;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.profile-hero-info h2{color:#fff;margin:0;font-size:27px;font-weight:800}.profile-hero-info p{color:#ffffffdb;margin:5px 0 12px;font-size:13px}.profile-student-badge{background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-block}.profile-hero-status{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:15px;flex-direction:column;align-items:center;min-width:170px;padding:20px;display:flex}.profile-hero-status>span{color:#ffffffbf;text-transform:uppercase;letter-spacing:.7px;margin-bottom:9px;font-size:11px;font-weight:700}.profile-status-approved,.profile-status-pending,.profile-status-rejected{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:5px 11px;font-size:11px;font-weight:800;display:inline-flex}.profile-status-approved{color:#15803d;background:#dcfce7}.profile-status-pending{color:#b45309;background:#fef3c7}.profile-status-rejected{color:#b91c1c;background:#fee2e2}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.profile-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:27px;transition:transform .25s,box-shadow .25s;box-shadow:0 7px 25px #0f172a0d}.profile-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a14}.profile-card-header{border-bottom:1px solid #edf1f5;align-items:center;gap:13px;margin-bottom:5px;padding-bottom:20px;display:flex}.profile-card-icon{background:#eff6ff;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.profile-card-header h3{color:#172033;margin:0;font-size:17px;font-weight:800}.profile-card-header p{color:#8491a5;margin:3px 0 0;font-size:11px}.profile-details{width:100%}.profile-detail-item{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:20px;min-height:55px;display:flex}.profile-detail-item:last-child{border-bottom:none}.profile-detail-item span:first-child{color:#718096;font-size:12px;font-weight:600}.profile-detail-item strong{color:#1e293b;text-align:right;word-break:break-word;font-size:13px;font-weight:700}.profile-payment-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;margin-bottom:24px;padding:28px;box-shadow:0 7px 25px #0f172a0d}.profile-payment-header{border-bottom:1px solid #edf1f5;align-items:center;gap:13px;padding-bottom:20px;display:flex}.profile-payment-icon{background:#f0fdf4;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.profile-payment-header h3{color:#172033;margin:0;font-size:18px;font-weight:800}.profile-payment-header p{color:#8491a5;margin:4px 0 0;font-size:11px}.profile-payment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:5px;display:grid}.profile-payment-item{border-right:1px solid #edf1f5;flex-direction:column;justify-content:center;min-height:90px;padding:18px;display:flex}.profile-payment-item:last-child{border-right:none}.profile-payment-item span:first-child{color:#7b8798;margin-bottom:8px;font-size:11px;font-weight:600}.profile-payment-item strong{color:#172033;word-break:break-word;font-size:14px;font-weight:800}.profile-paid-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:13px;margin-top:18px;padding:16px 18px;display:flex}.profile-paid-message>span{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:flex}.profile-paid-message strong{color:#15803d;font-size:13px;display:block}.profile-paid-message p{color:#4b7c5a;margin:3px 0 0;font-size:11px}.profile-account-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;align-items:center;gap:16px;min-height:100px;margin-bottom:35px;padding:20px 25px;display:flex;box-shadow:0 7px 25px #0f172a0d}.profile-account-icon{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:flex}.profile-account-content{flex:1}.profile-account-content h3{color:#172033;margin:0 0 4px;font-size:15px;font-weight:800}.profile-account-content p{color:#7b8798;margin:0;font-size:11px;line-height:1.5}.profile-account-status{color:#15803d;text-transform:uppercase;background:#dcfce7;border-radius:20px;padding:6px 15px;font-size:10px;font-weight:800}.profile-quick-section{margin-top:10px}.profile-section-heading{margin-bottom:17px}.profile-section-heading h3{color:#172033;margin:0;font-size:21px;font-weight:800}.profile-section-heading p{color:#7b8798;margin:5px 0 0;font-size:12px}.profile-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.profile-quick-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5eaf1;border-radius:15px;align-items:center;gap:12px;min-height:105px;padding:18px;transition:all .25s;display:flex;box-shadow:0 5px 18px #0f172a0a}.profile-quick-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 12px 25px #2563eb1a}.profile-quick-card>span{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.profile-quick-card>div{flex:1}.profile-quick-card strong{color:#172033;font-size:13px;font-weight:800;display:block}.profile-quick-card small{color:#8491a5;margin-top:4px;font-size:10px;line-height:1.4;display:block}.profile-quick-card b{color:#2563eb;font-size:18px}.student-profile-footer{color:#7b8798;background:#fff;border-top:1px solid #e5eaf1;justify-content:space-between;align-items:center;min-height:80px;padding:20px 5%;font-size:11px;display:flex}.student-profile-footer p{margin:0}.student-profile-footer span{color:#2563eb;font-weight:700}.profile-loading-page{background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}.profile-loading-page h3{color:#172033;margin:15px 0 5px;font-size:17px}.profile-loading-page p{color:#7b8798;margin:0;font-size:12px}.profile-loader{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}@media (width<=1000px){.student-profile-content{width:92%}.profile-grid{grid-template-columns:1fr}.profile-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-payment-item{border-bottom:1px solid #edf1f5;border-right:none}.profile-payment-item:nth-child(odd){border-right:1px solid #edf1f5}.profile-payment-item:nth-last-child(-n+2){border-bottom:none}.profile-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.student-profile-header{min-height:68px;padding:10px 4%}.profile-brand h2{font-size:13px}.profile-brand span{font-size:9px}.profile-brand-icon{border-radius:10px;width:40px;height:40px}.profile-header-actions{gap:5px}.profile-dashboard-btn,.profile-logout-btn{padding:8px 10px;font-size:10px}.student-profile-content{width:92%;padding:30px 0 45px}.profile-page-heading h1{font-size:27px}.profile-page-heading p{font-size:12px}.profile-hero-card{flex-direction:column;align-items:stretch;gap:22px;padding:23px}.profile-hero-left{gap:15px}.profile-avatar{width:65px;height:65px;font-size:24px}.profile-hero-info h2{font-size:21px}.profile-hero-info p{font-size:11px}.profile-hero-status{width:100%}.profile-card,.profile-payment-card{padding:20px}.profile-detail-item{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 0}.profile-detail-item strong{text-align:left}.profile-payment-grid{grid-template-columns:1fr}.profile-payment-item{border-bottom:1px solid #edf1f5;border-right:none!important}.profile-payment-item:last-child{border-bottom:none}.profile-account-card{flex-wrap:wrap;align-items:flex-start}.profile-account-status{margin-left:64px}.profile-quick-grid{grid-template-columns:1fr}.student-profile-footer{flex-direction:column;justify-content:center;gap:6px}}@media (width<=430px){.profile-brand>div:last-child{display:none}.profile-dashboard-btn{font-size:0}.profile-dashboard-btn:before{content:"←";font-size:18px}.profile-hero-left{align-items:flex-start}.profile-avatar{width:58px;height:58px;font-size:21px}.profile-hero-info h2{font-size:18px}.profile-student-badge{font-size:9px}}.certificate-page{box-sizing:border-box;color:#172033;background:linear-gradient(135deg,#f4f7ff,#eef4ff,#f8fbff);min-height:100vh;padding:40px 6% 70px;font-family:Arial,Helvetica,sans-serif}.certificate-topbar{justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px;display:flex}.certificate-label{color:#2563eb;letter-spacing:2px;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.certificate-topbar h1{margin:0;font-size:32px;font-weight:800}.certificate-topbar p{color:#64748b;margin:8px 0 0;font-size:14px}.certificate-back-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:10px;padding:11px 20px;font-weight:700;transition:all .25s}.certificate-back-button:hover{background:#eff6ff;transform:translateY(-2px)}.certificate-wrapper{justify-content:center;width:100%;margin-top:20px;display:flex}.certificate{box-sizing:border-box;background:#fff;width:100%;max-width:950px;padding:12px;box-shadow:0 20px 60px #0f172a1f}.certificate-border{outline-offset:-12px;background:radial-gradient(circle,#fff 0%,#f8fbff 100%);border:5px solid #1d4ed8;outline:2px solid #d4af37;padding:45px 55px;position:relative}.certificate-header{text-align:left;justify-content:center;align-items:center;gap:16px;display:flex}.certificate-logo{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;font-size:19px;font-weight:900;display:flex;box-shadow:0 7px 18px #2563eb40}.certificate-header h2{color:#172033;letter-spacing:.5px;margin:0;font-size:24px}.certificate-header p{color:#64748b;margin:5px 0 0;font-size:12px}.certificate-heading{text-align:center;margin-top:42px}.certificate-heading span{color:#2563eb;letter-spacing:3px;font-size:12px;font-weight:800}.certificate-heading h1{color:#172033;letter-spacing:1px;margin:7px 0 12px;font-family:Georgia,serif;font-size:42px}.certificate-heading p{color:#64748b;margin:0;font-size:14px}.certificate-student-name{text-align:center;color:#1e3a8a;border-bottom:2px solid #d4af37;width:70%;margin:20px auto 8px;padding-bottom:8px;font-family:Georgia,serif;font-size:32px;font-weight:700}.certificate-description{text-align:center;color:#475569;margin:9px 0;font-size:14px;line-height:1.6}.certificate-course{text-align:center;color:#111827;margin:17px auto;font-family:Georgia,serif;font-size:25px;font-weight:700}.certificate-result{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;justify-content:center;gap:0;max-width:700px;margin:28px auto;display:flex;overflow:hidden}.result-item{text-align:center;border-right:1px solid #dbeafe;flex:1;padding:14px}.result-item:last-child{border-right:none}.result-item span{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.result-item strong{color:#172033;font-size:17px}.result-item .passed{color:#16a34a}.certificate-footer{border-top:1px solid #e2e8f0;justify-content:space-between;gap:30px;margin-top:28px;padding-top:18px;display:flex}.certificate-footer-item span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:10px;display:block}.certificate-footer-item strong{color:#172033;font-size:12px}.certificate-signatures{justify-content:space-between;align-items:flex-end;margin-top:38px;display:flex}.signature-box{text-align:center;width:220px}.signature-line{background:#64748b;height:1px;margin-bottom:8px}.signature-box strong{color:#172033;font-family:Georgia,serif;font-size:13px;display:block}.signature-box span{color:#64748b;margin-top:4px;font-size:9px;display:block}.certificate-seal{color:#b8860b;background:#fffdf0;border:3px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:18px;font-weight:900;display:flex;box-shadow:inset 0 0 0 3px #fff}.certificate-actions{justify-content:center;gap:15px;margin-top:25px;display:flex}.download-certificate-button,.print-certificate-button{cursor:pointer;border-radius:10px;padding:13px 25px;font-size:14px;font-weight:700;transition:all .25s}.download-certificate-button{color:#fff;background:#2563eb;border:none}.download-certificate-button:hover{background:#1d4ed8;transform:translateY(-2px)}.print-certificate-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.print-certificate-button:hover{background:#f8fafc;transform:translateY(-2px)}.certificate-not-available{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:650px;margin:70px auto;padding:45px 30px;box-shadow:0 15px 40px #0f172a14}.certificate-warning-icon{background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:32px;display:flex}.certificate-not-available h2{margin:0 0 10px;font-size:24px}.certificate-not-available p{color:#64748b;font-size:14px;line-height:1.6}.current-score{color:#475569;background:#f8fafc;border-radius:10px;margin:20px 0;padding:12px}.current-score strong{color:#2563eb}.exam-required{color:#dc2626!important}.go-exam-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:10px;padding:12px 22px;font-weight:700}.certificate-loading{color:#64748b;justify-content:center;align-items:center;min-height:60vh;font-size:16px;display:flex}@media print{@page{size:A4 landscape;margin:0}body{background:#fff;margin:0}.certificate-page{background:#fff;padding:0}.certificate-topbar,.certificate-actions{display:none!important}.certificate-wrapper{width:100%;margin:0}.certificate{width:100%;max-width:none;box-shadow:none;padding:10px}.certificate-border{box-sizing:border-box;min-height:180mm}}@media (width<=700px){.certificate-page{padding:25px 15px 50px}.certificate-topbar{flex-direction:column;align-items:flex-start}.certificate-border{padding:30px 20px}.certificate-header h2{font-size:18px}.certificate-heading h1{font-size:32px}.certificate-student-name{width:90%;font-size:24px}.certificate-course{font-size:20px}.certificate-result{flex-direction:column}.result-item{border-bottom:1px solid #dbeafe;border-right:none}.result-item:last-child{border-bottom:none}.certificate-footer{flex-direction:column}.certificate-signatures{gap:20px}.signature-box{width:130px}.certificate-seal{width:55px;height:55px}.certificate-actions{flex-direction:column}.download-certificate-button,.print-certificate-button{width:100%}}.notes-page{color:#172b4d;background:#f5f7fb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.notes-header{background:#fff;border-bottom:1px solid #e6eaf0;justify-content:space-between;align-items:center;gap:25px;width:100%;min-height:125px;padding:25px 45px;display:flex}.notes-header-left{align-items:center;gap:20px;display:flex}.notes-back-button{color:#243b53;cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:12px;width:48px;height:48px;font-size:24px;transition:all .2s}.notes-back-button:hover{background:#f1f5f9;transform:translate(-2px)}.notes-header-label{color:#2563eb;letter-spacing:1.5px;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.notes-header h1{color:#102a43;margin:0;font-size:30px;font-weight:800}.notes-header p{color:#627d98;margin:7px 0 0;font-size:14px}.notes-course-badge{color:#2563eb;letter-spacing:.8px;white-space:nowrap;background:#eef4ff;border-radius:30px;padding:11px 18px;font-size:11px;font-weight:800}.notes-course-banner{background:linear-gradient(135deg,#fff,#f4f8ff);border:1px solid #e3eaf3;border-radius:18px;align-items:center;gap:22px;max-width:1250px;margin:30px auto 0;padding:25px 30px;display:flex;box-shadow:0 8px 25px #1e40af0f}.notes-course-icon{background:#eaf1ff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:32px;display:flex}.notes-course-info span{color:#718096;letter-spacing:1px;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.notes-course-info h2{color:#102a43;margin:0;font-size:23px;font-weight:800}.notes-course-info p{color:#627d98;margin:7px 0 0;font-size:14px}.notes-content{max-width:1250px;margin:0 auto;padding:40px 20px 70px}.notes-section-heading{margin-bottom:22px}.notes-section-heading span{color:#2563eb;letter-spacing:1.3px;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.notes-section-heading h2{color:#102a43;margin:0;font-size:26px;font-weight:800}.notes-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.notes-resource-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:18px;align-items:flex-start;gap:20px;width:100%;min-height:190px;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.notes-resource-card:hover{border-color:#cbd8ed;transform:translateY(-4px);box-shadow:0 15px 35px #0f23461a}.resource-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:29px;display:flex}.notes-icon{background:#eef2ff}.assignment-icon{background:#fff4e8}.video-icon{background:#ffeef1}.practice-icon{background:#eaf8f0}.download-icon{background:#eaf4ff}.resource-content{min-width:0}.resource-content span{color:#718096;letter-spacing:1px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.resource-content h3{color:#172b4d;margin:0 0 8px;font-size:20px;font-weight:800}.resource-content p{color:#627d98;margin:0;font-size:13px;line-height:1.6}.resource-content strong{color:#2563eb;margin-top:15px;font-size:13px;font-weight:800;display:inline-block}.notes-tips{background:#f3f8ff;border:1px solid #dce8f7;border-radius:18px;align-items:flex-start;gap:18px;margin-top:30px;padding:24px 28px;display:flex}.notes-tips-icon{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.notes-tips span{color:#2563eb;letter-spacing:1px;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.notes-tips h3{color:#172b4d;margin:0;font-size:18px}.notes-tips p{color:#627d98;max-width:850px;margin:7px 0 0;font-size:13px;line-height:1.65}.notes-loading{text-align:center;background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.notes-spinner{border:4px solid #dce5f2;border-top-color:#2563eb;border-radius:50%;width:45px;height:45px;margin-bottom:18px;animation:.8s linear infinite notesSpin}.notes-loading h3{color:#172b4d;margin:0;font-size:19px}.notes-loading p{color:#718096;margin-top:7px;font-size:13px}@keyframes notesSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=850px){.notes-header{padding:22px 25px}.notes-course-banner{margin-left:20px;margin-right:20px}.notes-resource-grid{grid-template-columns:1fr}}@media (width<=600px){.notes-header{flex-direction:column;align-items:flex-start;min-height:auto;padding:20px}.notes-header-left{width:100%}.notes-header h1{font-size:24px}.notes-header p{font-size:12px}.notes-course-badge{align-self:flex-start}.notes-course-banner{align-items:flex-start;margin-top:20px;padding:20px}.notes-course-icon{width:52px;height:52px;font-size:25px}.notes-course-info h2{font-size:18px}.notes-content{padding:30px 15px 50px}.notes-section-heading h2{font-size:22px}.notes-resource-card{gap:15px;min-height:auto;padding:20px}.resource-icon{width:52px;height:52px;font-size:24px}.resource-content h3{font-size:17px}.resource-content p{font-size:12px}.notes-tips{gap:14px;padding:20px}}@media (width<=400px){.notes-resource-card,.notes-course-banner{flex-direction:column}}.downloads-page{color:#0f172a;background:#f3f6fa;width:100%;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.downloads-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:25px;width:100%;min-height:82px;padding:14px 32px;display:flex;position:relative}.downloads-brand{align-items:center;gap:14px;min-width:0;display:flex}.downloads-brand-logo{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:flex;box-shadow:0 5px 14px #0f766e38}.downloads-brand h2{color:#0f2747;margin:0;font-size:19px;font-weight:800;line-height:1.25}.downloads-brand span{color:#64748b;margin-top:4px;font-size:13px;display:block}.downloads-header-right{justify-content:flex-end;align-items:center;gap:18px;display:flex}.downloads-student{border-right:1px solid #e2e8f0;align-items:center;gap:10px;padding-right:18px;display:flex}.downloads-student>span{background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.downloads-student div{flex-direction:column;min-width:0;display:flex}.downloads-student strong{color:#0f172a;white-space:nowrap;font-size:14px}.downloads-student small{color:#64748b;white-space:nowrap;margin-top:2px;font-size:11px}.back-dashboard-button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.back-dashboard-button:hover{background:#0d625b;transform:translateY(-1px);box-shadow:0 5px 14px #0f766e33}.downloads-main{width:min(1500px,100% - 42px);margin:0 auto;padding:22px 0 55px}.downloads-hero{color:#fff;background:linear-gradient(135deg,#0f766e 0%,#0d9488 45%,#14b8a6 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:30px;min-height:215px;padding:42px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #0f766e2b}.downloads-hero:before{content:"";background:#ffffff1a;border-radius:50%;width:260px;height:260px;position:absolute;top:-155px;right:45px}.downloads-hero:after{content:"";background:#ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-130px;right:210px}.downloads-hero>div:first-child{z-index:2;position:relative}.downloads-eyebrow{letter-spacing:.3px;opacity:.92;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.downloads-hero h1{letter-spacing:-.5px;margin:0;font-size:34px;font-weight:800;line-height:1.15}.downloads-hero p{color:#ffffffe8;max-width:720px;margin:12px 0 0;font-size:15px;line-height:1.65}.downloads-hero-icon{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;font-size:42px;display:flex;position:relative}.download-course-info{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;min-height:92px;margin-top:20px;padding:20px 24px;display:flex;box-shadow:0 5px 18px #0f172a0a}.download-course-icon{background:#ecfeff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.download-course-info>div:nth-child(2){flex:1;min-width:0}.download-course-info>div:nth-child(2) span{color:#64748b;letter-spacing:.7px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.download-course-info h3{color:#0f2747;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;font-weight:800;overflow:hidden}.download-count{border-left:1px solid #e2e8f0;flex-direction:column;align-items:flex-end;min-width:110px;padding-left:20px;display:flex}.download-count strong{color:#0f766e;font-size:23px;font-weight:800;line-height:1}.download-count span{color:#64748b;margin-top:5px;font-size:11px;font-weight:600}.downloads-controls{background:#fff;border:1px solid #e2e8f0;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:18px 20px;display:flex;box-shadow:0 5px 18px #0f172a09}.download-search{background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;align-items:center;gap:9px;width:min(430px,100%);height:44px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.download-search:focus-within{background:#fff;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.download-search span{flex-shrink:0;font-size:16px}.download-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.download-search input::placeholder{color:#94a3b8}.download-categories{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.download-categories button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ec;border-radius:8px;min-height:35px;padding:7px 13px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.download-categories button:hover{color:#0f766e;background:#f0fdfa;border-color:#14b8a6}.download-categories button.active{color:#fff;background:#0f766e;border-color:#0f766e}.downloads-section{margin-top:28px}.downloads-section-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.downloads-section-heading span{color:#64748b;letter-spacing:.7px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.downloads-section-heading h2{color:#0f2747;margin:0;font-size:23px;font-weight:800}.downloads-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.download-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;min-width:0;min-height:270px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 5px 18px #0f172a0a}.download-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 28px #0f172a17}.download-card-top{justify-content:space-between;align-items:center;gap:12px;padding:17px 18px 0;display:flex}.download-file-icon{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}.download-category{color:#0f766e;white-space:nowrap;text-overflow:ellipsis;background:#ecfeff;border-radius:20px;max-width:150px;padding:5px 9px;font-size:10px;font-weight:700;overflow:hidden}.download-card-body{flex:1;padding:15px 18px}.download-card-body h3{color:#0f2747;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.download-card-body p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.download-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.download-meta span{color:#64748b;background:#f8fafc;border:1px solid #eef2f7;border-radius:6px;padding:5px 7px;font-size:10px}.download-card-footer{background:#fcfdfe;border-top:1px solid #eef2f7;padding:13px 18px}.download-button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:9px;width:100%;height:39px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.download-button:hover{background:#0d625b;transform:translateY(-1px)}.downloads-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:40px 25px;display:flex}.downloads-empty-icon{background:#f1f5f9;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:14px;font-size:28px;display:flex}.downloads-empty h3{color:#0f2747;margin:0;font-size:17px;font-weight:800}.downloads-empty p{color:#64748b;max-width:450px;margin:7px 0 0;font-size:13px;line-height:1.5}.downloads-information{background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;align-items:flex-start;gap:13px;margin-top:24px;padding:18px 20px;display:flex}.information-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.downloads-information h3{color:#1e3a8a;margin:0;font-size:14px;font-weight:800}.downloads-information p{color:#475569;margin:5px 0 0;font-size:12px;line-height:1.6}.downloads-loading{text-align:center;background:#f3f6fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.downloads-spinner{border:4px solid #dbeafe;border-top-color:#0f766e;border-radius:50%;width:42px;height:42px;margin-bottom:18px;animation:.8s linear infinite downloads-spin}@keyframes downloads-spin{to{transform:rotate(360deg)}}.downloads-loading h3{color:#0f2747;margin:0;font-size:18px}.downloads-loading p{color:#64748b;margin:7px 0 0;font-size:13px}@media (width<=1050px){.downloads-header{padding:14px 22px}.downloads-main{width:min(100% - 30px,1000px)}.downloads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.downloads-controls{flex-direction:column;align-items:stretch}.download-search{width:100%}.download-categories{justify-content:flex-start}}@media (width<=700px){.downloads-header{flex-direction:column;align-items:flex-start;gap:13px;padding:13px 16px}.downloads-header-right{justify-content:space-between;width:100%}.downloads-student{border-right:none;padding-right:10px}.downloads-brand h2{font-size:16px}.downloads-brand span{font-size:11px}.downloads-main{width:calc(100% - 24px);padding-top:14px}.downloads-hero{border-radius:17px;min-height:190px;padding:28px 23px}.downloads-hero h1{font-size:29px}.downloads-hero p{font-size:13px}.downloads-hero-icon{border-radius:15px;width:66px;height:66px;font-size:31px}.download-course-info{gap:12px;padding:17px}.download-course-icon{width:44px;height:44px;font-size:21px}.download-course-info h3{font-size:16px}.download-count{min-width:72px;padding-left:12px}.download-count strong{font-size:19px}.downloads-grid{grid-template-columns:1fr}.downloads-section-heading h2{font-size:20px}}@media (width<=480px){.downloads-header-right{align-items:center;gap:8px}.downloads-student>span{width:32px;height:32px;font-size:15px}.downloads-student strong{font-size:12px}.downloads-student small{font-size:9px}.back-dashboard-button{padding:8px 10px;font-size:11px}.downloads-hero{padding:25px 20px;display:block}.downloads-hero-icon{margin-top:18px}.download-course-info{align-items:flex-start}.download-count{margin-left:auto}.downloads-information{padding:15px}}.study-notes-page{color:#123b63;background:linear-gradient(#f5f9fd 0%,#fff 45%,#f6f9fc 100%);min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.study-notes-header{color:#fff;background:linear-gradient(135deg,#083b68,#1268a4);width:100%;box-shadow:0 8px 25px #0f3d6826}.study-notes-header-inner{align-items:center;gap:25px;width:min(1180px,100% - 40px);min-height:180px;margin:auto;display:flex;position:relative}.study-notes-back-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-size:14px;transition:all .2s;display:flex}.study-notes-back-button:hover{background:#ffffff2e;transform:translate(-2px)}.study-notes-header-title{flex:1}.study-notes-eyebrow{letter-spacing:2px;opacity:.75;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.study-notes-header-title h1{margin:0;font-size:38px;font-weight:800;line-height:1.15}.study-notes-header-title p{color:#ffffffc7;margin:10px 0 0;font-size:14px}.study-notes-header-icon{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;justify-content:center;align-items:center;width:78px;height:78px;font-size:36px;display:flex}.study-notes-main{width:min(1180px,100% - 40px);margin:0 auto;padding:35px 0 60px}.study-notes-course-section{background:#fff;border:1px solid #dce7f1;border-radius:18px;margin-bottom:30px;padding:26px;box-shadow:0 8px 28px #1840640f}.study-notes-section-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.study-notes-section-top>div:first-child span{letter-spacing:1.5px;color:#3b82c4;font-size:10px;font-weight:800}.study-notes-section-top h2{color:#103f69;margin:5px 0 0;font-size:25px}.study-notes-total{text-align:center;background:#f0f7fd;border-radius:12px;min-width:105px;padding:10px 15px}.study-notes-total strong{color:#0e5d96;font-size:21px;display:block}.study-notes-total span{color:#68849d;margin-top:2px;font-size:10px;font-weight:600;display:block}.study-notes-course-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.course-tab{color:#285273;cursor:pointer;text-align:left;background:#fff;border:1px solid #d8e5f0;border-radius:12px;align-items:center;gap:10px;min-height:65px;padding:10px 13px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.course-tab:hover{border-color:#4c98d0;transform:translateY(-2px);box-shadow:0 5px 15px #1868a41a}.course-tab.active{color:#0b5d92;background:linear-gradient(135deg,#eaf5fd,#f5faff);border-color:#1772ae;box-shadow:0 5px 16px #196eaa1a}.course-tab-icon{background:#eef6fd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.study-notes-material-section{width:100%}.study-notes-material-header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.study-notes-material-header>div:first-child span{letter-spacing:1.5px;color:#3b82c4;font-size:10px;font-weight:800}.study-notes-material-header h2{color:#103f69;margin:5px 0 0;font-size:29px}.study-notes-material-count{color:#0c5c91;background:#edf5fc;border-radius:12px;padding:10px 16px;font-weight:800}.study-notes-material-count span{color:#66819a;font-weight:600}.study-notes-search-box{background:#fff;border:1px solid #dce7f1;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:22px;padding:0 15px;display:flex;box-shadow:0 5px 18px #1944680a}.study-notes-search-box>span{font-size:17px}.study-notes-search-box input{color:#163f63;background:0 0;border:0;outline:none;flex:1;min-width:0;height:45px;font-size:14px}.study-notes-search-box input::placeholder{color:#9aaabd}.study-notes-search-box button{color:#52708a;cursor:pointer;background:#edf3f8;border:0;border-radius:50%;width:28px;height:28px}.study-notes-topic-group{margin-bottom:30px}.study-notes-topic-heading{align-items:center;gap:14px;margin-bottom:13px;padding-left:4px;display:flex}.topic-number{color:#12669f;background:#eaf4fc;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:flex}.study-notes-topic-heading span{letter-spacing:1.3px;color:#6b8ba4;font-size:9px;font-weight:800}.study-notes-topic-heading h3{color:#163f63;margin:3px 0 0;font-size:18px}.study-note-card{background:#fff;border:1px solid #d8e5ef;border-radius:14px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 5px 18px #1843670a}.study-note-card:hover{border-color:#9dc8e7}.study-note-card.open{border-color:#70aee0;box-shadow:0 9px 28px #1a68a217}.study-note-card-header{cursor:pointer;text-align:left;background:linear-gradient(135deg,#f8fbfe,#fff);border:0;align-items:center;gap:15px;width:100%;min-height:92px;padding:15px 18px;display:flex}.study-note-number{color:#176ba5;background:#e9f3fd;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;font-size:16px;font-weight:800;display:flex}.study-note-title-area{flex:1;min-width:0}.study-note-title-area span{letter-spacing:1.4px;color:#6d8aa2;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.study-note-title-area h4{color:#0c3960;margin:0;font-size:16px;line-height:1.35}.study-note-expand{color:#14659d;background:#f1f6fa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;transition:transform .2s;display:flex}.study-note-expand.open{background:#e8f3fb}.study-note-body{background:#fff;border-top:1px solid #dfe9f1;padding:25px 30px 22px}.study-note-description{color:#345b78;background:#eef6fd;border-left:4px solid #176aa4;border-radius:0 8px 8px 0;margin-bottom:22px;padding:12px 15px;font-size:13px;line-height:1.6}.study-note-content{color:#173f63;word-break:break-word;overflow-wrap:anywhere;font-size:15px;line-height:1.8}.study-note-content p{margin:0 0 14px}.study-note-content strong{color:#123d61;font-weight:700}.study-note-content em{font-style:italic}.study-note-content u{text-decoration:underline}.study-note-content s{text-decoration:line-through}.study-note-content h1{color:#0d3e67;margin:25px 0 14px;font-size:30px;line-height:1.25}.study-note-content h2{color:#0d3e67;margin:23px 0 12px;font-size:24px;line-height:1.3}.study-note-content h3{color:#10486f;margin:20px 0 10px;font-size:20px;line-height:1.35}.study-note-content ul,.study-note-content ol{margin:12px 0 18px;padding-left:30px}.study-note-content li{margin-bottom:7px;padding-left:3px}.study-note-content blockquote{color:#45657d;background:#f1f7fc;border-left:4px solid #1769a5;border-radius:0 8px 8px 0;margin:18px 0;padding:13px 18px;font-style:italic}.study-note-content pre{color:#f8fafc;white-space:pre-wrap;background:#111827;border-radius:9px;margin:18px 0;padding:17px;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.65;overflow-x:auto}.study-note-content code{color:#173f63;background:#edf2f7;border-radius:4px;padding:2px 5px;font-family:Consolas,Courier New,monospace;font-size:.92em}.study-note-content a{color:#126aa4;font-weight:600;text-decoration:underline}.study-note-content a:hover{color:#084b78}.study-note-content .ql-align-center{text-align:center}.study-note-content .ql-align-right{text-align:right}.study-note-content .ql-align-justify{text-align:justify}.study-note-content [style*=background-color]{padding-left:2px;padding-right:2px}.study-note-content img{border-radius:8px;max-width:100%;height:auto;margin:15px auto;display:block}.study-note-pdf-section{border-top:1px solid #e2eaf1;margin-top:25px;padding-top:20px}.study-note-pdf-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#126ba5,#1684c4);border:0;border-radius:10px;align-items:center;gap:10px;padding:12px 17px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 5px 15px #126ba52e}.study-note-pdf-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #126ba53b}.study-note-footer{color:#91a3b2;margin-top:20px;font-size:11px}.study-notes-empty{text-align:center;background:#fff;border:1px solid #dce7f0;border-radius:15px;padding:55px 25px}.study-notes-empty>div{margin-bottom:10px;font-size:38px}.study-notes-empty h3{color:#164466;margin:0 0 7px}.study-notes-empty p{color:#72889a;margin:0;font-size:13px}.study-notes-loading{color:#17476d;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.study-notes-loading h3{margin:15px 0 5px}.study-notes-loading p{color:#71899d;margin:0;font-size:13px}.study-notes-spinner{border:4px solid #dbeaf5;border-top-color:#1671ad;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite studyNotesSpin}@keyframes studyNotesSpin{to{transform:rotate(360deg)}}.study-notes-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:30px;display:flex}.study-notes-error-icon{margin-bottom:10px;font-size:45px}.study-notes-error h2{color:#153f60;margin:0 0 8px}.study-notes-error p{color:#71879a;margin:0 0 18px}.study-notes-error button{color:#fff;cursor:pointer;background:#126ca7;border:0;border-radius:8px;padding:11px 18px;font-weight:700}.study-notes-footer{text-align:center;color:#668095;background:#fff;border-top:1px solid #dce7ef;padding:25px 20px;font-size:12px}.study-notes-footer p{color:#315875;margin:0 0 4px;font-weight:700}.study-notes-footer span{color:#8a9aaa}@media (width<=800px){.study-notes-header-inner{flex-wrap:wrap;width:calc(100% - 30px);min-height:155px;padding:20px 0}.study-notes-back-button{order:1}.study-notes-header-title{order:3;width:100%}.study-notes-header-icon{border-radius:15px;order:2;width:52px;height:52px;font-size:25px}.study-notes-header-title h1{font-size:29px}.study-notes-main{width:calc(100% - 25px);padding-top:20px}.study-notes-course-section{padding:18px}.study-notes-course-list{grid-template-columns:1fr}.study-notes-section-top,.study-notes-material-header{flex-direction:column;align-items:flex-start}.study-notes-body{padding:20px 17px}.study-note-content h1{font-size:25px}.study-note-content h2{font-size:21px}.study-note-content h3{font-size:18px}}@media (width<=500px){.study-notes-header-inner{width:calc(100% - 20px)}.study-notes-back-button{padding:8px 11px}.study-notes-back-button span{display:none}.study-notes-header-title h1{font-size:25px}.study-notes-header-title p{font-size:12px}.study-notes-main{width:calc(100% - 16px)}.study-notes-course-section{padding:15px}.study-note-card-header{min-height:78px;padding:12px}.study-note-number{border-radius:10px;width:39px;height:39px}.study-note-title-area h4{font-size:14px}.study-note-expand{width:31px;height:31px}.study-note-body{padding:18px 13px}.study-note-content{font-size:14px;line-height:1.7}.study-note-pdf-button{justify-content:center;width:100%}}.assignments-page{color:#0f172a;background:#f3f6fa;min-height:100vh;padding:0 0 60px;font-family:Inter,Segoe UI,Arial,sans-serif}.assignments-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:25px;width:100%;padding:26px 6%;display:flex}.assignments-header-left{align-items:center;gap:18px;display:flex}.assignments-back-button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:25px;transition:background .2s,transform .2s;display:flex}.assignments-back-button:hover{background:#e2e8f0;transform:translate(-2px)}.assignments-header-label{letter-spacing:1.6px;color:#64748b;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.assignments-header h1{color:#0f172a;margin:0;font-size:30px;font-weight:800;line-height:1.15}.assignments-header p{color:#64748b;margin:7px 0 0;font-size:14px;line-height:1.5}.assignments-badge{color:#1d4ed8;letter-spacing:.8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;flex-shrink:0;padding:10px 16px;font-size:11px;font-weight:800}.assignments-course-banner{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:18px;align-items:center;gap:20px;width:88%;max-width:1250px;margin:28px auto 0;padding:25px 28px;display:flex;box-shadow:0 12px 30px #0f172a1f}.assignments-course-icon{background:#ffffff21;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:29px;display:flex}.assignments-course-info span{letter-spacing:1.4px;color:#bfdbfe;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.assignments-course-info h2{color:#fff;margin:0;font-size:25px;font-weight:800}.assignments-course-info p{color:#dbeafe;margin:6px 0 0;font-size:13px;line-height:1.5}.assignments-content{width:88%;max-width:1250px;margin:35px auto 0}.assignments-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.assignments-section-heading span{letter-spacing:1.4px;color:#64748b;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.assignments-section-heading h2{color:#0f172a;margin:0;font-size:25px;font-weight:800}.assignments-section-heading p{color:#64748b;margin:6px 0 0;font-size:14px}.assignment-count{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:110px;padding:12px 17px;box-shadow:0 5px 18px #0f172a0d}.assignment-count strong{color:#1d4ed8;font-size:22px;font-weight:800;display:block}.assignment-count span{letter-spacing:0;color:#64748b;margin:2px 0 0;font-size:11px;font-weight:600}.assignments-list{flex-direction:column;gap:14px;display:flex}.assignment-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 5px 20px #0f172a0a}.assignment-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a14}.assignment-number{color:#1d4ed8;background:#eff6ff;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;font-size:15px;font-weight:800;display:flex}.assignment-main{min-width:0}.assignment-label{letter-spacing:1px;color:#64748b;margin-bottom:5px;font-size:10px;font-weight:800;display:inline-block}.assignment-main h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.assignment-main p{color:#64748b;max-width:700px;margin:6px 0 10px;font-size:13px;line-height:1.55}.assignment-meta{color:#64748b;flex-wrap:wrap;gap:14px;font-size:11px;font-weight:600;display:flex}.assignment-action{flex-direction:column;align-items:flex-end;gap:11px;min-width:120px;display:flex}.assignment-status{letter-spacing:.4px;border-radius:999px;justify-content:center;align-items:center;min-width:75px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.status-pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.status-submitted{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-completed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.assignment-open-button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:10px;min-width:105px;padding:10px 15px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.assignment-open-button:hover{background:#1e40af;transform:translateY(-1px)}.assignments-info{background:#fff;border:1px solid #e2e8f0;border-radius:17px;align-items:flex-start;gap:16px;margin-top:28px;padding:20px 22px;display:flex}.assignments-info-icon{background:#fffbeb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;display:flex}.assignments-info span{letter-spacing:1.2px;color:#d97706;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.assignments-info h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.assignments-info p{color:#64748b;max-width:850px;margin:6px 0 0;font-size:13px;line-height:1.6}.assignments-loading{text-align:center;background:#f3f6fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.assignments-spinner{border:4px solid #dbeafe;border-top-color:#1d4ed8;border-radius:50%;width:42px;height:42px;margin-bottom:18px;animation:.8s linear infinite assignments-spin}.assignments-loading h3{color:#0f172a;margin:0;font-size:18px}.assignments-loading p{color:#64748b;margin:7px 0 0;font-size:13px}@keyframes assignments-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=850px){.assignments-header{padding:22px 4%}.assignments-course-banner,.assignments-content{width:92%}.assignment-card{grid-template-columns:52px minmax(0,1fr);align-items:start}.assignment-number{width:52px;height:52px}.assignment-action{flex-direction:row;grid-column:2;justify-content:space-between;align-items:center;width:100%}}@media (width<=600px){.assignments-header{align-items:flex-start;padding:18px 16px}.assignments-header-left{align-items:flex-start;gap:12px}.assignments-back-button{width:40px;height:40px;font-size:22px}.assignments-header h1{font-size:23px}.assignments-header p{font-size:12px}.assignments-badge{display:none}.assignments-course-banner{align-items:flex-start;width:calc(100% - 32px);margin-top:18px;padding:20px}.assignments-course-icon{width:50px;height:50px;font-size:23px}.assignments-course-info h2{font-size:20px}.assignments-course-info p{font-size:12px}.assignments-content{width:calc(100% - 32px);margin-top:25px}.assignments-section-heading{flex-direction:column;align-items:flex-start;gap:14px}.assignments-section-heading h2{font-size:21px}.assignment-count{justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.assignment-count strong{font-size:18px}.assignment-count span{margin:0}.assignment-card{grid-template-columns:46px minmax(0,1fr);gap:13px;padding:16px}.assignment-number{border-radius:12px;width:46px;height:46px;font-size:12px}.assignment-main h3{font-size:16px}.assignment-main p{font-size:12px}.assignment-meta{flex-direction:column;gap:5px}.assignment-action{border-top:1px solid #e2e8f0;flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:13px}.assignment-open-button{min-width:95px}.assignments-info{gap:12px;padding:17px}.assignments-info-icon{width:40px;height:40px;font-size:18px}.assignments-info h3{font-size:14px}.assignments-info p{font-size:12px}}@media (width<=400px){.assignments-course-banner{padding:16px}.assignments-course-icon{display:none}.assignment-card{grid-template-columns:1fr}.assignment-number{width:42px;height:42px}.assignment-action{grid-column:1}}*{box-sizing:border-box}.video-lessons-page{color:#0f172a;background:#f3f6fa;min-height:100vh;padding:0 0 60px;font-family:Inter,Segoe UI,Arial,sans-serif}.video-lessons-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:25px;width:100%;padding:26px 6%;display:flex}.video-header-left{align-items:center;gap:18px;display:flex}.video-back-button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:25px;transition:background .2s,transform .2s;display:flex}.video-back-button:hover{background:#e2e8f0;transform:translate(-2px)}.video-header-label{letter-spacing:1.6px;color:#64748b;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.video-lessons-header h1{color:#0f172a;margin:0;font-size:30px;font-weight:800;line-height:1.15}.video-lessons-header p{color:#64748b;margin:7px 0 0;font-size:14px;line-height:1.5}.video-header-badge{color:#1d4ed8;letter-spacing:.8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;flex-shrink:0;padding:10px 16px;font-size:11px;font-weight:800}.video-course-banner{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:18px;align-items:center;gap:20px;width:88%;max-width:1250px;margin:28px auto 0;padding:25px 28px;display:flex;box-shadow:0 12px 30px #0f172a1f}.video-course-icon{background:#ffffff21;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:29px;display:flex}.video-course-info span{letter-spacing:1.4px;color:#bfdbfe;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.video-course-info h2{color:#fff;margin:0;font-size:25px;font-weight:800}.video-course-info p{color:#dbeafe;margin:6px 0 0;font-size:13px;line-height:1.5}.video-lessons-content{width:88%;max-width:1250px;margin:35px auto 0}.video-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.video-section-heading span{letter-spacing:1.4px;color:#64748b;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.video-section-heading h2{color:#0f172a;margin:0;font-size:25px;font-weight:800}.video-section-heading p{color:#64748b;margin:6px 0 0;font-size:14px}.video-count{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:110px;padding:12px 17px;box-shadow:0 5px 18px #0f172a0d}.video-count strong{color:#1d4ed8;font-size:22px;font-weight:800;display:block}.video-count span{letter-spacing:0;color:#64748b;margin:2px 0 0;font-size:11px;font-weight:600}.video-lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.video-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 5px 20px #0f172a0a}.video-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 30px #0f172a17}.video-thumbnail{aspect-ratio:16/9;background:#0f172a;width:100%;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.video-card:hover .video-thumbnail img{transform:scale(1.04)}.video-overlay{opacity:0;background:#0f172a59;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.video-card:hover .video-overlay{opacity:1}.video-play-button{color:#1d4ed8;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;padding-left:4px;font-size:21px;transition:transform .2s;display:flex;box-shadow:0 8px 25px #00000038}.video-play-button:hover{transform:scale(1.08)}.video-duration{color:#fff;background:#0f172ad9;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700;position:absolute;bottom:12px;right:12px}.video-card-content{padding:20px}.video-lesson-label{letter-spacing:1.1px;color:#64748b;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.video-card-content h3{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.3}.video-card-content p{color:#64748b;margin:8px 0 15px;font-size:13px;line-height:1.6}.video-card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.video-card-footer>span{white-space:nowrap;text-overflow:ellipsis;color:#64748b;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.watch-video-button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:9px;flex-shrink:0;padding:9px 14px;font-size:11px;font-weight:800;transition:background .2s,transform .2s}.watch-video-button:hover{background:#1e40af;transform:translateY(-1px)}.video-study-tip{background:#fff;border:1px solid #e2e8f0;border-radius:17px;align-items:flex-start;gap:16px;margin-top:28px;padding:20px 22px;display:flex}.video-tip-icon{background:#fffbeb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;display:flex}.video-study-tip span{letter-spacing:1.2px;color:#d97706;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.video-study-tip h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.video-study-tip p{color:#64748b;max-width:850px;margin:6px 0 0;font-size:13px;line-height:1.6}.video-loading{text-align:center;background:#f3f6fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.video-spinner{border:4px solid #dbeafe;border-top-color:#1d4ed8;border-radius:50%;width:42px;height:42px;margin-bottom:18px;animation:.8s linear infinite video-spin}.video-loading h3{color:#0f172a;margin:0;font-size:18px}.video-loading p{color:#64748b;margin:7px 0 0;font-size:13px}@keyframes video-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=850px){.video-lessons-header{padding:22px 4%}.video-course-banner,.video-lessons-content{width:92%}.video-lessons-grid{grid-template-columns:1fr}}@media (width<=600px){.video-lessons-header{align-items:flex-start;padding:18px 16px}.video-header-left{align-items:flex-start;gap:12px}.video-back-button{width:40px;height:40px;font-size:22px}.video-lessons-header h1{font-size:23px}.video-lessons-header p{font-size:12px}.video-header-badge{display:none}.video-course-banner{align-items:flex-start;width:calc(100% - 32px);margin-top:18px;padding:20px}.video-course-icon{width:50px;height:50px;font-size:23px}.video-course-info h2{font-size:20px}.video-course-info p{font-size:12px}.video-lessons-content{width:calc(100% - 32px);margin-top:25px}.video-section-heading{flex-direction:column;align-items:flex-start;gap:14px}.video-section-heading h2{font-size:21px}.video-count{justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.video-count strong{font-size:18px}.video-count span{margin:0}.video-card-content{padding:17px}.video-card-content h3{font-size:16px}.video-card-content p{font-size:12px}.video-card-footer{align-items:flex-end}.video-study-tip{gap:12px;padding:17px}.video-tip-icon{width:40px;height:40px;font-size:18px}.video-study-tip h3{font-size:14px}.video-study-tip p{font-size:12px}}@media (width<=400px){.video-course-banner{padding:16px}.video-course-icon{display:none}.video-card-footer{flex-direction:column;align-items:stretch}.watch-video-button{width:100%}}.video-inline-loading{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.video-small-spinner{border:4px solid #dbeafe;border-top-color:#1d4ed8;border-radius:50%;width:34px;height:34px;margin-bottom:12px;animation:.8s linear infinite video-small-spin}.video-inline-loading p{color:#64748b;margin:0;font-size:13px}@keyframes video-small-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:45px 25px;display:flex;box-shadow:0 5px 20px #0f172a0a}.video-empty-icon{background:#eff6ff;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:18px;font-size:32px;display:flex}.video-empty h3{color:#0f172a;margin:0;font-size:20px;font-weight:800}.video-empty p strong{color:#334155}.video-empty-button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.video-empty-button:hover{background:#1e40af;transform:translateY(-1px)}.video-no-thumbnail{background:linear-gradient(135deg,#0f172a,#1e3a8a);justify-content:center;align-items:center;width:100%;height:100%;min-height:180px;font-size:45px;display:flex}.practice-page{box-sizing:border-box;background:#f4f7fb;min-height:100vh;padding:30px 20px 50px}.practice-container{width:100%;max-width:1400px;margin:0 auto}.practice-header{background:#fff;border:1px solid #e5eaf1;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:25px 30px;display:flex;box-shadow:0 4px 18px #0000000d}.practice-header h1{color:#172033;margin:0 0 7px;font-size:30px;font-weight:700}.practice-header p{color:#6b7280;margin:0;font-size:15px}.course-badge{color:#2563eb;white-space:nowrap;background:#eef4ff;border:1px solid #cfe0ff;border-radius:30px;padding:10px 18px;font-size:14px;font-weight:600}.practice-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:25px;display:grid}.exercise-sidebar{background:#fff;border:1px solid #e5eaf1;border-radius:16px;position:sticky;top:20px;overflow:hidden;box-shadow:0 4px 18px #0000000d}.sidebar-title{color:#172033;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;padding:18px 20px;font-weight:700;display:flex}.exercise-count{color:#2563eb;background:#eef4ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.exercise-list{padding:8px}.exercise-list-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 12px;transition:background .2s;display:flex}.exercise-list-item:hover{background:#f4f7fb}.exercise-list-item.active{background:#eaf2ff}.exercise-number{color:#64748b;background:#f0f3f8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.exercise-list-item.active .exercise-number{color:#fff;background:#2563eb}.exercise-list-content{flex-direction:column;gap:4px;min-width:0;display:flex}.exercise-list-content strong{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.exercise-list-content small{color:#8a94a6;font-size:12px}.practice-main{flex-direction:column;gap:20px;min-width:0;display:flex}.exercise-card,.editor-card,.input-card,.output-card,.instructions-card{box-sizing:border-box;background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:24px;box-shadow:0 4px 18px #0000000a}.exercise-card-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.exercise-label{color:#2563eb;letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.exercise-card h2{color:#172033;margin:0;font-size:24px}.topic-badge{color:#15803d;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:700}.exercise-description{color:#64748b;margin:0 0 18px;font-size:14px;line-height:1.6}.question-box{background:#f8fafc;border:1px solid #e7ebf1;border-left:4px solid #2563eb;border-radius:8px;padding:17px 18px}.question-title{color:#64748b;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800}.question-text{color:#1f2937;white-space:pre-wrap;font-size:15px;line-height:1.65}.section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.section-header h3,.output-header h3,.instructions-card h3{color:#172033;margin:0 0 4px;font-size:18px}.section-header span,.output-header span{color:#8a94a6;font-size:12px}.editor-wrapper{background:#111827;border:1px solid #202938;border-radius:10px;overflow:hidden}.editor-topbar{color:#cbd5e1;background:#1f2937;justify-content:space-between;align-items:center;height:38px;padding:0 15px;font-family:Consolas,Monaco,monospace;font-size:12px;display:flex}.code-editor{resize:vertical;box-sizing:border-box;color:#e5e7eb;tab-size:4;white-space:pre;background:#111827;border:0;outline:0;width:100%;min-height:380px;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.65;overflow:auto}.code-editor::placeholder{color:#6b7280}.input-prompt-box{background:#f8fafc;border:1px solid #dbe3ed;border-left:4px solid #2563eb;border-radius:9px;margin-bottom:17px;padding:15px 17px}.input-prompt-label{color:#64748b;letter-spacing:.7px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.input-prompt-text{color:#172033;white-space:pre-wrap;font-size:16px;font-weight:600;line-height:1.5}.student-input-label{color:#334155;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.program-input{resize:vertical;box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d7dee8;border-radius:9px;outline:none;width:100%;min-height:100px;padding:13px 15px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5}.program-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.program-input::placeholder{color:#9ca3af}.input-example{color:#64748b;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.input-example strong{color:#475569}.input-example code{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:4px 8px;font-family:Consolas,Monaco,monospace}.action-bar{justify-content:flex-end;align-items:center;gap:12px;display:flex}.run-code-btn,.submit-btn{color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 22px;font-size:14px;font-weight:700;display:inline-flex}.run-code-btn{background:#2563eb;box-shadow:0 4px 10px #2563eb33}.run-code-btn:hover:not(:disabled){background:#1d4ed8}.submit-btn{background:#16a34a;box-shadow:0 4px 10px #16a34a2e}.submit-btn:hover:not(:disabled){background:#15803d}.run-code-btn:disabled,.submit-btn:disabled{opacity:.55;cursor:not-allowed}.button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite button-spin}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.output-header{margin-bottom:12px}.output-box{box-sizing:border-box;background:#111827;border:1px solid #202938;border-radius:10px;min-height:180px;padding:18px;overflow-x:auto}.output-box.has-error{background:#2b1515;border-color:#7f1d1d}.output-box pre{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.65}.output-box.has-error pre{color:#fecaca}.empty-output{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:140px;display:flex}.empty-output span{color:#94a3b8;background:#1f2937;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;display:flex}.empty-output p{margin:0;font-size:13px}.submission-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:13px;padding:15px 17px;display:flex}.success-icon{color:#fff;background:#16a34a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-weight:800;display:flex}.submission-success strong{color:#166534;font-size:14px}.submission-success p{color:#4d7c5b;margin:3px 0 0;font-size:12px}.instructions-card{background:#f8fafc}.instructions-card h3{margin-bottom:13px}.instructions-card ol{color:#64748b;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.instructions-card strong{color:#334155}.practice-spinner{border:4px solid #dbe4f0;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;margin-bottom:15px;animation:.8s linear infinite practice-spin}@keyframes practice-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.practice-empty{text-align:center;background:#fff;border:1px solid #e5eaf1;border-radius:18px;max-width:650px;margin:80px auto;padding:50px 30px;box-shadow:0 5px 20px #0000000d}.practice-empty h2{color:#172033;margin:0 0 10px;font-size:24px}.practice-empty p{color:#64748b;max-width:500px;margin:0 auto 15px;font-size:14px;line-height:1.6}.empty-course{color:#64748b;background:#f1f5f9;border-radius:20px;margin-bottom:20px;padding:8px 14px;font-size:13px;display:inline-block}.empty-course strong{color:#334155}.back-dashboard-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:11px 20px;font-weight:600}.back-dashboard-btn:hover{background:#1d4ed8}@media (width<=1000px){.practice-layout{grid-template-columns:230px minmax(0,1fr);gap:18px}}@media (width<=800px){.practice-page{padding:15px 12px 35px}.practice-header{flex-direction:column;align-items:flex-start;padding:20px}.practice-header h1{font-size:25px}.practice-layout{grid-template-columns:1fr}.exercise-sidebar{position:static}.exercise-list{gap:8px;padding:10px;display:flex;overflow-x:auto}.exercise-list-item{min-width:190px}.exercise-card,.editor-card,.input-card,.output-card,.instructions-card{padding:18px}}@media (width<=600px){.practice-page{padding:10px 8px 25px}.practice-header{border-radius:12px;padding:17px}.practice-header h1{font-size:22px}.course-badge{padding:8px 12px;font-size:12px}.exercise-card,.editor-card,.input-card,.output-card,.instructions-card{border-radius:12px;padding:15px}.exercise-card h2{font-size:20px}.exercise-card-header{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start}.code-editor{min-height:320px;padding:15px;font-size:13px}.program-input{min-height:90px;font-size:13px}.input-prompt-text{font-size:14px}.action-bar{flex-direction:column;align-items:stretch}.run-code-btn,.submit-btn{width:100%}.output-box{min-height:160px;padding:14px}.output-box pre{font-size:12px}.practice-empty{margin:40px auto;padding:35px 20px}.practice-empty h2{font-size:21px}}.student-progress-page{color:#0f172a;background:#f4f7fb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.progress-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;min-height:105px;padding:22px 5%;display:flex}.progress-header-left{align-items:center;gap:17px;display:flex}.progress-back-button{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:11px;width:42px;height:42px;font-size:21px;transition:all .2s}.progress-back-button:hover{background:#eff6ff;transform:translate(-2px)}.progress-header-left span{color:#2563eb;letter-spacing:1.5px;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.progress-header h1{margin:0;font-size:27px;font-weight:800}.progress-header p{color:#64748b;margin:5px 0 0;font-size:13px}.progress-type-badge{color:#1d4ed8;letter-spacing:.7px;background:#eff6ff;border-radius:30px;padding:9px 15px;font-size:10px;font-weight:800}.progress-content{width:90%;max-width:1100px;margin:30px auto 60px}.progress-course-card{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:19px;align-items:center;gap:18px;padding:25px;display:flex;box-shadow:0 12px 30px #2563eb2e}.progress-course-icon{background:#ffffff26;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:30px;display:flex}.progress-course-info{flex:1}.progress-course-info span{letter-spacing:1.3px;opacity:.75;font-size:10px;font-weight:800}.progress-course-info h2{margin:5px 0;font-size:25px}.progress-course-info p{opacity:.85;margin:0;font-size:13px}.progress-overall{flex-direction:column;align-items:center;gap:7px;display:flex}.progress-circle{background:#ffffff26;border:6px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:flex}.progress-circle span{font-size:19px;font-weight:900}.progress-overall small{letter-spacing:.8px;opacity:.75;font-size:9px;font-weight:800}.progress-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px;display:grid}.progress-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:20px}.progress-summary-card span{color:#64748b;letter-spacing:1px;font-size:9px;font-weight:800;display:block}.progress-summary-card strong{color:#1d4ed8;margin-top:5px;font-size:26px;display:block}.progress-summary-card p{color:#64748b;margin:3px 0 0;font-size:11px}.progress-section{margin-top:32px}.progress-section-heading span{color:#2563eb;letter-spacing:1.5px;font-size:10px;font-weight:800}.progress-section-heading h2{margin:5px 0;font-size:23px}.progress-section-heading p{color:#64748b;margin:0 0 20px;font-size:13px}.progress-list{flex-direction:column;gap:13px;display:flex}.progress-item{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:16px;padding:20px;display:flex}.progress-item-icon{background:#eff6ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.progress-item-content{flex:1;min-width:0}.progress-item-title{justify-content:space-between;gap:15px;margin-bottom:9px;display:flex}.progress-item-title h3{margin:0;font-size:14px}.progress-item-title p{color:#64748b;margin:3px 0 0;font-size:11px}.progress-item-title strong{color:#2563eb;font-size:14px}.progress-bar-fill{border-radius:inherit;background:#2563eb;min-width:0;height:100%;transition:width .5s}.progress-continue{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:16px;margin-top:28px;padding:22px;display:flex}.progress-continue-icon{font-size:30px}.progress-continue>div:nth-child(2){flex:1}.progress-continue span{color:#2563eb;letter-spacing:1px;font-size:9px;font-weight:800}.progress-continue h3{margin:4px 0;font-size:16px}.progress-continue p{color:#64748b;margin:0;font-size:12px}.progress-continue button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:800}.progress-loading{text-align:center;background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.progress-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:42px;height:42px;margin-bottom:17px;animation:.8s linear infinite progress-spin}.progress-loading h3{margin:0;font-size:17px}.progress-loading p{color:#64748b;margin-top:7px;font-size:13px}@keyframes progress-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=800px){.progress-summary{grid-template-columns:repeat(2,1fr)}.progress-course-card{align-items:flex-start}.progress-overall{display:none}}@media (width<=600px){.progress-header{align-items:flex-start;padding:18px 5%}.progress-type-badge{display:none}.progress-header h1{font-size:21px}.progress-course-card{padding:20px}.progress-course-icon{width:50px;height:50px;font-size:24px}.progress-course-info h2{font-size:20px}.progress-summary{grid-template-columns:1fr 1fr}.progress-summary-card,.progress-item{padding:15px}.progress-item-icon{width:42px;height:42px;font-size:19px}.progress-continue{flex-wrap:wrap;align-items:flex-start}.progress-continue button{width:100%}}.manage-notes-page{color:#172033;background:#f4f7fb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.manage-notes-loading{text-align:center;background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.manage-notes-loading h3{margin:20px 0 8px;font-size:22px}.manage-notes-loading p{color:#64748b;margin:0}.manage-notes-spinner{border:5px solid #dbe3ef;border-top-color:#15803d;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite manageNotesSpin}@keyframes manageNotesSpin{to{transform:rotate(360deg)}}.manage-notes-header{color:#fff;background:linear-gradient(135deg,#0f5132,#15803d);justify-content:space-between;align-items:center;min-height:170px;padding:30px 50px;display:flex}.manage-notes-header-left{align-items:center;gap:20px;display:flex}.manage-notes-back{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:12px;width:48px;height:48px;font-size:26px;transition:all .2s}.manage-notes-back:hover{background:#ffffff38;transform:translate(-2px)}.manage-notes-header span{letter-spacing:1.8px;opacity:.8;font-size:12px;font-weight:800;display:block}.manage-notes-header h1{margin:7px 0 6px;font-size:32px;font-weight:800}.manage-notes-header p{color:#ffffffd1;margin:0;font-size:15px}.manage-notes-header-icon{background:#ffffff24;border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;display:flex}.manage-notes-content{width:min(1400px,100% - 50px);margin:0 auto;padding:35px 0 70px}.manage-notes-section-heading,.manage-notes-list-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.manage-notes-section-heading span,.manage-notes-list-heading span{color:#15803d;letter-spacing:1.5px;font-size:11px;font-weight:800}.manage-notes-section-heading h2,.manage-notes-list-heading h2{margin:6px 0 0;font-size:25px}.manage-notes-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:35px;padding:30px;box-shadow:0 10px 30px #0f172a0f}.manage-notes-cancel{color:#c2410c;cursor:pointer;background:#fff7ed;border:0;border-radius:9px;padding:10px 16px;font-weight:700}.manage-notes-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field-full{grid-column:1/-1}.form-field label{color:#334155;font-size:14px;font-weight:700}.form-field input,.form-field select,.form-field textarea{color:#172033;background:#fbfdff;border:1px solid #d7dee9;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-field textarea{resize:vertical;line-height:1.6}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#fff;border-color:#15803d;box-shadow:0 0 0 3px #15803d1a}.form-field small{color:#64748b;font-size:12px;line-height:1.5}.form-active-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-column:1/-1;padding:15px}.active-checkbox{cursor:pointer;color:#334155;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.manage-notes-form-actions{grid-column:1/-1;gap:12px;padding-top:5px;display:flex}.manage-notes-save{color:#fff;cursor:pointer;background:#15803d;border:0;border-radius:10px;padding:13px 22px;font-weight:800;transition:all .2s}.manage-notes-save:hover{background:#166534;transform:translateY(-1px)}.manage-notes-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.manage-notes-reset{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:13px 22px;font-weight:700}.manage-notes-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0f172a0d}.manage-notes-count{color:#15803d;text-align:center;background:#ecfdf5;border-radius:12px;min-width:75px;padding:10px 15px;font-size:22px;font-weight:800}.manage-notes-count small{letter-spacing:1px;text-transform:uppercase;font-size:10px;display:block}.manage-notes-filters{grid-template-columns:minmax(250px,1fr) 220px 220px;gap:12px;margin-bottom:25px;display:grid}.manage-notes-search{background:#fbfdff;border:1px solid #d7dee9;border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.manage-notes-search span{font-size:17px}.manage-notes-search input{background:0 0;border:0;outline:none;width:100%;padding:13px 0;font-size:14px}.manage-notes-filters select{color:#334155;background:#fbfdff;border:1px solid #d7dee9;border-radius:10px;outline:none;padding:0 13px;font-size:14px}.manage-notes-empty{text-align:center;background:#f8fafc;border:2px dashed #dbe3ef;border-radius:16px;padding:70px 25px}.manage-notes-empty>div{margin-bottom:12px;font-size:45px}.manage-notes-empty h3{margin:0 0 8px;font-size:21px}.manage-notes-empty p{color:#64748b;margin:0}.manage-notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.manage-note-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 5px 15px #0f172a0a}.manage-note-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0f172a17}.manage-note-card.inactive{opacity:.68}.manage-note-card-top{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.manage-note-icon{background:#ecfdf5;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.status-active,.status-inactive{letter-spacing:.8px;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800}.status-active{color:#166534;background:#dcfce7}.status-inactive{color:#b91c1c;background:#fee2e2}.manage-note-card-body{padding:18px 20px 20px}.manage-note-course{color:#15803d;letter-spacing:.7px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800}.manage-note-card-body h3{margin:0 0 9px;font-size:19px;line-height:1.3}.manage-note-topic{color:#475569;background:#f1f5f9;border-radius:7px;margin-bottom:10px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.manage-note-card-body p{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 15px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.manage-note-meta{color:#64748b;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:14px;padding:10px 0;font-size:11px;display:flex}.manage-note-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.manage-note-actions button,.manage-note-actions a{cursor:pointer;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s}.edit-button{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.edit-button:hover{background:#dcfce7}.toggle-button{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.toggle-button:hover{background:#ffedd5}.view-pdf-button{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.view-pdf-button:hover{background:#dbeafe}.delete-button{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;justify-content:center;align-items:center;width:35px;height:35px;margin-left:auto;display:flex;padding:0!important}.delete-button:hover{background:#fee2e2}@media (width<=1100px){.manage-notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manage-notes-filters{grid-template-columns:1fr 1fr}.manage-notes-search{grid-column:1/-1}}@media (width<=700px){.manage-notes-header{min-height:auto;padding:25px 20px}.manage-notes-header h1{font-size:24px}.manage-notes-header p{font-size:13px}.manage-notes-header-icon{display:none}.manage-notes-content{width:calc(100% - 24px);padding-top:20px}.manage-notes-form-card,.manage-notes-list-section{border-radius:15px;padding:20px}.manage-notes-form{grid-template-columns:1fr}.form-field-full,.form-active-row,.manage-notes-form-actions{grid-column:auto}.manage-notes-filters{grid-template-columns:1fr}.manage-notes-search{grid-column:auto}.manage-notes-grid{grid-template-columns:1fr}.manage-notes-section-heading,.manage-notes-list-heading{align-items:flex-start;gap:15px}.manage-notes-section-heading h2,.manage-notes-list-heading h2{font-size:21px}.manage-note-actions{gap:6px}}@media (width<=450px){.manage-notes-header-left{gap:12px}.manage-notes-back{width:42px;height:42px}.manage-notes-header h1{font-size:20px}.manage-notes-header span{font-size:9px}.manage-notes-form-actions{flex-direction:column}.manage-notes-save,.manage-notes-reset{width:100%}}.study-note-editor{background:#fff;border:1px solid #d8deea;border-radius:12px;width:100%;margin-top:8px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.study-note-editor:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.study-note-editor .ql-toolbar{background:#f8fafc;border:0;border-bottom:1px solid #e5e9f0;padding:10px 12px}.study-note-editor .ql-toolbar button{border-radius:6px;width:30px;height:30px;transition:background .18s}.study-note-editor .ql-toolbar button:hover{background:#e5efff}.study-note-editor .ql-toolbar .ql-picker-label{border-radius:6px;transition:background .18s}.study-note-editor .ql-toolbar .ql-picker-label:hover{background:#e5efff}.study-note-editor .ql-container{border:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px}.study-note-editor .ql-editor{color:#263244;min-height:320px;padding:20px;line-height:1.75}.study-note-editor .ql-editor.ql-blank:before{color:#9ca3af;font-style:normal}.study-note-editor .ql-editor h1{margin-bottom:14px;font-size:30px;line-height:1.25}.study-note-editor .ql-editor h2{margin-bottom:12px;font-size:24px;line-height:1.3}.study-note-editor .ql-editor h3{margin-bottom:10px;font-size:20px;line-height:1.35}.study-note-editor .ql-editor pre.ql-syntax{color:#f8fafc;background:#111827;border-radius:9px;margin:15px 0;padding:16px;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.study-note-editor .ql-editor blockquote{color:#475569;background:#f8fafc;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;margin:15px 0;padding:12px 17px}.editor-help-text{color:#7b8494;margin-top:8px;font-size:11px;line-height:1.5;display:block}@media (width<=700px){.study-note-editor .ql-toolbar{white-space:nowrap;padding:8px;overflow-x:auto}.study-note-editor .ql-editor{min-height:260px;padding:15px;font-size:14px}}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.manage-downloads-page{color:#173f63;background:linear-gradient(#f3f7fb 0%,#fff 45%,#f5f8fb 100%);min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.manage-downloads-header{color:#fff;background:linear-gradient(135deg,#073963,#116aa6);box-shadow:0 8px 28px #0b3d6329}.manage-downloads-header-inner{align-items:center;gap:25px;width:min(1200px,100% - 40px);min-height:175px;margin:auto;display:flex}.manage-downloads-back{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-weight:600;transition:all .2s;display:flex}.manage-downloads-back:hover{background:#ffffff2e;transform:translate(-2px)}.manage-downloads-heading{flex:1}.manage-downloads-heading>span{letter-spacing:2px;opacity:.72;font-size:10px;font-weight:800}.manage-downloads-heading h1{margin:7px 0 0;font-size:36px;font-weight:800;line-height:1.15}.manage-downloads-heading p{color:#ffffffc2;margin:9px 0 0;font-size:14px}.manage-downloads-header-icon{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:21px;justify-content:center;align-items:center;width:75px;height:75px;font-size:34px;display:flex}.manage-downloads-main{width:min(1200px,100% - 40px);margin:auto;padding:32px 0 60px}.manage-downloads-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.download-stat-card{background:#fff;border:1px solid #dce7f0;border-radius:15px;align-items:center;gap:14px;min-height:95px;padding:18px;display:flex;box-shadow:0 6px 20px #1943660d}.download-stat-icon{background:#eaf4fc;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.download-stat-card span{letter-spacing:1.2px;color:#7790a3;font-size:9px;font-weight:800;display:block}.download-stat-card strong{color:#10466d;margin-top:5px;font-size:25px;display:block}.manage-downloads-form-card{background:#fff;border:1px solid #d9e5ef;border-radius:18px;margin-bottom:32px;overflow:hidden;box-shadow:0 9px 30px #1943660f}.manage-downloads-form-header{background:linear-gradient(135deg,#f5faff,#fff);border-bottom:1px solid #e1eaf1;justify-content:space-between;align-items:center;gap:20px;min-height:85px;padding:20px 25px;display:flex}.manage-downloads-form-header span{letter-spacing:1.5px;color:#4b8bb9;font-size:9px;font-weight:800}.manage-downloads-form-header h2{color:#123f64;margin:5px 0 0;font-size:22px}.download-cancel-top{color:#557087;cursor:pointer;background:#fff;border:1px solid #d7e3ec;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700}.manage-downloads-form{grid-template-columns:repeat(2,1fr);gap:18px;padding:25px;display:grid}.download-form-field{flex-direction:column;gap:7px;display:flex}.download-form-field.full{grid-column:1/-1}.download-form-field label{color:#345873;font-size:12px;font-weight:700}.download-form-field input[type=text],.download-form-field input[type=url],.download-form-field select,.download-form-field textarea{color:#163f61;background:#fff;border:1px solid #d5e2ec;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.download-form-field input[type=text],.download-form-field input[type=url],.download-form-field select{height:44px}.download-form-field textarea{resize:vertical;min-height:100px;line-height:1.6}.download-form-field input:focus,.download-form-field select:focus,.download-form-field textarea:focus{border-color:#4392c8;box-shadow:0 0 0 3px #2b82be17}.download-form-field small{color:#8498a8;font-size:11px;line-height:1.5}.pdf-upload-box{background:linear-gradient(135deg,#f8fcff,#f1f8fd);border:2px dashed #bfd6e6;border-radius:13px;align-items:center;gap:15px;min-height:100px;padding:15px;display:flex}.pdf-upload-button{color:#176695;cursor:pointer;background:#fff;border:1px solid #b9d5e7;border-radius:10px;align-items:center;gap:12px;min-width:235px;min-height:66px;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 3px 10px #185b840d}.pdf-upload-button:hover{background:#fafdff;border-color:#3990c5;transform:translateY(-1px);box-shadow:0 6px 16px #185b841a}.pdf-upload-button-icon{background:#edf5fb;border-radius:9px;justify-content:center;align-items:center;width:43px;height:43px;font-size:22px;display:flex}.pdf-upload-button strong{font-size:13px;display:block}.pdf-upload-button small{color:#8197a7;margin-top:4px;font-size:10px;display:block}.pdf-upload-info{color:#72899a;flex-direction:column;gap:5px;font-size:11px;display:flex}.pdf-upload-info strong{color:#3c6178;font-size:11px}.selected-pdf{background:#f3fbf5;border:1px solid #cde3d5;border-radius:10px;align-items:center;gap:11px;min-height:65px;margin-top:10px;padding:10px 12px;display:flex}.selected-pdf-icon{background:#e8f7eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.selected-pdf-details{flex:1;min-width:0}.selected-pdf-details strong{text-overflow:ellipsis;white-space:nowrap;color:#23633a;font-size:12px;display:block;overflow:hidden}.selected-pdf-details span{color:#71917c;margin-top:3px;font-size:10px;display:block}.remove-pdf-button{color:#a84b4b;cursor:pointer;background:#fdecec;border:0;border-radius:7px;width:31px;height:31px;font-weight:700}.existing-pdf{background:#f7fafc;border:1px solid #d6e3ed;border-radius:10px;align-items:center;gap:11px;min-height:65px;margin-top:10px;padding:10px 12px;display:flex}.existing-pdf-icon{background:#edf5fb;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.existing-pdf>div:nth-child(2){flex:1;min-width:0}.existing-pdf strong{color:#385b71;font-size:11px;display:block}.existing-pdf span{white-space:nowrap;text-overflow:ellipsis;color:#7a909f;margin-top:3px;font-size:10px;display:block;overflow:hidden}.preview-pdf-button{color:#1d6b99;cursor:pointer;background:#fff;border:1px solid #cbdde9;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.upload-progress-container{box-sizing:border-box;background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;width:100%;margin-top:16px;padding:15px 16px}.upload-progress-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.upload-progress-header span{color:#334155;font-size:14px;font-weight:600}.upload-progress-header strong{color:#2563eb;text-align:right;min-width:45px;font-size:14px;font-weight:700}.upload-progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;width:0%;min-width:0;height:100%;transition:width .2s;position:relative}.upload-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60px;height:100%;animation:1.2s linear infinite uploadProgressShine;position:absolute;top:0;right:0}@keyframes uploadProgressShine{0%{transform:translate(-60px)}to{transform:translate(60px)}}.download-active-box{background:#f7fbfe;border:1px solid #dce8f0;border-radius:10px;grid-column:1/-1;padding:15px}.download-active-box label{cursor:pointer;align-items:center;gap:11px;display:flex}.download-active-box input{accent-color:#126da7;cursor:pointer;width:18px;height:18px}.download-active-box strong{color:#244f6d;font-size:13px;display:block}.download-active-box small{color:#8195a5;margin-top:3px;font-size:11px;display:block}.manage-downloads-form-actions{grid-column:1/-1;gap:10px;padding-top:5px;display:flex}.download-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10689f,#1582bf);border:0;border-radius:9px;min-width:210px;padding:12px 20px;font-size:13px;font-weight:700;box-shadow:0 5px 15px #10689f2e}.download-save-button:hover{transform:translateY(-1px)}.download-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-reset-button{color:#526d82;cursor:pointer;background:#fff;border:1px solid #d6e2eb;border-radius:9px;padding:12px 18px;font-weight:700}.manage-downloads-list-section{background:#fff;border:1px solid #d9e5ef;border-radius:18px;padding:25px;box-shadow:0 8px 28px #1943660d}.manage-downloads-list-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.manage-downloads-list-header span:first-child{letter-spacing:1.5px;color:#4d8dbb;font-size:9px;font-weight:800;display:block}.manage-downloads-list-header h2{color:#123f64;margin:5px 0 0;font-size:23px}.download-list-count{color:#12689e;background:#edf6fc;border-radius:10px;padding:9px 14px;font-weight:800}.download-list-count span{color:#6f8799;margin-left:5px;font-weight:600}.manage-downloads-filters{grid-template-columns:1fr 220px 220px;gap:10px;margin-bottom:20px;display:grid}.download-search{border:1px solid #d8e4ed;border-radius:9px;align-items:center;gap:9px;height:45px;padding:0 12px;display:flex}.download-search input{color:#183f60;border:0;outline:0;flex:1;height:100%;font-size:13px}.manage-downloads-filters select{color:#365b74;background:#fff;border:1px solid #d8e4ed;border-radius:9px;outline:none;height:45px;padding:0 11px;font-size:12px}.manage-downloads-table-wrap{border:1px solid #e1e9ef;border-radius:12px;width:100%;overflow-x:auto}.manage-downloads-table{border-collapse:collapse;width:100%;min-width:950px}.manage-downloads-table thead{background:#f3f8fc}.manage-downloads-table th{text-align:left;letter-spacing:1px;color:#607d92;white-space:nowrap;border-bottom:1px solid #dfe8ef;padding:13px 14px;font-size:9px;font-weight:800}.manage-downloads-table td{vertical-align:middle;border-bottom:1px solid #e8eef3;padding:14px}.manage-downloads-table tbody tr:hover{background:#fbfdff}.manage-downloads-table tbody tr:last-child td{border-bottom:0}.download-material-cell{align-items:flex-start;gap:11px;min-width:270px;display:flex}.download-material-icon{background:#edf5fb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:20px;display:flex}.download-material-cell strong{color:#173f60;max-width:260px;font-size:13px;line-height:1.4;display:block}.download-material-cell small{color:#7f94a4;margin-top:3px;font-size:10px;display:block}.download-material-cell p{white-space:nowrap;text-overflow:ellipsis;color:#8396a5;max-width:260px;margin:4px 0 0;font-size:10px;overflow:hidden}.download-course-badge{color:#246188;background:#eef6fc;border-radius:7px;max-width:150px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-block}.download-category-badge{color:#607385;background:#f4f5f7;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-block}.download-status{cursor:pointer;border:0;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.download-status.active{color:#168047;background:#e9f8ef}.download-status.inactive{color:#a54c4c;background:#f7ecec}.download-status span{font-size:8px}.download-date{white-space:nowrap;color:#73899a;font-size:11px}.download-actions{align-items:center;gap:6px;display:flex}.download-actions button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.download-view{color:#176a9e;background:#eaf5fc}.download-edit{color:#9a6900;background:#fff6e6}.download-delete{color:#b04b4b;background:#fdeeee}.download-actions button:hover{transform:translateY(-2px)}.manage-downloads-empty{text-align:center;background:#fbfdff;border:1px dashed #d5e2eb;border-radius:12px;padding:60px 20px}.manage-downloads-empty>div{margin-bottom:10px;font-size:42px}.manage-downloads-empty h3{color:#214b68;margin:0 0 6px}.manage-downloads-empty p{color:#8195a4;margin:0;font-size:12px}.manage-downloads-loading{color:#17476a;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.manage-downloads-loading h3{margin:14px 0 5px}.manage-downloads-loading p{color:#8094a4;margin:0;font-size:12px}.manage-downloads-spinner{border:4px solid #dcebf5;border-top-color:#126da7;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite manageDownloadsSpin}@keyframes manageDownloadsSpin{to{transform:rotate(360deg)}}.manage-downloads-footer{text-align:center;color:#718799;background:#fff;border-top:1px solid #dce7ef;padding:25px 20px;font-size:11px}.manage-downloads-footer p{color:#365a73;margin:0 0 4px;font-weight:800}@media (width<=950px){.manage-downloads-stats{grid-template-columns:repeat(2,1fr)}.manage-downloads-filters{grid-template-columns:1fr 1fr}.download-search{grid-column:1/-1}}@media (width<=700px){.manage-downloads-header-inner{flex-wrap:wrap;width:calc(100% - 25px);min-height:155px;padding:18px 0}.manage-downloads-heading{order:3;width:100%}.manage-downloads-header-icon{width:55px;height:55px;font-size:25px}.manage-downloads-heading h1{font-size:28px}.manage-downloads-main{width:calc(100% - 20px);padding-top:20px}.manage-downloads-form{grid-template-columns:1fr;padding:18px}.download-form-field.full,.download-active-box,.manage-downloads-form-actions{grid-column:auto}.pdf-upload-box{flex-direction:column;align-items:flex-start}.pdf-upload-button{width:100%}.pdf-upload-info{flex-direction:row}.manage-downloads-list-section{padding:17px}.manage-downloads-list-header{align-items:flex-start;gap:12px}}@media (width<=500px){.manage-downloads-stats,.manage-downloads-filters{grid-template-columns:1fr}.download-search{grid-column:auto}.manage-downloads-back span{display:none}.manage-downloads-form-header{padding:17px}.manage-downloads-form-header h2{font-size:19px}.manage-downloads-form-actions{flex-direction:column}.download-save-button,.download-reset-button{width:100%}.selected-pdf,.existing-pdf{align-items:flex-start}.preview-pdf-button{padding:6px 8px}}.admin-assignments-page{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100vh;padding:25px}.admin-assignments-header{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1500px;margin:0 auto 25px;display:flex}.admin-assignments-header h1{color:#172033;margin:0 0 7px;font-size:30px;font-weight:700}.admin-assignments-header p{color:#6b7280;margin:0;font-size:15px}.assignment-count-box{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:150px;padding:15px 20px;box-shadow:0 3px 12px #0000000d}.assignment-count-box span{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.assignment-count-box strong{color:#2563eb;font-size:25px;display:block}.assignment-form-card,.assignment-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;width:100%;max-width:1500px;margin:0 auto 25px;overflow:hidden;box-shadow:0 4px 18px #0000000d}.form-card-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;display:flex}.form-card-header h2,.list-header h2{color:#172033;margin:0 0 5px;font-size:21px}.form-card-header p,.list-header p{color:#6b7280;margin:0;font-size:14px}.cancel-edit-btn{color:#dc2626;cursor:pointer;background:#fff1f2;border:none;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600}.cancel-edit-btn:hover{background:#ffe4e6}.assignment-form{padding:25px}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-row.three-columns{grid-template-columns:1fr 1fr 1fr}.form-group{width:100%;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-group label{color:#374151;align-items:center;gap:3px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.form-group label span{color:#dc2626}.form-group label small{color:#9ca3af;margin-left:7px;font-size:11px;font-weight:400}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:all .2s}.form-group input,.form-group select{height:46px;padding:0 13px}.form-group textarea{resize:vertical;min-height:120px;padding:12px 13px;line-height:1.5}.input-help{color:#9ca3af;margin-top:6px;font-size:12px}.pdf-upload-section{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;margin-top:5px;padding:18px}.file-upload-box{background:#fff;border:1px dashed #93c5fd;border-radius:8px;padding:15px}.file-upload-box input[type=file]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:100%;height:auto;padding:10px}.selected-file,.existing-pdf{background:#f8fafc;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.pdf-icon{color:#dc2626;background:#fee2e2;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:flex}.selected-file strong,.existing-pdf strong{color:#374151;word-break:break-word;font-size:13px;display:block}.selected-file small{color:#9ca3af;margin-top:3px;font-size:11px;display:block}.existing-pdf a{color:#2563eb;margin-top:4px;font-size:12px;font-weight:600;text-decoration:none;display:block}.existing-pdf a:hover{text-decoration:underline}.current-resource{color:#6b7280;margin-top:10px;font-size:12px}.current-resource a{color:#2563eb;margin-left:6px;font-weight:600;text-decoration:none}.current-resource a:hover{text-decoration:underline}.upload-progress{margin-top:15px}.progress-header{color:#374151;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.progress-bar{background:#e5e7eb;border-radius:10px;width:100%;height:9px;overflow:hidden}.progress-fill{background:#2563eb;border-radius:10px;height:100%;transition:width .15s}.form-actions{align-items:center;gap:12px;margin-top:5px;display:flex}.save-assignment-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;min-width:180px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.save-assignment-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.save-assignment-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.reset-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600}.reset-btn:hover{background:#f3f4f6}.list-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;display:flex}.refresh-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 15px;font-size:13px;font-weight:600}.assignment-filters{background:#fafafa;border-bottom:1px solid #e5e7eb;align-items:center;gap:15px;padding:18px 25px;display:flex}.search-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;align-items:center;height:43px;padding:0 12px;display:flex}.search-box span{margin-right:8px;font-size:15px}.search-box input{color:#374151;border:none;outline:none;width:100%;height:100%;font-family:inherit;font-size:14px}.course-filter{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:230px;height:43px;padding:0 12px;font-family:inherit;font-size:14px}.assignment-table-wrapper{width:100%;overflow-x:auto}.assignment-table{border-collapse:collapse;width:100%;min-width:1200px}.assignment-table th{color:#4b5563;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 15px;font-size:12px;font-weight:700}.assignment-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #edf0f3;padding:16px 15px;font-size:13px}.assignment-table tbody tr:hover{background:#fafcff}.serial-number{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.assignment-title-cell{max-width:330px}.assignment-title-cell strong{color:#172033;margin-bottom:5px;font-size:14px;display:block}.assignment-title-cell p{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.due-date{color:#374151;white-space:nowrap;font-size:13px}.view-pdf-btn{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}.view-pdf-btn:hover{background:#dbeafe}.no-pdf{color:#9ca3af;font-size:11px}.status-badge{cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700}.status-badge.published:hover{background:#bbf7d0}.status-badge.unpublished{color:#b45309;background:#fef3c7}.status-badge.unpublished:hover{background:#fde68a}.action-buttons{align-items:center;gap:7px;display:flex}.edit-btn,.delete-btn{cursor:pointer;white-space:nowrap;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:600}.edit-btn{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.edit-btn:hover{background:#dbeafe}.delete-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.delete-btn:hover{background:#fee2e2}.empty-assignments{text-align:center;padding:65px 25px}.empty-assignments h3{color:#374151;margin:0 0 7px;font-size:18px}.empty-assignments p{color:#9ca3af;margin:0;font-size:13px}.assignments-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.assignments-loading p{margin-top:12px;font-size:14px}@keyframes assignmentSpin{to{transform:rotate(360deg)}}@media (width<=900px){.admin-assignments-page{padding:18px}.form-row,.form-row.three-columns{grid-template-columns:1fr;gap:0}.form-row .form-group{margin-bottom:20px}.assignment-filters{flex-direction:column;align-items:stretch}.course-filter{width:100%}}@media (width<=600px){.admin-assignments-page{padding:12px}.admin-assignments-header{flex-direction:column;align-items:flex-start}.admin-assignments-header h1{font-size:24px}.assignment-count-box{box-sizing:border-box;width:100%}.form-card-header,.list-header{flex-direction:column;align-items:flex-start}.assignment-form,.form-card-header,.list-header{padding:18px}.assignment-filters{padding:15px 18px}.form-actions{flex-direction:column;align-items:stretch}.save-assignment-btn,.reset-btn{width:100%}.assignment-table{min-width:1200px}}.admin-practice-page{color:#172033;background:#f5f7fb;min-height:100vh;padding:30px}.admin-practice-header{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto 25px;display:flex}.admin-practice-header h1{margin:0 0 8px;font-size:30px;font-weight:800}.admin-practice-header p{color:#697386;margin:0;font-size:15px}.practice-count-box{text-align:center;background:#fff;border:1px solid #e4e8f0;border-radius:14px;min-width:160px;padding:18px 24px;box-shadow:0 4px 15px #0000000d}.practice-count-box span{color:#7a8496;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.practice-count-box strong{color:#2563eb;font-size:30px;font-weight:800;display:block}.practice-form-card{background:#fff;border:1px solid #e3e7ef;border-radius:18px;max-width:1400px;margin:0 auto 30px;overflow:hidden;box-shadow:0 8px 30px #0f172a0f}.practice-form-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.practice-form-header h2{margin:0 0 6px;font-size:21px;font-weight:800}.practice-form-header p{color:#788396;margin:0;font-size:14px}.practice-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:9px;padding:10px 16px;font-weight:700}.practice-cancel-btn:hover{background:#f4f6f9}.practice-form{padding:28px}.practice-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.practice-form-group{margin-bottom:20px}.practice-form-row .practice-form-group{margin-bottom:0}.practice-form-group label{color:#263247;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.practice-form-group label span{color:#dc2626;margin-left:3px}.practice-form-group label small{color:#8a94a6;margin-left:8px;font-size:11px;font-weight:500}.practice-form-group input,.practice-form-group select,.practice-form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d9dee8;border-radius:9px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.practice-form-group input,.practice-form-group select{min-height:46px}.practice-form-group textarea{resize:vertical;line-height:1.6}.practice-form-group input:focus,.practice-form-group select:focus,.practice-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.practice-form-group input::placeholder,.practice-form-group textarea::placeholder{color:#a1a9b8}.practice-input-help{color:#7b8494;margin-top:7px;font-size:12px;line-height:1.5}.practice-form-actions{align-items:center;gap:12px;padding-top:5px;display:flex}.practice-save-btn,.practice-reset-btn{cursor:pointer;border:none;border-radius:9px;min-height:46px;padding:0 22px;font-size:14px;font-weight:700}.practice-save-btn{color:#fff;background:#2563eb}.practice-save-btn:hover{background:#1d4ed8}.practice-save-btn:disabled,.practice-reset-btn:disabled{opacity:.6;cursor:not-allowed}.practice-reset-btn{color:#475569;background:#eef1f5}.practice-reset-btn:hover{background:#e2e6ec}.practice-list-card{background:#fff;border:1px solid #e3e7ef;border-radius:18px;max-width:1400px;margin:0 auto;overflow:hidden;box-shadow:0 8px 30px #0f172a0f}.practice-list-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.practice-list-header h2{margin:0 0 5px;font-size:20px;font-weight:800}.practice-list-header p{color:#7b8494;margin:0;font-size:13px}.practice-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:9px;padding:10px 17px;font-size:13px;font-weight:700}.practice-refresh-btn:hover{background:#f5f7fa}.practice-filters{background:#fafbfd;border-bottom:1px solid #edf0f5;align-items:center;gap:15px;padding:20px 28px;display:flex}.practice-search-box{background:#fff;border:1px solid #d9dee8;border-radius:9px;flex:1;align-items:center;gap:10px;min-height:44px;padding:0 13px;display:flex}.practice-search-box span{font-size:16px}.practice-search-box input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-size:14px}.practice-search-box input::placeholder{color:#9aa3b2}.practice-course-filter{color:#334155;cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:9px;outline:none;min-width:210px;min-height:44px;padding:0 12px;font-size:14px}.practice-empty{text-align:center;padding:70px 30px}.practice-empty-icon{background:#eef4ff;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 15px;font-size:30px;display:flex}.practice-empty h3{margin:0 0 8px;font-size:18px;font-weight:800}.practice-empty p{color:#7b8494;margin:0;font-size:14px}.practice-table-wrapper{width:100%;overflow-x:auto}.practice-table{border-collapse:collapse;width:100%;min-width:950px}.practice-table th{text-align:left;color:#687386;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e9f0;padding:14px 16px;font-size:11px;font-weight:800}.practice-table td{vertical-align:middle;border-bottom:1px solid #edf0f4;padding:17px 16px;font-size:13px}.practice-table tbody tr:hover{background:#fafcff}.practice-table tbody tr:last-child td{border-bottom:none}.practice-serial-number{color:#536174;background:#eef2f7;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.practice-title-cell{max-width:330px}.practice-title-cell strong{color:#1e293b;margin-bottom:5px;font-size:14px;font-weight:800;display:block}.practice-title-cell p{color:#7b8494;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:330px;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.practice-course-badge{color:#2458c7;white-space:nowrap;background:#eef4ff;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.practice-topic{color:#475569;font-size:13px;font-weight:600}.practice-status-badge{cursor:pointer;border:none;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800}.practice-status-badge.published{color:#16803b;background:#e8f7ee}.practice-status-badge.unpublished{color:#737b87;background:#f1f3f5}.practice-status-badge:hover{opacity:.85}.practice-action-buttons{align-items:center;gap:7px;display:flex}.practice-edit-btn,.practice-delete-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:700}.practice-edit-btn{color:#2458c7;background:#eef4ff}.practice-edit-btn:hover{background:#dfeaff}.practice-delete-btn{color:#d42f2f;background:#fff0f0}.practice-delete-btn:hover{background:#ffe1e1}.practice-loading{color:#687386;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.practice-loading-spinner{border:4px solid #e5eaf2;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;margin-bottom:15px;animation:.8s linear infinite practiceSpin}.practice-loading p{margin:0;font-size:14px}@keyframes practiceSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.admin-practice-page{padding:20px}.admin-practice-header{flex-direction:column;align-items:flex-start}.practice-count-box{box-sizing:border-box;width:100%}.practice-form-row{grid-template-columns:1fr}.practice-form-row .practice-form-group{margin-bottom:20px}.practice-filters{flex-direction:column;align-items:stretch}.practice-course-filter{width:100%}}@media (width<=600px){.admin-practice-page{padding:12px}.admin-practice-header h1{font-size:24px}.practice-form-header,.practice-list-header{flex-direction:column;align-items:flex-start;padding:18px}.practice-form{padding:18px}.practice-filters{padding:15px 18px}.practice-form-actions{flex-direction:column;align-items:stretch}.practice-save-btn,.practice-reset-btn{width:100%}}.manage-video-page{color:#172033;background:#f5f7fb;min-height:100vh;padding:30px 4%;font-family:Segoe UI,Arial,sans-serif}.manage-video-header{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}.manage-video-heading{align-items:center;gap:16px;display:flex}.manage-video-heading h1{color:#172033;margin:0;font-size:28px;font-weight:800}.manage-video-heading p{color:#6b7280;margin:5px 0 0;font-size:13px}.back-button{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:10px;width:44px;height:44px;font-size:22px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #0f172a14}.back-button:hover{background:#eff6ff;transform:translate(-2px)}.add-video-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 7px 18px #2563eb38}.add-video-button:hover{background:#1d4ed8;transform:translateY(-2px)}.add-video-button span{font-size:20px}.video-stat-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}.video-stat-card{background:#fff;border:1px solid #e8edf5;border-radius:14px;align-items:center;gap:15px;min-height:105px;padding:20px;display:flex;box-shadow:0 5px 18px #0f172a0a}.video-stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;font-weight:800;display:flex}.video-stat-icon.total{color:#2563eb;background:#eff6ff}.video-stat-icon.active{color:#059669;background:#ecfdf5}.video-stat-icon.inactive{color:#ea580c;background:#fff7ed}.video-stat-icon.course{color:#7c3aed;background:#f5f3ff}.video-stat-card span{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.video-stat-card strong{color:#172033;font-size:24px;line-height:1;display:block}.video-form-card{background:#fff;border:1px solid #e6ebf3;border-radius:16px;margin-bottom:25px;overflow:hidden;box-shadow:0 8px 28px #0f172a0f}.video-form-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;padding:22px 25px;display:flex}.video-form-header h2{color:#172033;margin:0;font-size:20px}.video-form-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.close-form-button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;width:35px;height:35px;font-size:22px}.close-form-button:hover{background:#e2e8f0}.video-form{padding:25px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:#334155;font-size:13px;font-weight:700}.form-group label span{color:#ef4444;margin-left:3px}.form-group input,.form-group select,.form-group textarea{color:#172033;background:#fff;border:1px solid #dbe2ec;border-radius:9px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:13px;transition:all .2s}.form-group input,.form-group select{height:44px}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group small{color:#94a3b8;font-size:11px}.active-checkbox{cursor:pointer;align-items:center;gap:10px;flex-direction:row!important;display:flex!important}.active-checkbox input{accent-color:#2563eb;cursor:pointer;width:18px;height:18px}.active-checkbox span{font-size:13px;color:#475569!important;margin:0!important;font-weight:600!important}.video-preview-section{background:#f8fafc;border:1px solid #e8edf5;border-radius:12px;margin-top:25px;padding:20px}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.preview-heading h3{margin:0;font-size:15px}.preview-heading span{color:#2563eb;background:#dbeafe;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.video-preview{aspect-ratio:16/9;background:#0f172a;border-radius:12px;width:320px;max-width:100%;position:relative;overflow:hidden}.video-preview img{object-fit:cover;width:100%;height:100%;display:block}.preview-overlay{color:#fff;background:#ff0000e6;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;padding-left:3px;font-size:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-preview-section>p{color:#64748b;margin:10px 0 0;font-size:11px}.form-actions{border-top:1px solid #edf0f5;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;display:flex}.cancel-button,.save-video-button{cursor:pointer;border-radius:9px;height:44px;padding:0 20px;font-size:13px;font-weight:700}.cancel-button{color:#64748b;background:#fff;border:1px solid #dbe2ec}.cancel-button:hover{background:#f8fafc}.save-video-button{color:#fff;background:#2563eb;border:none;min-width:170px}.save-video-button:hover{background:#1d4ed8}.cancel-button:disabled,.save-video-button:disabled{opacity:.6;cursor:not-allowed}.video-list-card{background:#fff;border:1px solid #e6ebf3;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #0f172a0d}.video-list-header{border-bottom:1px solid #edf0f5;padding:22px 25px}.video-list-header h2{margin:0;font-size:19px}.video-list-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.video-filters{background:#fafbfc;border-bottom:1px solid #edf0f5;grid-template-columns:1fr 220px 160px;gap:12px;padding:18px 25px;display:grid}.video-search{position:relative}.video-search span{color:#94a3b8;font-size:20px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.video-search input,.video-filters>select{color:#334155;background:#fff;border:1px solid #dbe2ec;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:12px}.video-search input{padding-left:40px}.video-search input:focus,.video-filters>select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb12}.video-table-wrapper{width:100%;overflow-x:auto}.video-table{border-collapse:collapse;width:100%;min-width:950px}.video-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e6ebf3;padding:14px 18px;font-size:11px;font-weight:800}.video-table td{vertical-align:middle;border-bottom:1px solid #edf0f5;padding:15px 18px}.video-table tbody tr{transition:all .15s}.video-table tbody tr:hover{background:#fbfdff}.video-table tbody tr:last-child td{border-bottom:none}.lesson-number{color:#2563eb;background:#eff6ff;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;font-size:13px;font-weight:800;display:flex}.video-info{align-items:center;gap:13px;min-width:340px;display:flex}.video-thumbnail{background:#0f172a;border-radius:8px;flex-shrink:0;width:120px;height:68px;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.no-thumbnail{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;display:flex}.thumbnail-play{color:#fff;opacity:0;background:#dc2626f2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding-left:2px;font-size:12px;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-thumbnail:hover .thumbnail-play{opacity:1}.video-title-area{max-width:320px}.video-title-area h3{color:#172033;margin:0;font-size:13px;line-height:1.4}.video-title-area p{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.course-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-block}.duration-text{color:#64748b;white-space:nowrap;font-size:12px}.status-badge{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.status-badge span{border-radius:50%;width:6px;height:6px}.status-badge.active{color:#047857;background:#ecfdf5}.status-badge.active span{background:#10b981}.status-badge.inactive{color:#c2410c;background:#fff7ed}.status-badge.inactive span{background:#f97316}.video-actions{gap:6px;display:flex}.action-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .2s;display:flex}.action-button.view{color:#2563eb;background:#eff6ff}.action-button.view:hover{background:#dbeafe}.action-button.edit{color:#7c3aed;background:#f5f3ff}.action-button.edit:hover{background:#ede9fe}.action-button.delete{color:#dc2626;background:#fef2f2}.action-button.delete:hover{background:#fee2e2}.video-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;margin-bottom:12px;animation:.8s linear infinite videoSpin}@keyframes videoSpin{to{transform:rotate(360deg)}}.video-loading p{margin:0;font-size:13px}.video-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px;display:flex}.empty-icon{background:#eff6ff;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:15px;font-size:28px;display:flex}.video-empty h3{margin:0;font-size:17px}.video-empty p{color:#94a3b8;max-width:400px;margin:7px 0 18px;font-size:12px;line-height:1.6}.video-empty button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;height:40px;padding:0 17px;font-size:12px;font-weight:700}@media (width<=1000px){.video-stat-grid{grid-template-columns:repeat(2,1fr)}.video-filters{grid-template-columns:1fr 1fr}.video-search{grid-column:1/-1}}@media (width<=650px){.manage-video-page{padding:20px 15px}.manage-video-header{flex-direction:column;align-items:flex-start}.manage-video-heading h1{font-size:22px}.add-video-button{justify-content:center;width:100%}.video-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.video-stat-card{gap:10px;padding:14px}.video-stat-icon{width:40px;height:40px;font-size:18px}.video-stat-card strong{font-size:20px}.video-stat-card span{font-size:10px}.video-form,.video-form-header{padding:18px}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.video-filters{grid-template-columns:1fr;padding:15px}.video-search{grid-column:auto}.video-list-header{padding:18px}.form-actions{flex-direction:column-reverse}.cancel-button,.save-video-button{width:100%}}@media (width<=400px){.video-stat-grid{grid-template-columns:1fr}.manage-video-heading{gap:10px}}.free-learning-page{color:#172033;background:#f7f9fc;width:100%;min-height:100vh;overflow-x:hidden}.free-learning-container{width:min(1240px,92%);margin:0 auto}.free-learning-hero{background:radial-gradient(circle at 80% 30%,#3b82f638,#0000 32%),radial-gradient(circle at 15% 80%,#0ea5e929,#0000 30%),linear-gradient(135deg,#08152f 0%,#102d59 48%,#0b4f82 100%);align-items:center;min-height:620px;display:flex;position:relative;overflow:hidden}.free-learning-hero:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:500px;height:500px;position:absolute;top:-160px;right:-180px}.free-learning-hero:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-180px;left:-180px}.free-learning-hero-overlay{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0}.free-learning-hero-inner{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;width:min(1240px,92%);margin:0 auto;padding:80px 0;display:grid;position:relative}.free-learning-hero-content{color:#fff}.free-learning-label{color:#dbeafe;letter-spacing:1.5px;background:#ffffff14;border:1px solid #fff3;border-radius:30px;align-items:center;gap:9px;margin-bottom:22px;padding:9px 16px;font-size:12px;font-weight:800;display:inline-flex}.free-learning-label span{color:#60a5fa;font-size:16px}.free-learning-hero h1{letter-spacing:-2px;margin:0;font-size:clamp(42px,5vw,68px);font-weight:900;line-height:1.05}.free-learning-hero h1 span{background:linear-gradient(90deg,#60a5fa,#38bdf8,#a5f3fc);color:#0000;-webkit-background-clip:text;background-clip:text}.free-learning-hero-content>p{color:#d7e4f5;max-width:650px;margin:25px 0;font-size:17px;line-height:1.8}.free-learning-hero-actions{align-items:center;gap:25px;margin-top:30px;display:flex}.hero-primary-btn{color:#0f3d75;cursor:pointer;background:#fff;border:0;border-radius:10px;align-items:center;gap:15px;padding:14px 23px;font-size:14px;font-weight:800;transition:all .3s;display:inline-flex}.hero-primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.hero-primary-btn span{font-size:20px}.hero-free-text{flex-direction:column;display:flex}.hero-free-text strong{color:#fff;font-size:14px}.hero-free-text small{color:#a9c7e9;margin-top:3px}.free-learning-hero-stats{gap:35px;margin-top:45px;display:flex}.hero-stat{flex-direction:column;gap:4px;display:flex}.hero-stat strong{color:#fff;font-size:25px;font-weight:900}.hero-stat span{color:#b8cee8;font-size:12px}.free-learning-hero-graphic{justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.hero-laptop{width:350px;animation:5s ease-in-out infinite laptopFloat;position:relative}.laptop-screen{background:#081426;border:8px solid #263c5c;border-bottom-width:13px;border-radius:18px 18px 8px 8px;width:100%;height:230px;padding:38px 35px;position:relative;box-shadow:0 30px 70px #00000059,inset 0 0 30px #3b82f61a}.laptop-screen:before{content:"";background:#607a9e;border-radius:50%;width:7px;height:7px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.code-line{opacity:.75;background:#3b82f6;border-radius:5px;height:7px;margin-bottom:17px}.code-line.long{width:85%}.code-line.medium{width:65%}.code-line.short{width:35%}.laptop-base{background:#5d7392;border-radius:0 0 14px 14px;width:115%;height:20px;margin-left:-7.5%;position:relative}.laptop-base:after{content:"";background:#344b69;border-radius:10px;width:100px;height:5px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.hero-floating-card{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#ffffff1c;border:1px solid #fff3;border-radius:12px;align-items:center;gap:9px;padding:12px 17px;display:flex;position:absolute;box-shadow:0 15px 35px #0003}.hero-floating-card span{font-size:20px}.hero-floating-card strong{font-size:12px}.card-one{animation:4s ease-in-out infinite floatOne;top:50px;left:10px}.card-two{animation:5s ease-in-out infinite floatTwo;top:120px;right:0}.card-three{animation:4.5s ease-in-out infinite floatOne;bottom:55px;left:35px}@keyframes laptopFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatOne{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes floatTwo{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.free-learning-courses{background:#f7f9fc;padding:100px 0}.free-learning-section-heading{text-align:center;max-width:700px;margin:0 auto 55px}.section-heading-tag{color:#2563eb;letter-spacing:2px;margin-bottom:12px;font-size:13px;font-weight:900;display:inline-block}.free-learning-section-heading h2{color:#101828;margin:0;font-size:clamp(32px,4vw,46px);font-weight:900;line-height:1.15}.free-learning-section-heading p{color:#667085;margin:15px auto 0;font-size:16px;line-height:1.7}.heading-line{background:#2563eb;border-radius:10px;width:60px;height:4px;margin:20px auto 0}.free-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.free-course-card{cursor:pointer;background:#fff;border:1px solid #e4e9f0;border-radius:18px;flex-direction:column;min-width:0;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #1018280f}.free-course-card:hover{border-color:#bfdbfe;transform:translateY(-8px);box-shadow:0 22px 45px #0f172a21}.free-course-visual{height:220px;position:relative;overflow:hidden}.course-graphic-fallback{justify-content:center;align-items:center;position:absolute;inset:0;overflow:hidden}.graphic-circle{z-index:2;color:#fff;border:8px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:115px;height:115px;font-size:38px;font-weight:900;display:flex;position:relative;box-shadow:0 20px 50px #0003,inset 0 0 25px #ffffff1f}.free-course-image{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.free-course-card:hover .free-course-image{transform:scale(1.06)}.graphic-c .course-graphic-fallback{background:radial-gradient(circle at 25% 20%,#ffffff4d,#0000 25%),linear-gradient(135deg,#1d4ed8,#2563eb,#0ea5e9)}.graphic-cpp .course-graphic-fallback{background:radial-gradient(circle at 80% 20%,#ffffff4d,#0000 25%),linear-gradient(135deg,#4338ca,#7c3aed,#6366f1)}.graphic-java .course-graphic-fallback{background:radial-gradient(circle at 20% 20%,#ffffff4d,#0000 25%),linear-gradient(135deg,#b91c1c,#dc2626,#f97316)}.graphic-python .course-graphic-fallback{background:radial-gradient(circle at 80% 20%,#ffffff4d,#0000 25%),linear-gradient(135deg,#0369a1,#0284c7,#eab308)}.graphic-web .course-graphic-fallback{background:radial-gradient(circle at 20% 80%,#ffffff4d,#0000 25%),linear-gradient(135deg,#0f766e,#0891b2,#2563eb)}.graphic-ds .course-graphic-fallback{background:radial-gradient(circle at 75% 20%,#ffffff40,#0000 25%),linear-gradient(135deg,#6d28d9,#8b5cf6,#c026d3)}.graphic-excel .course-graphic-fallback{background:radial-gradient(circle at 25% 20%,#ffffff4d,#0000 25%),linear-gradient(135deg,#047857,#059669,#10b981)}.graphic-tally .course-graphic-fallback{background:radial-gradient(circle at 80% 20%,#ffffff4d,#0000 25%),linear-gradient(135deg,#9f1239,#be123c,#e11d48)}.graphic-default .course-graphic-fallback{background:radial-gradient(circle at 20% 20%,#ffffff40,#0000 25%),linear-gradient(135deg,#334155,#475569,#2563eb)}.graphic-pattern{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.pattern-one{width:250px;height:250px;top:-100px;right:-90px}.pattern-two{width:170px;height:170px;bottom:-70px;left:-70px}.pattern-three{border-width:2px;width:80px;height:80px;bottom:25px;right:25px}.course-visual-top{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:15px;left:15px;right:15px}.course-category-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#00000040;border:1px solid #ffffff40;border-radius:20px;max-width:65%;padding:7px 11px;font-size:10px;font-weight:800;overflow:hidden}.free-course-badge{color:#166534;letter-spacing:.8px;background:#fff;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:900;box-shadow:0 5px 15px #00000026}.course-visual-bottom{z-index:5;position:absolute;bottom:14px;left:15px}.course-visual-bottom span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000047;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.free-course-card-content{flex:1;padding:23px 22px 17px}.free-course-card-content h3{color:#101828;margin:0 0 10px;font-size:21px;font-weight:850;line-height:1.3}.free-course-card-content p{color:#667085;min-height:65px;margin:0;font-size:14px;line-height:1.65}.free-course-meta{border-top:1px solid #edf0f5;flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:15px;display:flex}.free-course-meta>div{color:#667085;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.meta-icon{font-size:14px}.free-course-actions{padding:0 22px 22px}.free-course-primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 16px 0 18px;font-size:13px;font-weight:800;transition:all .3s;display:flex}.free-course-primary-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.free-course-primary-btn strong{font-size:20px;transition:transform .3s}.free-course-primary-btn:hover strong{transform:translate(4px)}.free-course-external-btn{color:#475467;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:9px;font-size:12px;font-weight:750;transition:all .3s;display:flex}.free-course-external-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.free-course-external-btn strong{font-size:15px}.free-learning-empty{text-align:center;background:#fff;border:1px solid #e4e9f0;border-radius:18px;max-width:550px;margin:20px auto;padding:70px 30px;box-shadow:0 10px 30px #1018280d}.empty-icon{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;margin:0 auto 20px;font-size:38px;display:flex}.free-learning-empty h3{color:#101828;margin:0;font-size:22px}.free-learning-empty p{color:#667085;margin:10px 0 0}.free-learning-benefits{background:#fff;border-top:1px solid #edf0f5;padding:95px 0}.benefits-heading{text-align:center;max-width:650px;margin:0 auto 45px}.benefits-heading>span{color:#2563eb;letter-spacing:1.8px;font-size:12px;font-weight:900}.benefits-heading h2{color:#101828;margin:10px 0;font-size:38px;font-weight:900}.benefits-heading p{color:#667085;margin:0;line-height:1.7}.benefits-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.benefit-card{text-align:center;background:#fbfcfe;border:1px solid #e4e9f0;border-radius:15px;padding:30px 23px;transition:all .3s}.benefit-card:hover{border-color:#bfdbfe;transform:translateY(-5px);box-shadow:0 15px 35px #10182814}.benefit-icon{background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:26px;display:flex}.benefit-card h3{color:#172033;margin:0 0 9px;font-size:16px;font-weight:850}.benefit-card p{color:#667085;margin:0;font-size:13px;line-height:1.65}.free-learning-cta{background:radial-gradient(circle at 10%,#3b82f640,#0000 25%),linear-gradient(135deg,#0b1f3a,#123f70);padding:65px 0}.free-learning-cta-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:25px;width:min(1100px,92%);margin:0 auto;display:grid}.cta-icon{background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;justify-content:center;align-items:center;width:75px;height:75px;font-size:35px;display:flex}.cta-content>span{color:#93c5fd;letter-spacing:1.6px;font-size:11px;font-weight:900}.cta-content h2{color:#fff;margin:7px 0;font-size:28px;font-weight:900}.cta-content p{color:#b8cce5;margin:0;font-size:14px}.free-learning-cta-btn{color:#164477;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:10px;align-items:center;gap:14px;min-height:48px;padding:0 20px;font-size:13px;font-weight:850;transition:all .3s;display:flex}.free-learning-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.free-learning-cta-btn span{font-size:19px}.free-learning-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:40px;display:flex}.free-learning-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:.8s linear infinite freeSpin}@keyframes freeSpin{to{transform:rotate(360deg)}}.free-learning-loading h2{color:#172033;margin:0}.free-learning-loading p{color:#667085;margin-top:8px}.free-learning-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:40px;display:flex}.free-error-icon{background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:35px;display:flex}.free-learning-error h2{color:#172033;margin:0}.free-learning-error p{color:#667085;max-width:500px;margin:10px 0 20px}.free-retry-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;padding:12px 22px;font-weight:800}@media (width<=1050px){.free-course-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}.free-learning-hero-inner{grid-template-columns:1fr;gap:30px}.free-learning-hero-content{text-align:center}.free-learning-hero-content>p{margin-left:auto;margin-right:auto}.free-learning-hero-actions,.free-learning-hero-stats{justify-content:center}.free-learning-hero-graphic{min-height:360px}}@media (width<=700px){.free-learning-hero{min-height:auto}.free-learning-hero-inner{padding:65px 0}.free-learning-hero h1{letter-spacing:-1px;font-size:42px}.free-learning-hero-content>p{font-size:15px}.free-learning-hero-actions{flex-direction:column;gap:17px}.free-learning-hero-stats{flex-wrap:wrap;gap:20px}.hero-stat strong{font-size:21px}.free-learning-hero-graphic{min-height:300px;margin-top:-25px;margin-bottom:-35px;transform:scale(.8)}.hero-laptop{width:310px}.hero-floating-card{padding:9px 12px}.card-one{left:0}.card-two{right:-10px}.card-three{left:0}.free-learning-courses{padding:70px 0}.free-learning-section-heading{margin-bottom:35px}.free-learning-section-heading h2{font-size:31px}.free-course-grid{grid-template-columns:1fr;gap:22px}.free-course-visual{height:210px}.free-course-card-content h3{font-size:20px}.free-learning-benefits{padding:70px 0}.benefits-grid{grid-template-columns:1fr}.benefits-heading h2{font-size:31px}.free-learning-cta{padding:50px 0}.free-learning-cta-inner{text-align:center;grid-template-columns:1fr}.cta-icon{margin:0 auto}.free-learning-cta-btn{justify-content:center;margin:5px auto 0}}@media (width<=420px){.free-learning-container,.free-learning-hero-inner{width:90%}.free-learning-hero h1{font-size:35px}.free-learning-label{letter-spacing:1px;font-size:10px}.free-learning-hero-stats{gap:15px}.hero-stat{min-width:80px}.free-learning-hero-graphic{margin-top:-45px;margin-bottom:-70px;transform:scale(.68)}.free-course-card-content{padding:20px 18px 15px}.free-course-actions{padding:0 18px 18px}.free-course-meta{flex-direction:column;gap:7px}.cta-content h2{font-size:23px}}.free-course-details-page{color:#172033;background:#f5f7fb;min-height:100vh;overflow-x:hidden}.free-course-details-container{width:min(1180px,92%);margin:0 auto}.free-course-details-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:40px 20px;display:flex}.free-details-spinner{border:5px solid #dbe4f0;border-top-color:#2563eb;border-radius:50%;width:52px;height:52px;margin-bottom:20px;animation:.8s linear infinite freeDetailsSpin}@keyframes freeDetailsSpin{to{transform:rotate(360deg)}}.free-course-details-loading h2{margin:0 0 8px;font-size:28px}.free-course-details-loading p{color:#64748b;margin:0}.free-course-details-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:40px 20px;display:flex}.free-details-error-icon{background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:38px;display:flex}.free-course-details-error h2{margin:0 0 10px;font-size:30px}.free-course-details-error p{color:#64748b;max-width:550px;margin-bottom:25px;line-height:1.7}.free-details-back-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:13px 22px;font-size:15px;font-weight:700}.free-course-details-hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#172554 50%,#1d4ed8 100%);padding:30px 0 70px;position:relative}.free-details-back-link{color:#dbeafe;cursor:pointer;background:0 0;border:none;margin-bottom:25px;padding:5px 0;font-size:15px;font-weight:700}.free-details-back-link:hover{color:#fff}.free-course-hero-card{grid-template-columns:190px 1fr;align-items:center;gap:45px;display:grid}.free-course-hero-icon{background:#ffffff1f;border:1px solid #fff3;border-radius:35px;justify-content:center;align-items:center;width:190px;height:190px;font-size:90px;display:flex;box-shadow:0 20px 50px #0003}.free-course-hero-top{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.free-course-details-badge,.free-course-category-badge{letter-spacing:.6px;border-radius:30px;align-items:center;padding:7px 13px;font-size:12px;font-weight:800;display:inline-flex}.free-course-details-badge{color:#052e16;background:#22c55e}.free-course-category-badge{color:#e0f2fe;background:#ffffff1f}.free-course-hero-content h1{letter-spacing:-1px;margin:0;font-size:clamp(34px,5vw,56px);line-height:1.1}.free-course-hero-description{color:#dbeafe;max-width:760px;margin:20px 0 25px;font-size:17px;line-height:1.8}.free-course-hero-meta{flex-wrap:wrap;gap:28px;margin-bottom:28px;display:flex}.free-course-hero-meta>div{align-items:center;gap:10px;display:flex}.hero-meta-icon{font-size:24px}.free-course-hero-meta small{color:#93c5fd;letter-spacing:1px;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.free-course-hero-meta strong{color:#fff;font-size:14px;display:block}.course-external-main-btn{color:#1d4ed8;cursor:pointer;background:#fff;border:none;border-radius:11px;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 25px #00000026}.course-external-main-btn span{font-size:18px}.free-course-details-main{padding:70px 0}.free-details-section{margin-bottom:70px}.free-details-section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px;display:flex}.free-details-section-heading>div:first-child>span{color:#2563eb;letter-spacing:1.5px;margin-bottom:8px;font-size:12px;font-weight:900;display:inline-block}.free-details-section-heading h2{color:#111827;margin:0 0 8px;font-size:clamp(28px,4vw,38px)}.free-details-section-heading p{color:#64748b;margin:0;line-height:1.6}.lesson-count-box,.resource-count-box{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;min-width:100px;padding:15px 20px;box-shadow:0 5px 18px #0f172a0d}.lesson-count-box strong,.resource-count-box strong{color:#2563eb;font-size:28px;display:block}.lesson-count-box span,.resource-count-box span{color:#64748b;font-size:12px;font-weight:700;display:block}.free-lessons-list{flex-direction:column;gap:18px;display:flex}.free-lesson-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;grid-template-columns:90px 1fr;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;overflow:hidden;box-shadow:0 8px 25px #0f172a0d}.free-lesson-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 15px 35px #2563eb1a}.free-lesson-number{color:#2563eb;background:#eff6ff;justify-content:center;align-items:center;font-size:25px;font-weight:900;display:flex}.free-lesson-content{padding:25px}.free-lesson-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.free-lesson-module{color:#2563eb;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:900;display:inline-block}.free-lesson-heading h3{color:#111827;margin:0;font-size:21px}.free-lesson-status{color:#166534;background:#dcfce7;border-radius:20px;flex-shrink:0;padding:6px 10px;font-size:10px;font-weight:900}.free-lesson-content>p{color:#64748b;margin:12px 0 20px;line-height:1.7}.free-lesson-footer{justify-content:space-between;align-items:center;gap:15px;display:flex}.free-lesson-information{flex-wrap:wrap;gap:15px;display:flex}.free-lesson-information span{color:#64748b;font-size:13px;font-weight:600}.start-learning-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;align-items:center;gap:12px;padding:11px 18px;font-size:13px;font-weight:800;transition:background .2s;display:inline-flex}.start-learning-btn:hover{background:#1d4ed8}.start-learning-btn span{font-size:18px}.free-resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.free-resource-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;padding:25px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 8px 25px #0f172a0d}.free-resource-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0f172a1a}.free-resource-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.free-resource-icon{background:#eff6ff;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.free-resource-top>span{color:#475569;background:#f1f5f9;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}.free-resource-card h3{color:#111827;margin:0 0 10px;font-size:19px}.free-resource-card p{color:#64748b;flex:1;margin:0 0 20px;font-size:14px;line-height:1.7}.resource-open-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;font-size:13px;font-weight:800;display:flex}.resource-open-btn:hover{background:#dbeafe}.free-details-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:60px 25px}.free-details-empty.small{padding:45px 25px}.free-details-empty>div{margin-bottom:15px;font-size:42px}.free-details-empty h3{margin:0 0 8px;font-size:21px}.free-details-empty p{color:#64748b;margin:0}.free-course-bottom-cta{background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;border-radius:20px;align-items:center;gap:22px;padding:30px;display:flex}.free-course-bottom-icon{background:#fff;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:30px;display:flex}.free-course-bottom-cta>div:nth-child(2){flex:1}.free-course-bottom-cta h2{color:#111827;margin:0 0 6px;font-size:23px}.free-course-bottom-cta p{color:#64748b;margin:0}.bottom-start-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:13px 20px;font-size:13px;font-weight:800}@media (width<=900px){.free-course-hero-card{grid-template-columns:130px 1fr;gap:30px}.free-course-hero-icon{width:130px;height:130px;font-size:60px}.free-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.free-course-details-hero{padding-bottom:45px}.free-course-hero-card{text-align:center;grid-template-columns:1fr}.free-course-hero-icon{width:110px;height:110px;margin:0 auto;font-size:52px}.free-course-hero-top,.free-course-hero-meta,.course-external-main-btn{justify-content:center}.free-details-section-heading{flex-direction:column;align-items:flex-start}.lesson-count-box,.resource-count-box{min-width:80px}.free-lesson-card{grid-template-columns:60px 1fr}.free-lesson-content{padding:20px}.free-lesson-heading{flex-direction:column}.free-lesson-footer{flex-direction:column;align-items:stretch}.start-learning-btn{justify-content:center}.free-resources-grid{grid-template-columns:1fr}.free-course-bottom-cta{flex-direction:column;align-items:flex-start}.bottom-start-btn{width:100%}}@media (width<=480px){.free-course-details-container{width:94%}.free-course-hero-content h1{font-size:34px}.free-course-hero-description{font-size:15px}.free-course-hero-meta{gap:18px}.free-lesson-card{grid-template-columns:1fr}.free-lesson-number{min-height:48px}}.manage-free-page{color:#1f2937;background:#f4f7fb;min-height:100vh;padding:35px 5%}.manage-free-header{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:30px;display:flex}.admin-page-label{color:#2563eb;letter-spacing:1.5px;margin-bottom:8px;font-size:12px;font-weight:800;display:inline-block}.manage-free-header h1{color:#111827;margin:0 0 10px;font-size:32px;font-weight:800}.manage-free-header p{color:#6b7280;margin:0;font-size:15px}.refresh-btn{color:#1f2937;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:12px 18px;font-weight:700;box-shadow:0 4px 15px #0f172a14}.refresh-btn:hover{background:#eef4ff}.free-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px;display:grid}.free-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 5px 20px #0f172a12}.stat-icon{background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.free-stat-card strong{color:#111827;font-size:25px;display:block}.free-stat-card span{color:#6b7280;margin-top:3px;font-size:13px;display:block}.free-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:8px;margin-bottom:25px;padding:8px;display:flex;box-shadow:0 4px 15px #0f172a0d}.free-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:13px 22px;font-weight:700;transition:all .2s}.free-tab:hover{background:#f3f4f6}.free-tab.active{color:#fff;background:#2563eb}.free-admin-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:25px;box-shadow:0 5px 20px #0f172a0f}.section-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.section-toolbar h2{color:#111827;margin:0 0 5px;font-size:22px}.section-toolbar p{color:#6b7280;margin:0;font-size:14px}.add-main-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9px;padding:12px 18px;font-weight:700}.add-main-btn:hover{background:#1d4ed8}.admin-course-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.admin-course-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:20px;transition:all .25s}.admin-course-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0f172a14}.admin-course-top{justify-content:space-between;align-items:center;display:flex}.admin-course-icon{background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex}.admin-course-card h3{color:#111827;margin:18px 0 5px;font-size:19px}.course-id{color:#2563eb;margin-bottom:12px;font-size:12px;font-weight:700}.admin-course-card>p{color:#6b7280;min-height:67px;font-size:14px;line-height:1.6}.admin-course-meta{color:#4b5563;flex-direction:column;gap:5px;margin:15px 0;font-size:12px;display:flex}.status-badge{border-radius:20px;align-items:center;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.published{color:#15803d;background:#dcfce7}.status-badge.draft{color:#a16207;background:#fef3c7}.card-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;display:flex}.card-actions button{cursor:pointer;border:none;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:700}.edit-btn{color:#1d4ed8;background:#eff6ff}.publish-btn{color:#15803d;background:#dcfce7}.unpublish-btn{color:#a16207;background:#fef3c7}.delete-btn{color:#dc2626;background:#fee2e2}.card-actions button:hover{opacity:.8}.course-selector{max-width:500px;margin-bottom:25px}.course-selector label{color:#374151;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.course-selector select{background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:12px 14px;font-size:14px}.course-selector select:focus{border-color:#2563eb}.lesson-list{flex-direction:column;gap:15px;display:flex}.lesson-admin-card{border:1px solid #e5e7eb;border-radius:14px;gap:18px;padding:18px;display:flex}.lesson-order{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;min-width:50px;height:50px;font-size:15px;font-weight:800;display:flex}.lesson-admin-content{flex:1}.lesson-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.module-label{color:#2563eb;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:inline-block}.lesson-heading h3{color:#111827;margin:0;font-size:17px}.lesson-admin-content>p{color:#6b7280;margin:9px 0;font-size:14px;line-height:1.5}.video-url{color:#374151;overflow-wrap:anywhere;background:#f9fafb;border-radius:8px;padding:9px 12px;font-size:12px}.video-url span{color:#2563eb;margin-left:5px}.resource-admin-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.admin-resource-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.resource-card-header{justify-content:space-between;align-items:center;display:flex}.resource-admin-icon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.resource-category{color:#2563eb;text-transform:uppercase;margin-top:14px;font-size:11px;font-weight:800;display:inline-block}.admin-resource-card h3{color:#111827;margin:7px 0;font-size:17px}.admin-resource-card p{color:#6b7280;min-height:40px;font-size:13px;line-height:1.5}.resource-admin-url{color:#2563eb;overflow-wrap:anywhere;background:#f9fafb;border-radius:7px;padding:9px;font-size:11px}.empty-state{text-align:center;border:2px dashed #d1d5db;border-radius:14px;padding:60px 20px}.empty-state>div{font-size:45px}.empty-state h3{margin:12px 0 5px}.empty-state p{color:#6b7280;margin-bottom:18px}.free-modal-overlay{z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.free-modal{background:#fff;border-radius:18px;width:min(700px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 25px 60px #00000040}.free-modal.large{width:min(850px,100%)}.modal-header{z-index:2;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:22px 25px;display:flex;position:sticky;top:0}.modal-header h2{margin:0 0 5px;font-size:21px}.modal-header p{color:#6b7280;margin:0;font-size:13px}.modal-header>button{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:35px;height:35px;font-size:23px}.free-form{padding:25px}.form-row{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-group{margin-bottom:17px}.form-group label{color:#374151;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:14px}.form-group textarea{resize:vertical;line-height:1.6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.form-group input:disabled{cursor:not-allowed;background:#f3f4f6}.form-group small{color:#9ca3af;margin-top:5px;font-size:11px;display:block}.checkbox-row{cursor:pointer;align-items:center;gap:9px;margin:5px 0 20px;font-size:13px;font-weight:700;display:flex}.checkbox-row input{width:17px;height:17px}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 19px;font-weight:700}.cancel-btn{color:#374151;background:#f3f4f6}.save-btn{color:#fff;background:#2563eb}.save-btn:hover{background:#1d4ed8}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.manage-free-loading{color:#374151;background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.manage-free-loading h2{margin:18px 0 5px}.manage-free-loading p{color:#6b7280;margin:0}.loading-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:45px;height:45px;animation:.8s linear infinite freeLearningSpin}@keyframes freeLearningSpin{to{transform:rotate(360deg)}}@media (width<=1100px){.free-stats,.admin-course-grid,.resource-admin-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.manage-free-page{padding:20px 14px}.manage-free-header{flex-direction:column}.manage-free-header h1{font-size:25px}.refresh-btn{width:100%}.free-stats{grid-template-columns:1fr 1fr;gap:10px}.free-stat-card{padding:13px}.stat-icon{width:42px;height:42px;font-size:20px}.free-stat-card strong{font-size:20px}.free-stat-card span{font-size:11px}.free-tabs{overflow-x:auto}.free-tab{white-space:nowrap;padding:11px 15px;font-size:12px}.free-admin-section{padding:16px}.section-toolbar{flex-direction:column;align-items:flex-start}.add-main-btn{width:100%}.admin-course-grid,.resource-admin-grid{grid-template-columns:1fr}.lesson-admin-card{gap:12px}.lesson-order{min-width:42px;height:42px}.lesson-heading{flex-direction:column}.form-row{grid-template-columns:1fr;gap:0}.free-modal{border-radius:14px;max-height:96vh}.modal-header,.free-form{padding:18px}.modal-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}.free-lesson-details-page{color:#172033;background:#f5f7fb;min-height:100vh}.free-lesson-container{width:min(1180px,92%);margin:0 auto}.free-lesson-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.free-lesson-spinner{border:5px solid #dbe4f0;border-top-color:#2563eb;border-radius:50%;width:52px;height:52px;margin-bottom:20px;animation:.8s linear infinite lessonSpin}@keyframes lessonSpin{to{transform:rotate(360deg)}}.free-lesson-loading h2{margin:0 0 8px}.free-lesson-loading p{color:#64748b;margin:0}.free-lesson-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:30px;display:flex}.free-lesson-error-icon{background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:38px;display:flex}.free-lesson-error h2{margin:0 0 10px}.free-lesson-error p{color:#64748b;max-width:550px;margin-bottom:25px;line-height:1.7}.lesson-back-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:13px 22px;font-weight:800}.free-lesson-header{color:#fff;background:linear-gradient(135deg,#0f172a,#172554,#1d4ed8);padding:28px 0 55px}.lesson-back-link{color:#bfdbfe;cursor:pointer;background:0 0;border:none;margin-bottom:35px;padding:5px 0;font-size:15px;font-weight:700}.lesson-back-link:hover{color:#fff}.free-lesson-header-grid{grid-template-columns:100px 1fr;align-items:center;gap:28px;display:grid}.free-lesson-header-number{background:#ffffff1f;border:1px solid #fff3;border-radius:22px;justify-content:center;align-items:center;width:100px;height:100px;font-size:34px;font-weight:900;display:flex}.lesson-module-label{color:#93c5fd;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900;display:inline-block}.free-lesson-header h1{margin:0;font-size:clamp(32px,5vw,52px);line-height:1.1}.free-lesson-header p{color:#dbeafe;max-width:800px;margin:15px 0 0;font-size:17px;line-height:1.7}.free-lesson-main{padding:60px 0 80px}.free-lesson-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:30px;display:grid}.free-lesson-article{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0f172a0f}.lesson-article-top{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:20px 25px;display:flex}.lesson-article-top>span{color:#2563eb;letter-spacing:1px;font-size:11px;font-weight:900}.lesson-article-top strong{color:#475569;font-size:13px}.lesson-video-section{padding:30px 30px 0}.lesson-section-label{color:#111827;margin-bottom:15px;font-size:15px;font-weight:900}.lesson-video-wrapper{aspect-ratio:16/9;background:#0f172a;border-radius:14px;width:100%;position:relative;overflow:hidden}.lesson-video-wrapper iframe{border:0;width:100%;height:100%}.lesson-content-section{padding:30px}.lesson-text-content{color:#374151;white-space:normal;font-size:16px;line-height:1.9}.lesson-no-content{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:45px 20px}.lesson-no-content>div{margin-bottom:10px;font-size:40px}.lesson-no-content h3{margin:0 0 7px}.lesson-no-content p{color:#64748b;margin:0}.free-lesson-sidebar{flex-direction:column;gap:20px;display:flex}.lesson-sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:25px;box-shadow:0 8px 25px #0f172a0d}.sidebar-card-icon{background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:18px;font-size:30px;display:flex}.lesson-sidebar-card>span{color:#2563eb;letter-spacing:1px;font-size:10px;font-weight:900}.lesson-sidebar-card h3{color:#111827;margin:8px 0 10px;font-size:21px}.lesson-sidebar-card p{color:#64748b;font-size:14px;line-height:1.7}.sidebar-course-btn,.sidebar-external-btn{cursor:pointer;border:none;border-radius:9px;width:100%;padding:12px;font-size:13px;font-weight:800}.sidebar-course-btn{color:#fff;background:#2563eb}.sidebar-course-btn:hover{background:#1d4ed8}.lesson-sidebar-card.external{background:#f8fafc}.sidebar-small-icon{margin-bottom:8px;font-size:28px}.sidebar-external-btn{color:#0369a1;background:#e0f2fe}.free-lesson-complete-box{background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;border-radius:18px;align-items:center;gap:20px;margin-top:30px;padding:28px;display:flex}.free-lesson-complete-box>div:first-child{background:#fff;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.free-lesson-complete-box>div:nth-child(2){flex:1}.free-lesson-complete-box h2{color:#111827;margin:0 0 5px;font-size:21px}.free-lesson-complete-box p{color:#64748b;margin:0;font-size:14px}.free-lesson-complete-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;padding:12px 18px;font-size:13px;font-weight:800}@media (width<=900px){.free-lesson-layout{grid-template-columns:1fr}.free-lesson-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=650px){.free-lesson-container{width:94%}.free-lesson-header-grid{grid-template-columns:70px 1fr;gap:18px}.free-lesson-header-number{border-radius:16px;width:70px;height:70px;font-size:24px}.free-lesson-header h1{font-size:32px}.free-lesson-header p{font-size:15px}.lesson-article-top{flex-direction:column;align-items:flex-start}.lesson-video-section,.lesson-content-section{padding:22px}.free-lesson-sidebar{grid-template-columns:1fr}.free-lesson-complete-box{flex-direction:column;align-items:flex-start}.free-lesson-complete-box button{width:100%}}@media (width<=450px){.free-lesson-header-grid{grid-template-columns:1fr}.free-lesson-header-number{width:65px;height:65px}.free-lesson-header h1{font-size:29px}}.home-button-wrapper{box-sizing:border-box;background:#f8fafc;border-bottom:1px solid #e2e8f0;width:100%;padding:10px 20px}.global-home-button{color:#1d4ed8;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:7px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.global-home-button:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}