@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.navbar-header{z-index:1000;background:#fff;width:100%;position:sticky;top:0;box-shadow:0 4px 20px #0000000d}.navbar-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1280px;height:90px;margin:0 auto;padding:0 40px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.navbar-logo-img{object-fit:contain;width:auto;max-width:220px;height:220px}.navbar-links{align-items:center;gap:32px;list-style:none;display:flex}.navbar-links a{color:#475569;font-size:15px;font-weight:600;text-decoration:none}.navbar-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.login-btn{color:#fff;background:#6d4cff;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none}.hamburger{color:#1e293b;cursor:pointer;background:0 0;border:none;font-size:28px;display:none}@media (width<=868px){.navbar-container{box-sizing:border-box;width:100%;height:75px;padding:0 20px}.navbar-logo-img{max-width:190px;height:48px}.hamburger{display:block}.navbar-links{box-sizing:border-box;background:#fff;flex-direction:column;gap:20px;width:100%;padding:24px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 20px #00000014}.navbar-links.active{display:flex}}.hero{background:linear-gradient(135deg,#f8fafc 0%,#edf2f7 100%);padding:80px 5% 50px;overflow:hidden}.hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;max-width:1280px;margin:0 auto;display:grid}.hero-tag{color:#6d4cff;letter-spacing:.3px;background:#ede9fe;border-radius:30px;margin-bottom:20px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-block}.hero-left h1{color:#0f172a;margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.15}.hero-left h1 span{color:#6d4cff;background:linear-gradient(135deg,#6d4cff,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-left p{color:#475569;max-width:560px;margin-bottom:35px;font-size:17px;line-height:1.7}.hero-buttons{align-items:center;gap:18px;margin-bottom:45px;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6d4cff,#8b5cf6);border-radius:30px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #6d4cff59}.btn-secondary{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-3px)}.btn-secondary svg{color:#6d4cff;font-size:18px}.hero-stats{background:#fff;border-radius:20px;align-items:center;gap:25px;width:fit-content;padding:20px 30px;display:flex;box-shadow:0 10px 30px #0000000a}.stat-item h3{color:#0f172a;font-size:24px;font-weight:800}.stat-item span{color:#64748b;font-size:13px;font-weight:500}.stat-divider{background:#e2e8f0;width:1px;height:35px}.hero-right{position:relative}.hero-image-wrapper{width:100%;position:relative}.hero-image-wrapper img{object-fit:cover;border-radius:28px;width:100%;box-shadow:0 20px 50px #0f172a1f}.floating-badge{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 20px;display:flex;position:absolute;box-shadow:0 12px 30px #0000001f}.badge-icon{color:#6d4cff;font-size:24px}.floating-badge strong{color:#0f172a;font-size:14px;display:block}.floating-badge span{color:#64748b;font-size:12px}.badge-top{top:-20px;left:-20px}.badge-bottom{bottom:-20px;right:-20px}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-left p{margin:0 auto 35px}.hero-buttons{justify-content:center}.hero-stats{margin:0 auto}.floating-badge{display:none}}@media (width<=576px){.hero-left h1{font-size:36px}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.developed-by{color:#6b7280;background:#fff;border:1px solid #e8e8e8;border-radius:30px;align-items:center;gap:8px;margin-top:25px;padding:10px 18px;font-size:14px;transition:all .3s;display:inline-flex;box-shadow:0 8px 20px #00000014}.developed-by:hover{transform:translateY(-2px);box-shadow:0 12px 24px #6c4cf126}.developed-by strong{color:#6c4cf1;font-weight:700}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e540;--bg-gradient-start:#f8fafc;--bg-gradient-end:#e0e7ff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--pill-bg:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-active:0 15px 30px -5px #4f46e533;--radius-full:9999px;--radius-lg:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-section{background:radial-gradient(circle at top, var(--bg-gradient-start), var(--bg-gradient-end));justify-content:center;align-items:center;padding:80px 20px;display:flex}.search-container{text-align:center;width:100%;max-width:840px;margin:0 auto}.search-header{margin-bottom:36px}.search-title{color:var(--text-main);letter-spacing:-.03em;margin-bottom:14px;font-size:2.5rem;font-weight:800;line-height:1.2}.search-description{color:var(--text-muted);max-width:620px;margin:0 auto;font-size:1.1rem;line-height:1.6}.search-box{border-radius:var(--radius-full);box-shadow:var(--shadow-lg);background-color:#fff;border:1px solid #e2e8f0cc;align-items:center;gap:8px;margin-bottom:32px;padding:6px 8px 6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow), var(--shadow-active);transform:translateY(-2px)}.input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;flex-shrink:0;margin-right:12px;font-size:1.2rem;transition:color .2s}.search-box:focus-within .search-icon{color:var(--primary-color)}.search-input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;padding:8px 0;font-size:1.05rem}.search-input::placeholder{color:#94a3b8;font-weight:400}.clear-button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:4px;padding:8px;font-size:.9rem;transition:all .2s;display:flex}.clear-button:hover{color:var(--text-main);background-color:#f1f5f9}.search-submit-btn{background-color:var(--primary-color);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e540}.search-submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.search-submit-btn:active{transform:translateY(0)scale(.98)}.categories-nav{justify-content:center;display:flex}.categories-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.category-pill{background-color:var(--pill-bg);color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);padding:10px 20px;font-size:.925rem;font-weight:500;transition:all .2s}.category-pill:hover{color:var(--text-main);box-shadow:var(--shadow-md);background-color:#fff;border-color:#cbd5e1;transform:translateY(-2px)}.category-pill.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600;box-shadow:0 4px 12px #4f46e54d}.category-pill.active:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}@media (width<=640px){.search-section{padding:50px 16px}.search-title{font-size:1.85rem}.search-description{font-size:.95rem}.search-box{border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:12px}.input-wrapper{width:100%;padding:4px 0}.search-submit-btn{border-radius:12px;width:100%;padding:14px}.categories-list{gap:8px}.category-pill{padding:8px 14px;font-size:.85rem}}.government-training-section{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:60px 4%;position:relative;overflow:hidden}.government-training-overlay{z-index:1;background:#00000059;width:100%;height:100%;position:absolute;top:0;left:0}.government-training-container{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f14d1;border:1px solid #ffffff2e;border-radius:20px;justify-content:space-between;align-items:center;gap:40px;max-width:1180px;margin:0 auto;padding:35px 40px;display:flex;position:relative;box-shadow:0 15px 40px #0006}.government-training-content{flex:1}.government-training-content h2{color:#fff;margin:0;font-size:38px;font-weight:800;line-height:1.25}.government-training-content h2 span{color:#d4af37}.government-training-content p{color:#ccc;max-width:540px;margin:14px 0 24px;font-size:15px;line-height:1.6}.government-training-features{grid-template-columns:repeat(2,1fr);gap:14px 20px;display:grid}.feature-item{color:#f0f0f5;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.feature-check{color:#d4af37;background:#d4af3733;border:1px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.government-training-tests{flex-direction:column;flex-shrink:0;gap:16px;width:360px;display:flex}.government-test-card{box-sizing:border-box;background:#ffffff0d;border:1px solid #d4af3759;border-radius:14px;width:100%;padding:18px 20px;transition:all .3s}.government-test-card:hover{background:#ffffff14;border-color:#d4af37cc;transform:translateY(-2px)}.test-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.test-badge{color:#d4af37;background:#d4af3726;border:1px solid #d4af3766;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.test-status{color:#7ee787;font-size:12px;font-weight:600}.government-test-card h3{color:#fff;margin:0;font-size:21px;font-weight:700}.test-deadline{background:#ffffff0f;border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.test-deadline span{color:#aaa;font-size:11px}.test-deadline strong{color:#d4af37;font-size:13px}.test-register-btn{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.test-register-btn:hover{background:#e5bf45}.register-now-floating-tag{z-index:50;background:#fff;border:2px solid #d4af37;border-radius:12px;align-items:center;gap:10px;padding:8px 18px;animation:2s ease-in-out infinite tagGlowPulse;display:flex;position:absolute;top:-18px;left:35px}.register-tag-dot{background:#d4af37;border-radius:50%;width:10px;height:10px;animation:1.5s infinite alternate dotGlow}.register-tag-content strong{color:#111;letter-spacing:.5px;font-size:12px;font-weight:800}@keyframes tagGlowPulse{0%{border-color:#d4af37;box-shadow:0 0 10px #d4af3766,0 0 20px #d4af3733}50%{border-color:#ffe680;transform:translateY(-2px);box-shadow:0 0 20px #d4af37e6,0 0 35px #d4af3799}to{border-color:#d4af37;box-shadow:0 0 10px #d4af3766,0 0 20px #d4af3733}}@keyframes dotGlow{0%{transform:scale(.9);box-shadow:0 0 4px #d4af37}to{transform:scale(1.2);box-shadow:0 0 12px #d4af37,0 0 18px #ffe680}}@media (width<=900px){.government-training-container{flex-direction:column;padding:30px 20px}.government-training-tests{width:100%}}.fc-section{background:#fff;max-width:1320px;margin:0 auto;padding:60px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.fc-header{text-align:center;margin-bottom:48px}.fc-header h2{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:2.25rem;font-weight:800}.fc-header p{color:#64748b;margin:0;font-size:1rem;font-weight:500}.fc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.fc-card{color:inherit;background:#fff;border:1px solid #e9d5ff;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 4px 16px #7e22ce0a}.fc-card:hover{border-color:#c084fc;transform:translateY(-6px);box-shadow:0 16px 32px #7e22ce1f}.fc-card-media{background:#f3e8ff;width:100%;height:180px;position:relative;overflow:hidden}.fc-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.fc-card:hover .fc-card-media img{transform:scale(1.05)}.fc-card-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.fc-title{color:#2e0854;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin:0 0 8px;font-size:1.05rem;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.fc-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin:0 0 18px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.fc-info-row{color:#6b21a8;border-top:1px dashed #f3e8ff;justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:12px;font-size:.8rem;font-weight:600;display:flex}.fc-rating{color:#d97706;align-items:center;gap:4px;font-weight:700;display:flex}.fc-star-icon{color:#f59e0b}.fc-info-item{color:#64748b;align-items:center;gap:4px;display:flex}.fc-icon{color:#a855f7;font-size:12px}.fc-category{white-space:nowrap;text-overflow:ellipsis;max-width:90px;overflow:hidden}.fc-card-bottom{flex-direction:column;gap:12px;margin-top:auto;display:flex}.fc-price{color:#2e0854;text-align:center;font-size:1.25rem;font-weight:800}.fc-buy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.9rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #a855f740}.fc-buy-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #7e22ce59}.fc-btn-arrow{font-size:12px;transition:transform .2s}.fc-buy-btn:hover .fc-btn-arrow{transform:translate(4px)}.fc-empty-state{text-align:center;color:#64748b;grid-column:1/-1;padding:60px 0}@media (width<=1200px){.fc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.fc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.fc-grid{grid-template-columns:1fr}.fc-section{padding:36px 16px}}.why-choose{background:#f8f9fc;padding:80px 8%}.why-header{text-align:center;margin-bottom:50px}.why-header h2{color:#222;margin-bottom:12px;font-size:40px}.why-header p{color:#666;max-width:700px;margin:0 auto;font-size:18px}.why-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.why-card{text-align:center;background:#fff;border-radius:20px;padding:35px 25px;transition:all .3s;box-shadow:0 10px 25px #00000014}.why-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #7c3aed33}.why-icon{color:#7c3aed;background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:34px;display:flex}.why-card h3{color:#222;margin-bottom:12px;font-size:24px}.why-card p{color:#666;font-size:16px;line-height:1.7}@media (width<=768px){.why-choose{padding:60px 20px}.why-header h2{font-size:30px}.why-header p{font-size:16px}.why-grid{grid-template-columns:1fr}}.statistics{background:#fff;padding:80px 8%}.statistics-header{text-align:center;margin-bottom:50px}.statistics-header h2{color:#222;margin-bottom:12px;font-size:40px}.statistics-header p{color:#666;max-width:700px;margin:0 auto;font-size:18px}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:20px;padding:35px 25px;transition:all .3s;box-shadow:0 10px 25px #00000014}.stat-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #7c3aed33}.stat-icon{color:#7c3aed;background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:34px;display:flex}.stat-card h3{color:#7c3aed;margin-bottom:10px;font-size:38px}.stat-card p{color:#555;font-size:17px;font-weight:500}@media (width<=768px){.statistics{padding:60px 20px}.statistics-header h2{font-size:30px}.statistics-header p{font-size:16px}.statistics-grid{grid-template-columns:1fr}}.testimonials{background:#f8f9fc;padding:80px 8%}.testimonials-header{text-align:center;margin-bottom:50px}.testimonials-header h2{color:#222;margin-bottom:12px;font-size:40px}.testimonials-header p{color:#666;max-width:700px;margin:0 auto;font-size:18px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.testimonial-card{background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 10px 25px #00000014}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #7c3aed2e}.testimonial-top{align-items:center;gap:15px;margin-bottom:20px;display:flex}.testimonial-top img{object-fit:cover;border:3px solid #7c3aed;border-radius:50%;width:70px;height:70px}.testimonial-info h3{color:#222;margin:0;font-size:20px}.testimonial-info p{color:#7c3aed;margin-top:5px;font-size:15px}.testimonial-text{color:#555;margin-bottom:20px;line-height:1.8}.testimonial-rating{color:#f59e0b;gap:5px;font-size:18px;display:flex}@media (width<=768px){.testimonials{padding:60px 20px}.testimonials-header h2{font-size:30px}.testimonials-header p{font-size:16px}.testimonials-grid{grid-template-columns:1fr}}.instructors{background:#f8f9fc;padding:80px 8%}.instructors-header{text-align:center;margin-bottom:50px}.instructors-header h2{color:#222;margin-bottom:12px;font-size:40px}.instructors-header p{color:#666;max-width:650px;margin:0 auto;font-size:18px}.instructors-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;display:grid}.instructor-card{text-align:center;background:#fff;border-radius:20px;padding:30px 25px;transition:all .3s;box-shadow:0 10px 25px #00000014}.instructor-card:hover{transform:translateY(-10px);box-shadow:0 18px 35px #7c3aed33}.instructor-card img{object-fit:cover;border:4px solid #7c3aed;border-radius:50%;width:120px;height:120px;margin-bottom:20px}.instructor-card h3{color:#222;margin-bottom:8px;font-size:24px}.instructor-card h4{color:#7c3aed;margin-bottom:10px;font-size:17px}.instructor-card p{color:#666;margin-bottom:18px}.rating{color:#f59e0b;align-items:center;gap:6px;margin-bottom:18px;font-weight:600;display:inline-flex}.social-icons{justify-content:center;gap:18px;display:flex}.social-icons svg{color:#7c3aed;cursor:pointer;background:#f3e8ff;border-radius:50%;width:42px;height:42px;padding:10px;transition:all .3s}.social-icons svg:hover{color:#fff;background:#7c3aed;transform:scale(1.1)}@media (width<=768px){.instructors{padding:60px 20px}.instructors-header h2{font-size:30px}.instructors-header p{font-size:16px}.instructors-grid{grid-template-columns:1fr}}.newsletter{background:linear-gradient(135deg,#7c3aed,#5b21b6);padding:80px 8%}.newsletter-container{text-align:center;color:#fff;max-width:900px;margin:0 auto}.newsletter-container h2{margin-bottom:15px;font-size:42px}.newsletter-container p{opacity:.95;max-width:700px;margin:0 auto 35px;font-size:18px;line-height:1.8}.newsletter-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.newsletter-form input{border:none;border-radius:50px;outline:none;flex:1;min-width:280px;max-width:500px;padding:16px 20px;font-size:16px}.newsletter-form button{color:#7c3aed;cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 28px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.newsletter-form button:hover{background:#f3e8ff;transform:translateY(-3px)}.newsletter-form button svg{font-size:18px}@media (width<=768px){.newsletter{padding:60px 20px}.newsletter-container h2{font-size:32px}.newsletter-container p{font-size:16px}.newsletter-form{flex-direction:column}.newsletter-form input,.newsletter-form button{width:100%;max-width:100%}}.footer{color:#fff;background:#111827;padding-top:60px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;width:90%;max-width:1300px;margin:auto;padding-bottom:40px;display:grid}.footer-section h2{color:#8b5cf6;margin-bottom:15px;font-size:32px}.footer-section h3{color:#fff;margin-bottom:20px;font-size:22px}.footer-section p{color:#d1d5db;align-items:center;gap:10px;margin-bottom:12px;line-height:1.8;display:flex}.footer-section ul{padding:0;list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#d1d5db;text-decoration:none;transition:all .3s}.footer-section ul li a:hover{color:#8b5cf6;padding-left:5px}.footer-social{gap:15px;margin-top:20px;display:flex}.footer-social a{color:#fff;background:#1f2937;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.footer-social a:hover{background:#8b5cf6;transform:translateY(-5px)}.footer-bottom{text-align:center;border-top:1px solid #374151;padding:20px}.footer-bottom p{color:#9ca3af;font-size:15px}@media (width<=768px){.footer{padding-top:40px}.footer-container{gap:30px;width:92%}.footer-section{text-align:center}.footer-section p,.footer-social{justify-content:center}}.pink-theme-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;background:#f4f6f9!important}.pink-theme-card{border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:960px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000014;background:#fff!important}.pink-form-section{flex-direction:column;justify-content:center;width:50%;padding:45px 40px;display:flex;background:#fff!important}.pink-brand{align-items:center;gap:10px;margin-bottom:25px;font-size:22px;font-weight:700;display:flex;color:#6b21a8!important}.pink-logo-icon{font-size:28px;color:#a21caf!important}.form-head h2{font-size:26px;font-weight:700;color:#0f172a!important}.form-head p{margin-top:4px;margin-bottom:30px;font-size:13px;color:#64748b!important}.pink-form{flex-direction:column;gap:20px;display:flex}.pink-input-group label{letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block;color:#334155!important}.pink-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{font-size:12px;font-weight:600;text-decoration:none;color:#a21caf!important}.forgot-link:hover{text-decoration:underline}.pink-input-box{border-bottom:2px solid #cbd5e1;align-items:center;padding:4px 0;transition:border-color .3s;display:flex;position:relative;background:0 0!important}.pink-input-box:focus-within{border-color:#a21caf}.pink-field-icon{margin-right:10px;font-size:16px;color:#64748b!important}.pink-input-box input{border:none;outline:none;width:100%;padding:8px 0;font-size:14px;font-weight:500;color:#0f172a!important;background:0 0!important}.pink-input-box input::placeholder{color:#94a3b8!important}.pink-input-box input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.pink-input-box input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.pink-input-box input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:16px}.pink-action-row{gap:15px;margin-top:10px;display:flex}.btn-pink-login{cursor:pointer;background:linear-gradient(135deg,#6b21a8 0%,#a21caf 100%);border:none;border-radius:30px;flex:1;padding:12px 20px;font-size:13px;font-weight:600;transition:transform .2s,opacity .2s;box-shadow:0 4px 12px #6b21a840;color:#fff!important}.btn-pink-login:hover{transform:translateY(-2px);box-shadow:0 6px 18px #a21caf59}.btn-pink-login:disabled{opacity:.7;cursor:not-allowed}.btn-pink-outline{text-align:center;border:1.5px solid #a21caf;border-radius:30px;flex:1;padding:10px 15px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;color:#a21caf!important}.btn-pink-outline:hover{background:#a21caf;color:#fff!important}.admin-text{text-align:center;margin-top:12px;font-size:12px;color:#64748b!important}.pink-visual-section{background:linear-gradient(135deg,#6b21a8 0%,#a21caf 100%);flex-direction:column;justify-content:center;width:50%;padding:45px 35px;display:flex}.visual-content h3{margin-bottom:10px;font-size:24px;font-weight:700;line-height:1.3;color:#fff!important}.visual-content p{opacity:.95;margin-bottom:30px;font-size:13px;line-height:1.5;color:#f3e8ff!important}.elearn-feature-cards{flex-direction:column;gap:15px;display:flex}.feature-card{border-radius:14px;align-items:center;gap:15px;padding:16px 20px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #00000026;background:#fff!important}.feature-card:hover{transform:translate(6px)}.card-icon{flex-shrink:0;font-size:22px;color:#6b21a8!important}.feature-card h4{margin-bottom:2px;font-size:14px;font-weight:700;color:#0f172a!important}.feature-card p,.feature-card span,.feature-card div{margin-bottom:0;font-size:12px;line-height:1.4;color:#475569!important;opacity:1!important}@media (width<=768px){.pink-theme-card{flex-direction:column}.pink-form-section,.pink-visual-section{width:100%}.pink-form-section{padding:30px 20px}.pink-visual-section{padding:35px 20px}}.register-page{background:#f4f6f9;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.register-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:680px;padding:30px 35px;box-shadow:0 10px 30px #00000014}.register-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.back-btn{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.back-btn:hover{color:#0f172a;background:#e2e8f0}.brand-title{color:#6b21a8;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.brand-icon{color:#a21caf;font-size:22px}.form-heading{margin-bottom:20px}.form-heading h2{color:#0f172a;font-size:22px;font-weight:700}.form-heading p{color:#64748b;margin-top:2px;font-size:12px}.form-group label{color:#475569;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.input-box{border-bottom:2px solid #e2e8f0;align-items:center;padding:6px 0;transition:border-color .3s;display:flex}.input-box:focus-within{border-color:#a21caf}.input-icon{color:#94a3b8;margin-right:10px;font-size:15px}.input-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:13px}.input-box input::placeholder{color:#94a3b8}.eye-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:14px}.register-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#6b21a8 0%,#a21caf 100%);border:none;border-radius:30px;width:100%;margin-top:25px;padding:12px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6b21a840}.register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #a21caf59}.register-btn:disabled{opacity:.7;cursor:not-allowed}.login-link{text-align:center;color:#64748b;margin-top:15px;font-size:12px}.login-link a{color:#a21caf;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (width<=600px){.register-container{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:12px}}*{box-sizing:border-box;margin:0;padding:0}.courses-page{background:#f8f9ff;width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.courses-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#6d4cff,#8b5cf6);padding:80px 5% 60px}.courses-hero h1{margin-bottom:16px;font-size:48px;font-weight:700}.courses-hero p{opacity:.95;max-width:720px;margin:auto;font-size:18px;line-height:1.6}.search-box{background:#fff;border-radius:60px;align-items:stretch;width:100%;max-width:850px;height:58px;margin:40px auto 25px;display:flex;overflow:hidden;box-shadow:0 15px 40px #0000001f}.search-box input{color:#333;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 28px;font-size:16px}.search-box button{cursor:pointer;background:linear-gradient(135deg,#6d4cff,#8b5cf6);border:none;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:100%;font-size:16px;font-weight:600;transition:all .3s;display:flex;color:#fff!important}@media (width<=768px){.search-box{border-radius:20px;flex-direction:column;height:auto}.search-box input{width:100%;padding:16px 20px}.search-box button{border-radius:0 0 20px 20px;width:100%;height:50px}}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.filter-buttons button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.filter-buttons button:hover,.filter-buttons button.active{color:#6d4cff;background:#fff}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:32px;max-width:1280px;margin:auto;padding:60px 5%;display:grid}.course-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:flex-start;height:auto;min-height:520px;padding:25px 20px;transition:transform .35s,box-shadow .35s;display:flex;box-shadow:0 10px 30px #0000000f}.course-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #6d4cff26}.course-image{border-radius:16px;width:100%;height:180px;margin-bottom:20px;overflow:hidden}.course-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.course-card:hover .course-image img{transform:scale(1.05)}.level{color:#6d4cff;background:#ece8ff;border-radius:20px;margin:0 auto 12px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.course-card h3{color:#222;margin:10px 0 15px;font-size:22px;font-weight:700;line-height:1.3}.course-info{color:#666;justify-content:center;gap:20px;margin-bottom:15px;font-size:14px;display:flex}.course-info span{align-items:center;gap:6px;display:flex}.skills{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.skills span{color:#555;background:#f4f4ff;border-radius:16px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.price{color:#6d4cff;margin-bottom:20px;font-size:26px;font-weight:800}.enroll-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d4cff,#8b5cf6);border:none;border-radius:12px;width:100%;margin-top:auto;padding:14px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.enroll-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6d4cff4d}@media (width<=768px){.courses-hero{padding:60px 5% 40px}.courses-hero h1{font-size:32px}.courses-hero p{font-size:15px}.search-box{border-radius:20px;flex-direction:column}.search-box input{width:100%}.search-box button{border-radius:0 0 20px 20px;width:100%}.courses-grid{grid-template-columns:1fr;padding:40px 5%}}.about-page{background:#f8f9ff}.about-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#6d4cff,#8b5dff);padding:100px 8%}.about-hero h1{margin-bottom:20px;font-size:52px;font-weight:700}.about-hero p{max-width:700px;margin:auto;font-size:18px;line-height:1.8}.about-hero button{color:#6d4cff;cursor:pointer;background:#fff;border:none;border-radius:50px;margin-top:35px;padding:14px 35px;font-size:16px;font-weight:600;transition:all .3s}.about-hero button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ffffff40}.why-learnhub,.about-company,.mission-section,.stats-section,.about-cta{padding:80px 8%}.why-learnhub h2,.about-company h2,.about-cta h2{color:#222;text-align:center;margin-bottom:15px;font-size:40px}.why-learnhub>p{text-align:center;color:#666;max-width:700px;margin:auto auto 50px;line-height:1.8}.feature-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature-card{text-align:center;background:#fff;border-radius:20px;padding:35px 25px;transition:all .3s;box-shadow:0 15px 35px #0000000f}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #6d4cff26}.feature-icon{color:#6d4cff;background:#f2edff;border-radius:18px;justify-content:center;align-items:center;width:75px;height:75px;margin:auto auto 20px;font-size:30px;display:flex}.feature-card h3{color:#222;margin-bottom:12px}.feature-card p{color:#666;line-height:1.7}.about-company{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.about-left h2{text-align:left}.about-left p{color:#666;margin-top:20px;line-height:1.9}.about-right img{border-radius:25px;width:100%;box-shadow:0 20px 40px #0000001a}.mission-section{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.mission-card{text-align:center;background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 35px #0000000f}.mission-icon{color:#6d4cff;margin-bottom:20px;font-size:45px}.mission-card h3{margin-bottom:15px}.mission-card p{color:#666;line-height:1.8}.stats-section{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.stat-box{text-align:center;background:#fff;border-radius:20px;padding:35px;box-shadow:0 15px 35px #0000000f}.stat-box h2{color:#6d4cff;margin-bottom:10px;font-size:42px}.stat-box p{color:#666}.about-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#6d4cff,#8b5dff);border-radius:30px;margin:60px 8%}.about-cta h2{color:#fff}.about-cta p{max-width:650px;margin:20px auto;line-height:1.8}.about-cta button{color:#6d4cff;cursor:pointer;background:#fff;border:none;border-radius:50px;margin-top:20px;padding:14px 35px;font-size:16px;font-weight:600;transition:all .3s}.about-cta button:hover{transform:translateY(-3px)}@media (width<=992px){.feature-grid,.stats-section{grid-template-columns:repeat(2,1fr)}.about-company,.mission-section{grid-template-columns:1fr}}@media (width<=768px){.about-hero h1{font-size:38px}.feature-grid,.stats-section{grid-template-columns:1fr}.about-hero,.why-learnhub,.about-company,.mission-section,.stats-section,.about-cta{padding:60px 5%}.about-cta{margin:40px 5%}}.about-hero .hero-btn,.about-cta .cta-btn{color:#000;background-color:#f0f2f6;border-radius:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.about-hero .hero-btn:hover,.about-cta .cta-btn:hover{background-color:#4f46e5}*{box-sizing:border-box}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--purple:#7c3aed;--green:#16a34a;--dark:#0f172a;--text:#1e293b;--muted:#64748b;--light-text:#94a3b8;--background:#f4f7fb;--card:#fff;--border:#e5eaf2;--radius-lg:22px;--radius-md:15px;--radius-sm:11px;--shadow-sm:0 5px 20px #0f172a0d;--shadow-md:0 15px 45px #0f172a14;--shadow-lg:0 25px 70px #0f172a1f}.payment-page{width:100%;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0,#2563eb14,#0000 30%),radial-gradient(circle at 90% 10%,#7c3aed12,#0000 28%),linear-gradient(#f8faff 0%,#f4f7fb 100%);padding:55px 6% 70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.checkout-header{text-align:center;max-width:1180px;margin:0 auto 42px}.checkout-security{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.checkout-security span{color:#475569;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e2e8f0e6;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:12px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #0f172a0a}.checkout-security span:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.checkout-security span:last-child{color:#4f46e5;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#c7d2fe}.checkout-header h1{letter-spacing:-1.8px;color:var(--dark);background:linear-gradient(135deg,#0f172a 0%,#2563eb 55%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,4vw,52px);font-weight:850;line-height:1.1}.checkout-header p{max-width:680px;color:var(--muted);margin:16px auto 0;font-size:16px;line-height:1.7}.payment-alert{border-radius:var(--radius-md);align-items:flex-start;gap:14px;max-width:1180px;margin:0 auto 28px;padding:17px 20px;animation:.35s slideDown;display:flex;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payment-alert .alert-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:18px;display:flex}.payment-alert strong{margin-bottom:5px;font-size:14px;display:block}.payment-alert p{margin:0;font-size:13px;line-height:1.5}.payment-alert button{cursor:pointer;color:inherit;opacity:.65;background:0 0;border:none;margin-left:auto;font-size:23px;transition:all .2s}.payment-alert button:hover{opacity:1;transform:scale(1.1)}.error-alert{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.error-alert .alert-icon{background:#ffe4e6}.success-alert{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.success-alert .alert-icon{background:#d1fae5}.checkout-container{grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);align-items:start;gap:30px;max-width:1180px;margin:0 auto;display:grid}.checkout-left{flex-direction:column;gap:22px;display:flex}.checkout-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#fffffffa,#fafcfffa);border:1px solid #e2e8f0e6;padding:28px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.checkout-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--purple));opacity:0;width:100%;height:3px;transition:all .3s;position:absolute;top:0;left:0}.checkout-card:hover{box-shadow:var(--shadow-md);border-color:#dbe4f0;transform:translateY(-3px)}.checkout-card:hover:before{opacity:1}.card-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.heading-icon{width:48px;min-width:48px;height:48px;color:var(--primary);background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;border-radius:14px;justify-content:center;align-items:center;font-size:21px;display:flex;box-shadow:0 6px 18px #2563eb14}.card-heading h2{color:var(--dark);letter-spacing:-.3px;margin:0 0 4px;font-size:19px;font-weight:800}.card-heading p{color:var(--muted);margin:0;font-size:12px}.course-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e7edf5;border-radius:16px;align-items:center;gap:19px;margin-bottom:20px;padding:18px;transition:all .3s;display:flex}.course-preview:hover{background:linear-gradient(135deg,#f8fbff,#f1f5ff);border-color:#dbeafe}.course-thumbnail{object-fit:cover;background:#e2e8f0;border-radius:12px;flex-shrink:0;width:125px;height:82px;transition:transform .3s;box-shadow:0 8px 22px #0f172a1f}.course-preview:hover .course-thumbnail{transform:scale(1.03)}.course-preview-info{min-width:0}.course-preview-info h3{color:var(--dark);letter-spacing:-.4px;margin:0 0 10px;font-size:19px;font-weight:800;line-height:1.35}.course-category{color:#1d4ed8;background:#dbeafe;border-radius:8px;align-items:center;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.course-details{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-item{background:#fafcff;border:1px solid #edf1f6;border-radius:13px;padding:15px;transition:all .25s}.detail-item:hover{background:#f8fbff;border-color:#dbeafe;transform:translateY(-2px)}.detail-item span{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.detail-item strong{color:#1e293b;font-size:14px;font-weight:750}.course-benefits{border-top:1px solid #e5e7eb;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:21px;padding-top:21px;display:grid}.course-benefits div{color:#166534;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #dcfce7;border-radius:10px;padding:11px 13px;font-size:12px;font-weight:700;transition:all .25s}.course-benefits div:hover{background:#dcfce7;transform:translate(3px)}.student-details{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.student-detail{background:linear-gradient(145deg,#f8fafc,#fff);border:1px solid #e8edf3;border-radius:13px;padding:17px;transition:all .25s}.student-detail:hover{border-color:#cbdcf5;transform:translateY(-2px);box-shadow:0 7px 18px #0f172a0d}.student-detail span{color:#64748b;text-transform:uppercase;letter-spacing:.25px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.student-detail strong{color:#0f172a;word-break:break-word;font-size:13px;font-weight:750;display:block}.payment-methods{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.payment-methods>div{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e1e5ec;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:100px;display:flex}.payment-methods>div span{margin-top:8px;font-weight:600}@media (width<=900px){.payment-methods{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.payment-methods{grid-template-columns:1fr}}.checkout-right{position:relative}.order-summary-card{box-shadow:var(--shadow-lg);background:linear-gradient(160deg,#fff 0%,#fbfdff 100%);border:1px solid #dfe7f1;border-radius:22px;padding:28px;position:sticky;top:25px;overflow:hidden}.order-summary-card:before{content:"";background:linear-gradient(90deg,#2563eb,#4f46e5,#7c3aed);height:5px;position:absolute;top:0;left:0;right:0}.summary-top{margin-bottom:23px}.summary-badge{color:#4f46e5;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;border-radius:7px;padding:6px 11px;font-size:10px;font-weight:850;display:inline-flex}.summary-top h2{color:var(--dark);letter-spacing:-.6px;margin:11px 0 0;font-size:24px;font-weight:850}.summary-course{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e8edf3;border-radius:13px;margin-bottom:20px;padding:16px}.summary-course span{color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.summary-course strong{color:#172033;font-size:14px;font-weight:750;line-height:1.5;display:block}.summary-row{justify-content:space-between;align-items:center;gap:20px;padding:9px 0;display:flex}.summary-row span{color:#64748b;font-size:13px}.summary-row strong{color:#1e293b;white-space:nowrap;font-size:13px;font-weight:750}.platform-total-row{background:#f8fafc;border-radius:10px;margin-top:3px;padding:12px}.platform-total-row span{color:#475569;font-weight:650}.summary-total{justify-content:space-between;align-items:center;gap:15px;padding:5px 0 21px;display:flex}.summary-total span{color:#334155;font-size:14px;font-weight:800}.summary-total strong{color:#0f172a;letter-spacing:-.5px;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:27px;font-weight:900}.pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 50%,#7c3aed 100%);border:none;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:0 20px;font-size:15px;font-weight:800;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 25px #2563eb40}.pay-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:70%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.pay-btn:hover:before{left:130%}.pay-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 17px 35px #2563eb59}.pay-btn:active:not(:disabled){transform:translateY(-1px)}.pay-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.pay-btn.processing{cursor:wait}.payment-note{color:#94a3b8;text-align:center;margin:13px 0 0;font-size:10px;line-height:1.5}.security-box{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:13px;align-items:flex-start;gap:12px;margin-top:21px;padding:15px;display:flex}.security-icon{background:#dcfce7;border-radius:10px;justify-content:center;align-items:center;width:37px;min-width:37px;height:37px;font-size:16px;display:flex}.security-box strong{color:#166534;margin-bottom:3px;font-size:12px;display:block}.security-box p{color:#4b7a5b;margin:0;font-size:10px;line-height:1.5}.payment-loading{color:#475569;background:radial-gradient(circle,#fff,#f1f5f9);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.payment-loading p{margin:0;font-size:14px;font-weight:700}.payment-spinner{border:4px solid #2563eb;border-color:#2563eb #7c3aed #dbeafe #dbeafe;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite paymentSpin}@keyframes paymentSpin{to{transform:rotate(360deg)}}.payment-error-page{text-align:center;background:radial-gradient(circle,#fff,#f1f5f9);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.payment-error-page h2{color:#0f172a;margin:0 0 10px;font-size:30px;font-weight:850}.payment-error-page p{color:#64748b;margin:0 0 22px}.back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:10px;padding:13px 24px;font-weight:750;transition:all .25s;box-shadow:0 8px 20px #2563eb33}.back-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2563eb4d}@media (width<=1000px){.payment-page{padding:45px 4% 60px}.checkout-container{grid-template-columns:1fr}.checkout-right{order:-1}.order-summary-card{position:relative;top:0}.student-details{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.payment-page{padding:28px 14px 45px}.checkout-header{margin-bottom:30px}.checkout-header h1{letter-spacing:-1px;font-size:30px}.checkout-header p{font-size:13px;line-height:1.6}.checkout-security{gap:6px}.checkout-security span{padding:6px 10px;font-size:10px}.checkout-container{gap:18px}.checkout-card{border-radius:17px;padding:19px}.order-summary-card{border-radius:18px;padding:20px}.card-heading{margin-bottom:18px}.heading-icon{border-radius:11px;width:41px;min-width:41px;height:41px;font-size:18px}.card-heading h2{font-size:17px}.card-heading p{font-size:10px}.course-preview{border-radius:13px;gap:12px;padding:13px}.course-thumbnail{border-radius:9px;width:90px;height:64px}.course-preview-info h3{margin-bottom:7px;font-size:15px}.course-details,.course-benefits,.student-details{grid-template-columns:1fr}.payment-methods{grid-template-columns:repeat(2,1fr)}.summary-top h2{font-size:21px}.summary-total strong{font-size:23px}.pay-btn{min-height:53px;font-size:14px}}@media (width<=400px){.payment-page{padding:22px 10px 35px}.checkout-header h1{font-size:26px}.course-preview{align-items:flex-start}.course-thumbnail{width:75px;height:55px}.summary-row span,.summary-row strong{font-size:12px}.summary-total{flex-direction:column;align-items:flex-start;gap:4px}.summary-total strong{font-size:25px}.payment-methods div{min-height:72px}}.pay-btn:focus-visible,.back-btn:focus-visible,.payment-alert button:focus-visible{outline-offset:3px;outline:3px solid #2563eb4d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--payment-sidebar-width:250px}.payment-page{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.checkout-header,.payment-alert,.checkout-container{width:min(1180px,100% - 40px);max-width:1180px;margin-left:auto;margin-right:auto}.checkout-container,.checkout-left,.checkout-right,.checkout-card,.order-summary-card{min-width:0}.checkout-container{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr)}@media (width<=1000px){.checkout-header,.payment-alert,.checkout-container{width:calc(100% - 32px)}.checkout-container{grid-template-columns:1fr}}@media (width<=650px){.checkout-header,.payment-alert,.checkout-container{width:100%}.payment-page{padding-left:14px;padding-right:14px}}@media (width<=400px){.payment-page{padding-left:10px;padding-right:10px}}.payment-page{box-sizing:border-box;width:calc(100% + 250px);max-width:none;position:relative;left:-250px}.payment-page .checkout-header,.payment-page .payment-alert,.payment-page .checkout-container{max-width:1180px;margin-left:auto;margin-right:auto}@media (width<=1000px){.payment-page{width:100%;left:0}}@media (width<=650px){.payment-page{width:100%;left:0}}.payment-methods{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;max-width:100%!important;display:grid!important}.payment-methods>div{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:100px!important;min-height:100px!important}@media (width>=901px){.payment-methods{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (width<=900px){.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important}}@media (width<=500px){.payment-methods{grid-template-columns:1fr!important}}.sidebar{-webkit-backdrop-filter:blur(24px)saturate(160%);color:#3b0764;z-index:1000;background:#f5f3ffd1;border-right:1px solid #d8b4fe80;flex-direction:column;justify-content:space-between;width:280px;height:100dvh;padding:28px 18px;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:10px 0 30px #7e22ce0f}.sidebar:before{content:"";background:radial-gradient(circle,#c084fc40,#e9d5ff1a 50%,#0000 70%);width:280px;height:280px;animation:8s ease-in-out infinite alternate glowMove;position:absolute;top:-80px;left:-80px}@keyframes glowMove{0%{transform:translate(0)}to{transform:translate(60px,80px)}}.logo{align-items:center;gap:14px;margin-bottom:35px;padding:12px;display:flex;position:relative}.logo-icon{color:#fff;background:linear-gradient(135deg,#a855f7,#7e22ce);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:900;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 8px 20px #a855f740}.logo-icon:hover{transform:rotate(6deg)scale(1.05);box-shadow:0 10px 25px #a855f766}.logo h2{letter-spacing:-.5px;color:#3b0764;font-size:24px;font-weight:800}.sidebar-menu{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sidebar-menu li{position:relative}.menu-link{border:1px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:14px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden;color:#6b21a8!important}.menu-link:before{content:"";background:linear-gradient(120deg,#0000,#fff9,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.menu-link:hover:before{left:100%}.menu-link:hover{background:#ffffffb3;border-color:#d8b4fe99;transform:translate(6px);box-shadow:0 4px 12px #a855f714;color:#581c87!important}.sidebar-menu li.active .menu-link,.menu-link.active{border:1px solid #c084fc80;transform:translate(6px);box-shadow:0 10px 25px #7e22ce1f;color:#7e22ce!important;background:#fff!important;font-weight:800!important}.menu-link.active:after{content:"";background:#a855f7;border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:20%;left:0;box-shadow:0 0 8px #a855f780}.menu-link svg,.menu-link i{min-width:25px;font-size:21px;transition:transform .3s,color .3s}.menu-link:hover svg,.menu-link.active svg,.menu-link:hover i,.menu-link.active i{color:#7e22ce;transform:scale(1.12)rotate(-4deg)}.logout-btn{color:#7e22ce;cursor:pointer;background:#fff9;border:1px solid #d8b4fe99;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.logout-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca;transform:translateY(-2px);box-shadow:0 6px 20px #dc26261a}.menu-btn,.close-btn,.sidebar-overlay{display:none}@media (width<=992px){.sidebar{z-index:1001;-webkit-backdrop-filter:none;background:#fff;width:280px;height:100dvh;padding:28px 18px;transition:transform .3s;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-btn{color:#7e22ce;cursor:pointer;background:#f3e8ff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.close-btn{color:#7e22ce;cursor:pointer;background:#f3e8ff;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:10px;margin-left:auto;font-size:20px;display:flex}.sidebar-overlay{z-index:1000;background:#00000073;display:block;position:fixed;inset:0}.dashboard-content{width:100%;margin-left:0;padding:20px}.logo h2{display:block}.menu-link span{display:inline}.menu-link{justify-content:flex-start}}:root{--cd-bg:#f8fafc;--cd-card-bg:#fff;--cd-text-primary:#0f172a;--cd-text-muted:#64748b;--cd-accent-grad:linear-gradient(135deg, #6d28d9 0%, #9333ea 100%);--cd-green:#10b981;--cd-green-hover:#059669;--cd-blue:#2563eb;--cd-blue-hover:#1d4ed8;--cd-border:#e2e8f0}.course-details-page{background:var(--cd-bg);min-height:100vh;display:flex}.course-details-content{flex:1;max-width:1300px;margin-left:260px;padding:40px}.shimmer{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:20px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-hero{height:280px;margin-bottom:40px}.skeleton-card{height:120px}.skeleton-block{height:180px;margin-bottom:30px}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.course-hero{background:var(--cd-accent-grad);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:36px;padding:44px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #6d28d94d}.course-left{z-index:2;flex:1}.course-category{-webkit-backdrop-filter:blur(8px);letter-spacing:.5px;text-transform:uppercase;background:#fff3;border:1px solid #ffffff40;border-radius:30px;margin-bottom:20px;padding:6px 18px;font-size:13px;font-weight:700;display:inline-block}.course-left h1{letter-spacing:-.5px;margin-bottom:16px;font-size:38px;font-weight:800;line-height:1.25}.course-left p{opacity:.92;max-width:650px;font-size:16px;line-height:1.7}.course-right{z-index:2}.hero-img-wrapper{border:2px solid #fff3;border-radius:20px;width:400px;height:250px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003}.hero-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.course-hero:hover .hero-img-wrapper img{transform:scale(1.05)}.course-info-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:36px;display:grid}.info-card{background:var(--cd-card-bg);text-align:center;border:1px solid var(--cd-border);border-radius:20px;padding:28px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px -2px #0f172a0a}.info-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 25px -5px #0f172a14}.info-card h3{color:var(--cd-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.info-card p{color:var(--cd-blue);margin:0;font-size:26px;font-weight:800}.info-card p.price-tag{color:var(--cd-text-primary)}.course-description-card{background:var(--cd-card-bg);border:1px solid var(--cd-border);border-radius:20px;margin-bottom:36px;padding:36px;box-shadow:0 4px 20px -2px #0f172a0a}.course-description-card h2{color:var(--cd-text-primary);margin-bottom:16px;font-size:22px;font-weight:700}.course-description-card p{color:var(--cd-text-muted);margin:0;font-size:15px;line-height:1.8}.course-actions{gap:16px;display:flex}.buy-btn,.start-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:16px 36px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.buy-btn{background:var(--cd-green);color:#fff;box-shadow:0 4px 14px #10b98140}.buy-btn:hover{background:var(--cd-green-hover);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.start-btn{background:var(--cd-blue);color:#fff;box-shadow:0 4px 14px #2563eb40}.start-btn:hover{background:var(--cd-blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.buy-btn:active,.start-btn:active{transform:scale(.98)}@media (width<=1024px){.course-hero{text-align:center;flex-direction:column;padding:32px}.hero-img-wrapper{width:100%;max-width:480px;height:240px}}@media (width<=992px){.course-details-content{margin-left:0;padding:24px}.course-info-grid{grid-template-columns:1fr}.course-actions{flex-direction:column}.buy-btn,.start-btn{width:100%}}@media (width<=480px){.course-left h1{font-size:28px}.hero-img-wrapper{height:180px}}.cc-card{box-sizing:border-box;background:#fff;border:1px solid #d8b4fe99;border-radius:20px;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #7e22ce0a}.cc-card:hover{border-color:#c084fc;transform:translateY(-6px);box-shadow:0 18px 36px #7e22ce1f}.cc-image-wrapper{background-color:#f3e8ff;flex-shrink:0;width:100%;height:190px;position:relative;overflow:hidden}.cc-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.cc-card:hover .cc-image{transform:scale(1.05)}.cc-badge{color:#fff;-webkit-backdrop-filter:blur(8px);letter-spacing:.4px;text-transform:uppercase;background:#2e0854d9;border:1px solid #fff3;border-radius:20px;padding:5px 14px;font-size:11.5px;font-weight:700;position:absolute;top:12px;left:12px}.cc-rating-tag{-webkit-backdrop-filter:blur(6px);color:#2e0854;background:#ffffffeb;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:800;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 12px #0000001f}.cc-star-icon{color:#f59e0b;font-size:12px}.cc-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.cc-title{color:#2e0854;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:2.8em;margin:0 0 8px;font-size:17px;font-weight:800;display:-webkit-box;overflow:hidden;line-height:1.4!important}.cc-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin:0 0 16px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.cc-meta-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.cc-meta-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.cc-meta-icon{color:#a855f7;font-size:12px}.cc-bottom{border-top:1px dashed #e9d5ff;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.cc-price-tag{color:#2e0854;align-items:baseline;font-weight:800;display:flex}.cc-currency{color:#7e22ce;margin-right:2px;font-size:15px}.cc-amount{letter-spacing:-.5px;font-size:22px}.cc-actions{align-items:center;gap:8px;display:flex}.cc-actions button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.cc-view-btn{color:#7e22ce;background:#f3e8ff}.cc-view-btn:hover{color:#6b21a8;background:#e9d5ff}.cc-buy-btn{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);box-shadow:0 4px 12px #7e22ce40}.cc-buy-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #7e22ce59}.cc-actions button:active{transform:scale(.96)}@media (width<=640px){.cc-bottom{flex-direction:column;align-items:stretch;gap:14px}.cc-price-tag{justify-content:center}.cc-actions{width:100%}.cc-actions button{flex:1}}body{color:#3b0764;-webkit-font-smoothing:antialiased;background-color:#faf8ff}.dashboard{background-color:#faf8ff;min-height:100vh;display:flex}.dashboard-content{flex:1;max-width:1680px;margin-left:280px;padding:36px 48px;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dashboard-loading-screen{color:#6b21a8;background:#faf8ff;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;font-weight:600;display:flex}.dash-loader{border:4px solid #e9d5ff;border-top-color:#a855f7;border-radius:50%;width:48px;height:48px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header-welcome h1{color:#3b0764;letter-spacing:-.7px;font-size:30px;font-weight:800}.header-welcome p{color:#6b21a8;opacity:.8;margin-top:6px;font-size:14px;font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.search-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #d8b4fe99;border-radius:14px;align-items:center;gap:12px;width:300px;height:48px;padding:0 18px;transition:all .25s;display:flex;box-shadow:0 4px 12px #7e22ce0a}.search-box:focus-within{background:#fff;border-color:#a855f7;box-shadow:0 0 0 4px #a855f726}.search-icon{color:#c084fc;font-size:16px}.search-box input{color:#3b0764;background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.notification-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fffc;border:1px solid #d8b4fe99;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;position:relative}.notification-btn .bell-icon{color:#7e22ce;font-size:18px}.notification-btn:hover{background:#fff;border-color:#c084fc;box-shadow:0 4px 12px #a855f71f}.notification-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:11px;right:11px}.profile-img{object-fit:cover;border:2px solid #d8b4fecc;border-radius:14px;width:48px;height:48px;box-shadow:0 4px 12px #7e22ce1a}.stats-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #d8b4fe80;border-radius:20px;align-items:center;gap:18px;padding:24px;transition:all .25s;display:flex;box-shadow:0 10px 25px #7e22ce0a}.stat-card:hover{background:#fff;border-color:#c084fc;transform:translateY(-3px);box-shadow:0 12px 28px #7e22ce14}.stat-icon.purple{color:#7e22ce;background:#f3e8ff}.stat-icon.pink{color:#db2777;background:#fce7f3}.stat-icon.blue{color:#0284c7;background:#e0f2fe}.stat-info h3{color:#3b0764;font-size:26px;font-weight:800}.stat-info p{color:#6b21a8;opacity:.8;font-size:13px;font-weight:600}.live-session-container{margin-bottom:32px}.live-session{color:#fff;background:linear-gradient(135deg,#7e22ce 0%,#a855f7 50%,#c084fc 100%);border-radius:24px;justify-content:space-between;align-items:center;padding:36px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #7e22ce33}.live-left{z-index:2;max-width:650px}.live-badge-wrapper,.no-live-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.live-pulse{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.live-left h2{margin-bottom:8px;font-size:26px;font-weight:800}.live-left p{opacity:.92;margin-bottom:20px;font-size:14px}.live-details{gap:14px;margin-bottom:22px;font-size:13px;font-weight:600;display:flex}.live-details span{background:#00000026;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.join-btn{color:#7e22ce;cursor:pointer;background:#fff;border:none;border-radius:12px;padding:12px 26px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #0000001a}.join-btn:hover:not(.disabled){background:#faf5ff;transform:translateY(-2px);box-shadow:0 6px 18px #00000026}.join-btn.disabled{opacity:.6;cursor:not-allowed}.play-circle{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:28px;display:flex}.continue-card-full{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #d8b4fe80;border-radius:20px;margin-bottom:32px;padding:24px;box-shadow:0 10px 25px #7e22ce0a}.continue-body-full{align-items:center;gap:28px;display:flex}.image-wrapper-full{border-radius:14px;flex-shrink:0;width:240px;height:140px;overflow:hidden}.image-wrapper-full img{object-fit:cover;width:100%;height:100%}.continue-details-full{flex:1}.continue-tag{color:#7e22ce;letter-spacing:.5px;background:#f3e8ff;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.continue-details-full h3{color:#3b0764;margin:8px 0 12px;font-size:20px;font-weight:800}.progress-info{color:#6b21a8;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.progress-percent{color:#a855f7;font-weight:800}.progress-bar{background:#f3e8ff;border-radius:10px;height:8px;margin-bottom:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#a855f7,#7e22ce);border-radius:10px;height:100%}.continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7e22ce);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #a855f740}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7e22ce59}.dashboard-grid-row{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:32px;display:grid}.dash-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #d8b4fe80;border-radius:20px;padding:24px;box-shadow:0 10px 25px #7e22ce0a}.schedule-tag{letter-spacing:.5px;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.schedule-tag.today{color:#15803d;background:#dcfce7}.schedule-tag.tomorrow{color:#6b21a8;background:#f3e8ff}.schedule-card h2{color:#6b21a8;text-transform:uppercase;opacity:.8;margin:12px 0 6px;font-size:13px;font-weight:700}.schedule-card h3{color:#3b0764;margin-bottom:6px;font-size:18px;font-weight:800}.schedule-card p{color:#6b21a8;opacity:.85;margin-bottom:16px;font-size:13px}.no-class-text{color:#a855f7;opacity:.7;font-size:14px;font-weight:500}.join-class-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;width:100%;padding:10px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #16a34a33}.join-class-btn:hover{background:#15803d;transform:translateY(-2px)}.available-courses-section{margin-bottom:40px}.section-header-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.section-header h2{color:#3b0764;letter-spacing:-.5px;font-size:24px;font-weight:800}.section-header p{color:#6b21a8;opacity:.8;margin-top:4px;font-size:14px}.course-filters{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#6b21a8;cursor:pointer;white-space:nowrap;background:#ffffffb3;border:1px solid #d8b4fe80;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s}.filter-pill:hover{color:#7e22ce;background:#fff;border-color:#c084fc}.filter-pill.active{color:#fff;background:linear-gradient(135deg,#a855f7,#7e22ce);border-color:#0000;box-shadow:0 4px 12px #a855f740}.course-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #d8b4fe80;border-radius:20px;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #7e22ce0a;min-height:420px!important}.course-card:hover{background:#fff;border-color:#c084fc;transform:translateY(-6px);box-shadow:0 18px 36px #7e22ce1f}.course-card-image-wrapper{background:#faf5ff;width:100%;height:180px;position:relative;overflow:hidden}.course-card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.course-card:hover .course-card-image-wrapper img{transform:scale(1.06)}.course-badge-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#7e22ce;z-index:2;background:#ffffffe6;border:1px solid #d8b4fe99;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 4px 10px #0000000d}.course-rating-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fbbf24;z-index:2;background:#0f0b1cb3;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:800;display:flex;position:absolute;top:12px;right:12px}.course-card-content,.course-card-body{flex-direction:column;flex:1;justify-content:space-between;padding:18px;display:flex}.course-meta-info{color:#6b21a8;opacity:.85;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.course-meta-info span{align-items:center;gap:4px;display:flex}.course-card h3,.course-card-title{color:#3b0764;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 6px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden;font-size:16px!important}.course-card p,.course-card-description{color:#6b21a8;opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;line-height:1.5;display:-webkit-box;overflow:hidden;font-size:12px!important}.instructor-info{align-items:center;gap:10px;margin-bottom:12px;padding-top:8px;display:flex}.instructor-avatar{object-fit:cover;border:1px solid #c084fc;border-radius:50%;width:26px;height:26px}.instructor-name{color:#3b0764;font-size:12px;font-weight:700}.course-card-footer{justify-content:center;align-items:center;width:100%;margin-top:auto;padding-top:18px;display:flex;position:relative}.course-card-footer:before{content:"";filter:blur(14px);pointer-events:none;z-index:1;background:radial-gradient(circle,#ec489959 0%,#a855f733 50%,#0000 80%);height:45px;position:absolute;bottom:-12px;left:0;right:0}.course-card-actions,.course-actions,.course-buttons{z-index:2;gap:12px;width:100%;display:flex;position:relative}.course-card-actions button,.course-card-actions a,.btn-view,.btn-buy,.course-card-btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;height:56px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.btn-view,.course-card-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 6px 18px #8b5cf659}.btn-buy{background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 6px 18px #ec489959}.btn-view:hover,.course-card-btn:hover,.btn-buy:hover{filter:brightness(1.05);transform:translateY(-3px)}@media (width<=576px){.course-card-actions,.course-actions,.course-buttons{flex-direction:column}.btn-view,.btn-buy,.course-card-btn{width:100%}}@media (width<=992px){.dashboard-content{width:100%;margin-left:0;padding:24px 20px}.section-header-wrapper,.continue-body-full{flex-direction:column;align-items:flex-start}.image-wrapper-full{width:100%;height:160px}.dashboard-grid-row{grid-template-columns:1fr}.dashboard-header{gap:16px}.mobile-header-row{align-items:flex-start;gap:12px;min-width:0;display:flex}.header-welcome{min-width:0}.header-welcome h1{font-size:24px}.header-welcome p{font-size:13px}.header-right{flex-shrink:0}.search-box{width:240px}}@media (width<=576px){.dashboard-content{padding:18px 14px}.dashboard-header{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:24px}.mobile-header-row{align-items:flex-start;width:100%}.menu-btn{flex-shrink:0}.header-welcome h1{font-size:21px;line-height:1.3}.header-welcome p{font-size:12px;line-height:1.5}.header-right{justify-content:flex-end;width:100%}.search-box{flex:1;width:100%}.stats-row{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.stat-card{padding:18px}.live-session{border-radius:20px;flex-direction:column;align-items:flex-start;gap:24px;padding:24px 20px}.live-left{width:100%}.live-left h2{font-size:21px}.live-left p{font-size:13px}.live-details{flex-wrap:wrap;gap:8px}.play-circle{align-self:center;width:65px;height:65px;font-size:22px}.continue-card-full{border-radius:18px;padding:18px}.image-wrapper-full{height:170px}.continue-details-full h3{font-size:18px}.dashboard-grid-row{grid-template-columns:1fr;gap:16px}.dash-card{padding:18px}.available-courses-section{margin-bottom:28px}.section-header h2{font-size:20px}.section-header p{font-size:12px}.course-filters{scrollbar-width:none;width:100%;overflow-x:auto}.course-filters::-webkit-scrollbar{display:none}.course-grid{grid-template-columns:1fr;gap:16px}.course-card{min-height:auto!important}.course-card-image-wrapper{height:190px}.course-card-content,.course-card-body{padding:16px}.course-card-actions,.course-actions,.course-buttons{flex-direction:column;gap:10px}.btn-view,.btn-buy,.course-card-btn{width:100%;height:48px}}.mycourses-page{background:#f5f7fb;min-height:100vh}.mycourses-content{width:calc(100% - 270px);min-height:100vh;margin-left:270px;padding:35px;overflow-x:hidden}.courses-header h1{color:#1e293b;margin-bottom:8px;font-size:34px;font-weight:700}.search-course{background:#fff;border-radius:18px;align-items:center;width:100%;margin-top:30px;padding:15px 20px;display:flex;box-shadow:0 8px 25px #00000014}.search-course-icon{color:#94a3b8;margin-right:15px;font-size:18px}.search-course input{color:#334155;border:none;outline:none;width:100%;font-size:16px}.course-tabs{gap:15px;margin-top:30px;display:flex}.course-tabs button{color:#475569;cursor:pointer;background:#fff;border:none;border-radius:20px;padding:12px 25px;font-size:15px;transition:all .3s;box-shadow:0 5px 15px #0000000d}.course-tabs button:hover{color:#fff;background:#8b5cf6}.active-tab{color:#fff!important;background:#8b5cf6!important}.course-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px;display:grid}.course-card{background:#fff;border-radius:22px;width:100%;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #00000014}.course-card:hover{transform:translateY(-8px)}.course-card img{object-fit:cover;width:100%;height:200px}.course-body{padding:25px}.course-body h2{color:#1e293b;margin-bottom:10px;font-size:22px}.course-body p{color:#64748b;margin-bottom:12px;line-height:1.5}.course-body strong{color:#334155}.course-body button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b5cf6,#ec4899);border:none;border-radius:15px;width:100%;margin-top:20px;padding:14px;font-size:16px;transition:all .3s}.course-body button:hover{transform:scale(1.03)}.course-grid h3{color:#64748b;font-size:20px}@media (width<=992px){.mycourses-content{padding:25px}.course-grid{grid-template-columns:1fr}}@media (width<=768px){.course-tabs{flex-wrap:wrap}.course-tabs button{flex:1}}:root{--ml-purple:#8b5cf6;--ml-purple-dark:#6d28d9;--ml-pink:#ec4899;--ml-bg:radial-gradient(circle at top left, #f3e8ff, #f8fafc 40%);--ml-surface:#fff;--ml-text-main:#0f172a;--ml-text-sub:#64748b;--ml-border:#e2e8f0}.ml-page{background:var(--ml-bg);min-height:100vh;color:var(--ml-text-main);box-sizing:border-box;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}.ml-content{flex:1;width:calc(100% - 280px);max-width:1400px;margin-left:280px;padding:40px 50px}.ml-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.ml-header-text h1{background:linear-gradient(135deg, var(--ml-purple-dark), var(--ml-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:30px;font-weight:800}.ml-header-text p{color:var(--ml-text-sub);margin:0;font-size:14px}.ml-search-box{width:320px;position:relative}.ml-search-icon{color:#94a3b8;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.ml-search-box input{border:1px solid var(--ml-border);background:var(--ml-surface);box-sizing:border-box;border-radius:14px;outline:none;width:100%;padding:12px 16px 12px 44px;font-size:14px;transition:border-color .2s}.ml-search-box input:focus{border-color:var(--ml-purple)}.ml-section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.ml-section-header h2{margin:0;font-size:20px;font-weight:700}.ml-badge{color:var(--ml-purple-dark);background:#f3e8ff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.ml-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:24px;margin-bottom:40px;display:grid}.ml-card{background:var(--ml-surface);cursor:pointer;box-sizing:border-box;text-align:left;border:2px solid #0000;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:200px;padding:20px;transition:all .25s;display:flex;box-shadow:0 10px 25px #0000000a}.ml-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #6d28d91a}.ml-card.active{border-color:var(--ml-purple);background:linear-gradient(#fff 0%,#faf5ff 100%)}.ml-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ml-tag{color:var(--ml-text-sub);background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.ml-card.active .ml-tag{color:var(--ml-purple-dark);background:#f3e8ff}.ml-active-status{color:#10b981;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.ml-card-body h3{color:var(--ml-text-main);text-align:left;margin:0 0 8px;font-size:17px;font-weight:700}.ml-card-body p{color:var(--ml-text-sub);-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.ml-card-footer{margin-top:auto}.ml-progress-header{color:var(--ml-text-sub);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.ml-progress-track{background:#e2e8f0;border-radius:10px;height:6px;overflow:hidden}.ml-progress-bar{background:linear-gradient(90deg, var(--ml-purple), var(--ml-pink));border-radius:10px;height:100%}.ml-workspace{background:var(--ml-surface);border:1px solid var(--ml-border);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.ml-banner{color:#fff;text-align:left;background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 50%,#ec4899 100%);padding:30px 40px}.ml-banner-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.5px;text-transform:uppercase;background:#fff3;border-radius:20px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.ml-banner h2{text-align:left;margin:0 0 8px;font-size:24px;font-weight:800}.ml-banner p{opacity:.9;text-align:left;max-width:800px;margin:0;font-size:14px}.ml-tabs{border-bottom:1px solid var(--ml-border);background:#f8fafc;gap:8px;padding:0 20px;display:flex;overflow-x:auto}.ml-tab{height:54px;color:var(--ml-text-sub);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ml-tab:hover{color:var(--ml-purple-dark)}.ml-tab.active{color:var(--ml-purple-dark);border-bottom-color:var(--ml-purple);font-weight:700}.ml-tab-count{color:var(--ml-text-sub);background:#e2e8f0;border-radius:12px;padding:2px 8px;font-size:11px}.ml-tab.active .ml-tab-count{color:var(--ml-purple-dark);background:#f3e8ff}.ml-panel{min-height:250px;padding:30px 40px}.ml-empty{text-align:center;color:#94a3b8;padding:40px 0;font-size:14px}.ml-media-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ml-media-card{border:1px solid var(--ml-border);background:var(--ml-surface);border-radius:16px;overflow:hidden}.ml-video-box video{aspect-ratio:16/9;background:#000;width:100%}.ml-media-info{text-align:left;padding:16px}.ml-media-info h4{margin:0 0 6px;font-size:15px;font-weight:700}.ml-media-info p{color:var(--ml-text-sub);margin:0;font-size:13px}.ml-list{flex-direction:column;gap:12px;display:flex}.ml-list-item{border:1px solid var(--ml-border);text-align:left;background:#f8fafc;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ml-list-item h4{margin:0 0 4px;font-size:15px;font-weight:700}.ml-list-item p{color:var(--ml-text-sub);margin:0;font-size:13px}.ml-highlight{background:#fcf5ff;border-color:#f3e8ff}.ml-schedule{align-items:center;gap:6px;font-weight:600;display:flex;color:var(--ml-purple-dark)!important}.ml-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.ml-btn-primary{background:var(--ml-purple);color:#fff}.ml-btn-primary:hover{background:var(--ml-purple-dark)}.ml-btn-secondary{color:var(--ml-text-main);border:1px solid var(--ml-border);background:#fff}.ml-btn-secondary:hover{background:#f1f5f9}.ml-btn-live{background:linear-gradient(135deg, var(--ml-pink), var(--ml-purple));color:#fff}.ml-loading{flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.ml-spinner{border:4px solid #f3e8ff;border-top-color:var(--ml-purple);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite ml-spin}@keyframes ml-spin{to{transform:rotate(360deg)}}@media (width<=992px){.ml-content{width:100%;margin-left:0;padding:20px}.ml-header{flex-direction:column;align-items:flex-start;gap:16px}.ml-search-box{width:100%}}.quiz-page{background:#f7f8fc;min-height:100vh;display:flex}.quiz-content{flex:1;margin-left:270px;padding:35px}.quiz-header h1{color:#2e1065;font-size:34px}.quiz-header p{color:#64748b;margin-top:8px}.quiz-stats{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:20px;padding:25px;box-shadow:0 5px 20px #00000014}.stat-card svg{color:#7c3aed;font-size:35px}.stat-card h2{margin-top:15px}.section-title{color:#2e1065;margin-top:40px;margin-bottom:20px}.quiz-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px;display:grid}.quiz-card{text-align:center;background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 5px 20px #00000014}.quiz-card:hover{transform:translateY(-6px)}.quiz-icon{color:#8b5cf6;margin-bottom:15px;font-size:45px}.quiz-card button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;width:100%;margin-top:20px;padding:12px}.attempt-table{background:#fff;border-radius:20px;margin-top:20px;overflow:hidden}.attempt-row{border-bottom:1px solid #eee;grid-template-columns:2fr 1fr 1fr;padding:18px 25px;display:grid}.attempt-row:last-child{border-bottom:none}.certificate-page{background:#faf8ff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.certificate-content{width:100%;max-width:1500px;margin-left:280px;padding:40px 56px;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn}.header-badge{color:#7e22ce;text-transform:uppercase;letter-spacing:.5px;background:#f3e8ff;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.certificate-header h1{color:#2e0854;letter-spacing:-.5px;margin:0;font-size:32px;font-weight:800}.certificate-header p{color:#6b21a8;opacity:.85;margin-top:8px;font-size:15px;font-weight:500}.preview-gallery{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:32px;margin-top:36px;display:grid}.preview-card{background:#fff;border:1px solid #d8b4fe99;border-radius:20px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 25px #7e22ce0a}.preview-card:hover{border-color:#c084fc;transform:translateY(-6px);box-shadow:0 18px 36px #7e22ce1f}.preview-media{background:#2e0854;height:240px;position:relative;overflow:hidden}.preview-img{object-fit:cover;width:100%;height:100%;transition:opacity .3s,transform .3s}.preview-card:hover .preview-img{opacity:.85;transform:scale(1.02)}.view-full-link{color:#2e0854;opacity:0;background:#fffffff2;border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .25s,transform .25s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000026}.preview-media:hover .view-full-link{opacity:1}.view-full-link:hover{background:#fff;transform:translate(-50%,-50%)scale(1.05)}.preview-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.badge-pill{text-transform:uppercase;letter-spacing:.4px;border-radius:12px;align-self:flex-start;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700}.badge-msme{color:#7e22ce;background:#f3e8ff}.badge-aicte{color:#1e40af;background:#dbeafe}.preview-body h3{color:#2e0854;margin:0 0 6px;font-size:18px;font-weight:800}.issuer-tag{color:#a855f7;margin:0 0 12px;font-size:13px;font-weight:600}.description{color:#64748b;margin:0 0 20px;font-size:13.5px;line-height:1.5}.accreditation-list{border-top:1px dashed #e9d5ff;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;display:flex}.accreditation-tag{color:#059669;background:#ecfdf5;border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.info-footer-card{background:linear-gradient(135deg,#f3e8ff 0%,#fff 100%);border:1px solid #e9d5ff;border-radius:18px;align-items:center;gap:20px;margin-top:40px;padding:24px 28px;display:flex;box-shadow:0 4px 14px #7e22ce08}.info-icon{color:#fff;background:linear-gradient(135deg,#a855f7,#7e22ce);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.info-text h3{color:#2e0854;margin:0 0 4px;font-size:16px;font-weight:700}.info-text p{color:#6b21a8;margin:0;font-size:13.5px;line-height:1.5}@media (width<=992px){.certificate-content{margin-left:0;padding:24px 20px}.preview-gallery{grid-template-columns:1fr}.info-footer-card{flex-direction:column;align-items:flex-start}}.certificate-status{border-radius:14px;align-items:center;gap:15px;margin-bottom:30px;padding:18px 22px;font-size:15px;display:flex}.certificate-status svg{flex-shrink:0;font-size:28px}.certificate-status span{opacity:.85;font-size:14px}.preview-card.certificate-locked{position:relative}.preview-card.certificate-locked .preview-img{filter:blur(3px)grayscale(25%);transform:scale(1.01)}.certificate-lock-overlay p{opacity:.9;max-width:280px;margin:8px 0 15px;font-size:13px;line-height:1.5}.progress-info{background:#ffffff26;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.locked-link{cursor:not-allowed;opacity:.8}.certificate-loading{text-align:center;color:#64748b;padding:60px 20px;font-size:16px}.certificate-course-info{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.course-info-item{background:#fff;border:1px solid #eadcff;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.course-info-icon{color:#7c3aed;background:#f3e8ff;border-radius:10px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.course-info-item div:last-child{flex-direction:column;gap:4px;display:flex}.course-info-item span{color:#64748b;font-size:12px}.course-info-item strong{color:#32105a;font-size:14px}.certificate-time-box{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:14px;align-items:center;gap:15px;margin-bottom:25px;padding:18px 20px;display:flex}.certificate-time-box>svg{font-size:25px}.certificate-time-box div{flex-direction:column;gap:4px;display:flex}.certificate-time-box strong{font-size:16px}.certificate-time-box span{font-size:14px}.certificate-time-box small{color:#7c3aed;font-size:13px}.certificate-status{border-radius:14px;align-items:center;gap:16px;margin-bottom:25px;padding:18px 22px;display:flex}.certificate-status>svg{flex-shrink:0;font-size:28px}.certificate-status div{flex-direction:column;gap:5px;display:flex}.certificate-status strong{font-size:17px}.certificate-status span{font-size:14px}.certificate-status.locked{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.certificate-status.unlocked{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.certificate-progress-box{background:#fff;border:1px solid #e9d5ff;border-radius:14px;margin-bottom:25px;padding:20px}.certificate-progress-header{justify-content:space-between;margin-bottom:10px;display:flex}.certificate-progress-header span{color:#334155;font-weight:600}.certificate-progress-header strong{color:#7c3aed}.certificate-progress-bar{background:#ede9fe;border-radius:10px;width:100%;height:10px;overflow:hidden}.certificate-progress-fill{background:#7c3aed;border-radius:10px;height:100%;transition:width .5s}.certificate-progress-box p{color:#64748b;margin:10px 0 0;font-size:13px}.certificate-locked .preview-img{filter:blur(4px)grayscale(30%);transform:scale(1.02)}.preview-media{position:relative;overflow:hidden}.certificate-lock-overlay{z-index:10;text-align:center;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#230a3ccc;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.lock-icon{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;display:flex}.lock-icon svg{font-size:25px}.certificate-lock-overlay h3{margin:5px 0;font-size:20px}.certificate-lock-overlay p{max-width:310px;margin:8px 0 15px;font-size:13px;line-height:1.5}.progress-info{background:#ffffff26;border-radius:10px;flex-direction:column;gap:3px;padding:9px 16px;font-size:12px;display:flex}.progress-info strong{font-size:14px}.certificate-card-status{border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:11px;font-size:13px;font-weight:600;display:flex}.status-locked{color:#c2410c;background:#fff7ed}.status-unlocked{color:#047857;background:#ecfdf5}.locked-link{cursor:not-allowed;pointer-events:none;opacity:.85}.certificate-loading{text-align:center;color:#64748b;padding:50px}@media (width<=900px){.certificate-course-info{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.certificate-course-info{grid-template-columns:1fr}.certificate-status{padding:15px}.certificate-lock-overlay h3{font-size:17px}.certificate-lock-overlay p{font-size:12px}}:root{--primary-purple:#7c3aed;--primary-dark:#4c1d95;--accent-pink:#ec4899;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #eef2ff 50%, #faf5ff 100%);--surface-card:#ffffffe6;--text-dark:#0f172a;--text-muted:#64748b;--border-subtle:#edf2f7;--shadow-card:0 10px 30px #7c3aed0f;--shadow-hover:0 16px 35px #7c3aed1f;--radius-lg:20px;--radius-md:12px}.progress-page{background:var(--bg-gradient);min-height:100vh;display:flex}.progress-content{width:calc(100% - 270px);max-width:1300px;margin-left:270px;padding:40px 50px}.progress-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.welcome-tag{text-transform:uppercase;letter-spacing:1px;color:var(--primary-purple);background:#f3e8ff;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.progress-header h1{color:var(--text-dark);margin-top:6px;font-size:32px;font-weight:800}.wave{animation:wave 2s infinite transform-origin 70% 70%;display:inline-block}.progress-header p{color:var(--text-muted);margin-top:2px;font-size:15px}.notification-btn{width:46px;height:46px;color:var(--primary-purple);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 12px #00000008}.notification-btn:hover{border-color:var(--primary-purple);transform:translateY(-2px)}.notif-dot{background:var(--accent-pink);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:12px}.progress-search{margin-bottom:30px;position:relative}.progress-search input{border-radius:var(--radius-md);width:100%;height:52px;color:var(--text-dark);background:#fff;border:1px solid #e2e8f0;outline:none;padding:0 45px 0 48px;font-size:15px;transition:all .25s;box-shadow:0 4px 12px #00000005}.progress-search input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 4px #7c3aed1a}.search-icon{color:#94a3b8;font-size:16px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.error-alert{color:#be123c;border-radius:var(--radius-md);background:#fff1f2;border:1px solid #fecdd3;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex}.error-alert button{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:6px;margin-left:auto;padding:6px 14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:var(--surface-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #fffc;align-items:center;gap:18px;padding:24px;transition:transform .25s,box-shadow .25s;display:flex}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.stat-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon{font-size:22px}.stat-icon-wrapper.blue{color:#0284c7;background:#e0f2fe}.stat-icon-wrapper.green{color:#16a34a;background:#dcfce7}.stat-icon-wrapper.orange{color:#ea580c;background:#ffedd5}.stat-info h2{color:var(--text-dark);font-size:26px;font-weight:800}.stat-info p{color:var(--text-muted);font-size:13px}.stat-card.circle-card{gap:16px}.circle-wrapper{width:70px;height:70px;position:relative}.progress-ring{width:70px;height:70px;transform:rotate(-90deg)}.progress-ring-bg{stroke:#e2e8f0;fill:#0000}.progress-ring-fill{stroke:var(--primary-purple);fill:#0000;stroke-linecap:round;transition:stroke-dashoffset .8s}.circle-text{color:var(--primary-purple);font-size:14px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-card h3{color:var(--text-dark);font-size:16px}.circle-card small{color:var(--text-muted);font-size:12px}.charts{margin-bottom:30px}.course-progress{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #fffc;padding:28px}.section-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title h2{color:var(--primary-dark);font-size:20px;font-weight:700}.course-count{color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.course-list{flex-direction:column;gap:16px;display:flex}.course-item{border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1px solid #f1f5f9;padding:18px 20px;transition:all .2s}.course-item:hover{border-color:#7c3aed4d;transform:translateY(-2px);box-shadow:0 6px 18px #7c3aed14}.course-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.course-item-header h4{color:var(--text-dark);font-size:16px;font-weight:700}.lesson-badge{color:var(--text-muted);margin-top:2px;font-size:12px;display:inline-block}.percent-badge{color:var(--primary-purple);font-size:15px;font-weight:800}.progress-bar{background:#e2e8f0;border-radius:10px;height:8px;overflow:hidden}.progress-bar .fill{background:linear-gradient(90deg, var(--primary-purple), var(--accent-pink));border-radius:10px;height:100%;transition:width .6s}.empty-courses{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.recent-section{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px;display:grid}.recent-activity,.achievement-box{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #fffc;padding:28px}.recent-activity h2,.achievement-box h2{color:var(--primary-dark);margin-bottom:20px;font-size:18px}.activity-card,.achievement{border-radius:var(--radius-md);background:#fff;border:1px solid #f1f5f9;align-items:center;gap:16px;margin-bottom:12px;padding:14px;display:flex}.activity-card:last-child,.achievement:last-child{margin-bottom:0}.act-icon-bg{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.act-icon-bg.green{color:#16a34a;background:#dcfce7}.act-icon-bg.purple{color:var(--primary-purple);background:#f3e8ff}.activity-card h4,.achievement h4{color:var(--text-dark);font-size:14px;font-weight:700}.activity-card p,.achievement p{color:var(--text-muted);font-size:12px}.award-wrapper{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.award-wrapper.gold{color:#ca8a04;background:#fef9c3}.award-wrapper.fire{color:#ea580c;background:#ffedd5}.goal-section{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 100%);padding:35px;box-shadow:0 15px 35px #7c3aed40}.goal-chip{letter-spacing:1px;text-transform:uppercase;background:#ffffff2e;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.goal-section h2{margin-bottom:6px;font-size:24px;font-weight:800}.goal-subtitle{color:#e9d5ff;margin-bottom:24px;font-size:14px}.goal-progress{background:#fff3;border-radius:10px;height:10px;margin-bottom:16px;overflow:hidden}.goal-fill{background:#fff;border-radius:10px;height:100%;transition:width .8s}.goal-footer{justify-content:space-between;align-items:center;display:flex}.goal-percent-text{color:#f3e8ff;font-size:14px;font-weight:700}.continue-btn{color:var(--primary-purple);border-radius:var(--radius-md);cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.continue-btn:hover{background:#f3e8ff;transform:translate(4px)}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:12px;animation:1.5s infinite shimmer}.skeleton-header{height:80px;margin-bottom:24px}.skeleton-search{height:52px;margin-bottom:30px}.skeleton-box{height:100px}.skeleton-hero{height:200px;margin-top:24px}@media (width<=1024px){.recent-section{grid-template-columns:1fr}}@media (width<=992px){.progress-content{width:100%;margin-left:0;padding:24px 20px}}@media (width<=640px){.progress-header{flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}.goal-footer{flex-direction:column;align-items:flex-start;gap:16px}.continue-btn{justify-content:center;width:100%}}.course-stats{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.lesson-badge{color:#2563eb;background:#eef4ff;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.lesson-badge.purple{color:#7c3aed;background:#f3e8ff}.payments-page{background:#f8f9ff;min-height:100vh;display:flex}.payments-content{width:100%;margin-left:270px;padding:35px}.payments-content h1{color:#4c1d95;font-size:34px}.payments-content p{color:#64748b;margin-bottom:30px}.payment-table{border-collapse:collapse;background:#fff;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 10px 25px #00000014}.payment-table th{color:#fff;text-align:left;background:#8b5cf6;padding:18px}.payment-table td{border-bottom:1px solid #eee;padding:18px}.payment-table tr:hover{background:#f5f3ff}.success{color:#16a34a;font-weight:700}.pending{color:#d97706;font-weight:700}.failed{color:#dc2626;font-weight:700}.no-payments{text-align:center;background:#fff;border-radius:12px;margin-top:40px;padding:30px}.profile-page{background-color:#faf8ff;min-height:100vh;display:flex}.profile-content{flex:1;width:calc(100% - 280px);max-width:1400px;margin-left:280px;padding:36px 48px;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn}.loading-state{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.loading-state .spinner{border:3px solid #e9d5ff;border-top-color:#a855f7;border-radius:50%;width:44px;height:44px;margin-bottom:20px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}.profile-header h1{color:#3b0764;letter-spacing:-.6px;font-size:32px;font-weight:800}.profile-header p{color:#6b21a8;opacity:.8;margin-top:6px;font-size:14px;font-weight:500}.profile-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #d8b4fe80;border-radius:24px;padding:40px;box-shadow:0 14px 30px #7e22ce0f}.profile-top{border-bottom:1px solid #d8b4fe59;flex-direction:column;align-items:center;margin-bottom:36px;padding-bottom:32px;display:flex}.avatar-wrapper{border-radius:50%;width:120px;height:120px;margin:0 auto 16px;position:relative}.profile-image-img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 8px 24px #7e22ce2e}.profile-image-fallback{color:#a855f7;font-size:110px}.upload-badge{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7e22ce);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 4px 12px #7e22ce40}.upload-badge:hover{transform:scale(1.1);box-shadow:0 6px 16px #7e22ce59}.upload-loader-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#3b0764a6;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex;position:absolute;top:0;left:0}.spin-icon{animation:1s linear infinite spin}.profile-top h2{color:#3b0764;letter-spacing:-.4px;margin-bottom:10px;font-size:24px;font-weight:800}.profile-badge{color:#7e22ce;background:#f3e8ff;border:1px solid #d8b4fe99;border-radius:20px;align-items:center;gap:8px;padding:6px 18px;font-size:13px;font-weight:700;display:inline-flex}.section-title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-icon,.section-title svg,.section-title i{font-size:20px;color:#7e22ce!important}.section-title h3,.profile-section h2,.profile-section h3{letter-spacing:-.3px;font-size:20px;font-weight:800;color:#3b0764!important}.profile-top h2{text-transform:capitalize;margin-top:12px;font-size:24px;font-weight:800;color:#3b0764!important}.profile-item{background:#faf8ff99;border:1px solid #d8b4fe66;border-radius:16px;align-items:center;gap:16px;padding:18px 22px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.profile-item:hover{background:#fff;border-color:#c084fc;transform:translateY(-3px);box-shadow:0 10px 24px #7e22ce14}.icon-container{color:#7e22ce;background:#f3e8ff;border:1px solid #d8b4fe80;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.info-container{flex-direction:column;display:flex}.info-container label{text-transform:uppercase;letter-spacing:.6px;color:#6b21a8;opacity:.8;margin-bottom:4px;font-size:11px;font-weight:700}.value-text{color:#3b0764;word-break:break-word;font-size:15px;font-weight:700}.not-added{color:#a855f7;opacity:.7;font-style:italic;font-weight:500}.status-pill{border-radius:12px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}.status-pill.active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-pill.inactive{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.profile-buttons{border-top:1px solid #d8b4fe59;justify-content:flex-end;align-items:center;gap:16px;margin-top:32px;padding-top:28px;display:flex}.profile-buttons button,.btn{white-space:nowrap;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:max-content;padding:12px 24px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;width:auto!important;height:auto!important}.edit-btn{box-shadow:0 4px 14px #a855f740;color:#fff!important;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%)!important}.edit-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 20px #7e22ce59}.password-btn{box-shadow:0 4px 12px #3b076426;color:#fff!important;background:#3b0764!important}.password-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #3b076440;background:#581c87!important}@media (width<=1024px){.profile-content{width:100%;margin-left:0;padding:30px 20px}}@media (width<=640px){.profile-card{padding:28px 18px}.profile-grid{grid-template-columns:1fr}.profile-buttons{flex-direction:column}.btn{justify-content:center;width:100%!important}}.settings-page{background:#f5f7fb;min-height:100vh;display:flex}.settings-content{flex:1;margin-left:270px;padding:35px}.settings-header{margin-bottom:30px}.settings-header h1{color:#1e293b;font-size:34px}.settings-header p{color:#64748b;margin-top:8px}.settings-card{background:#fff;border-radius:18px;margin-bottom:25px;padding:25px;box-shadow:0 8px 20px #00000014}.settings-card h2{color:#8b5cf6;border-left:5px solid #8b5cf6;margin-bottom:25px;padding-left:10px}.setting-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-icon{color:#8b5cf6;font-size:22px}.setting-row span{color:#1e293b;flex:1;font-size:16px}.setting-row input[type=text],.setting-row input[type=email],.setting-row select{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;outline:none;width:250px;padding:10px 15px;font-size:15px}.setting-row select{cursor:pointer}.setting-row input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;width:20px;height:20px}.change-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:10px 18px;transition:all .3s}.change-btn:hover{background:#6d28d9}.settings-buttons{justify-content:center;gap:25px;margin-top:35px;display:flex}.settings-buttons button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:15px 30px;font-size:16px;transition:all .3s;display:flex}.reset-btn{color:#fff;background:#1e293b}.reset-btn:hover{background:#334155}@media (width<=992px){.settings-content{margin-left:0;padding:20px}.setting-row{flex-direction:column;align-items:flex-start}.setting-row input[type=text],.setting-row input[type=email],.setting-row select{width:100%}.settings-buttons{flex-direction:column}.settings-buttons button{justify-content:center;width:100%}}@media (width<=768px){.settings-header h1{font-size:28px}.settings-card{padding:18px}.setting-row{gap:10px}}.popup-box{text-align:center;background:#fff;border-radius:15px;width:360px;padding:30px;box-shadow:0 10px 25px #0003}.popup-box h2{color:#8b5cf6;margin-bottom:15px}.popup-box p{color:#555;margin-bottom:20px}.popup-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-box{background:#fff;border-radius:15px;flex-direction:column;gap:15px;width:420px;padding:30px;display:flex}.popup-box input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:15px}.popup-buttons{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.profile-page{background:#f4f7fb;min-height:100vh;display:flex}.profile-content{flex:1;padding:30px}.profile-header{margin-bottom:25px}.profile-header h1{color:#222;margin-bottom:8px;font-size:30px}.profile-header p{color:#666}.profile-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 10px 30px #00000014}.profile-section{margin-bottom:35px}.profile-section h3{color:#1d4ed8;margin-bottom:20px;font-size:22px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;display:grid}.profile-item{flex-direction:column;display:flex}.profile-item label{color:#444;margin-bottom:8px;font-weight:600}.input-box{background:#fff;border:1px solid #dcdcdc;border-radius:10px;align-items:center;transition:all .3s;display:flex;overflow:hidden}.input-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.input-icon{text-align:center;color:#2563eb;width:48px;font-size:18px}.input-box input,.input-box select{background:0 0;border:none;outline:none;flex:1;padding:14px;font-size:15px}.input-box input:disabled,.input-box select:disabled{color:#666;cursor:not-allowed;background:#f6f6f6}.profile-buttons{justify-content:flex-end;gap:15px;margin-top:35px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.cancel-btn{color:#333;background:#e5e7eb}.save-btn{color:#fff;background:#2563eb}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.profile-content{padding:18px}.profile-card{padding:20px}.profile-grid{grid-template-columns:1fr}.profile-buttons{flex-direction:column}.cancel-btn,.save-btn{justify-content:center;width:100%}}:root{--payment-purple:#7c3aed;--payment-purple-dark:#4c1d95;--payment-purple-light:#f3e8ff;--payment-pink:#ec4899;--payment-green:#10b981;--payment-bg:#f8f6ff;--payment-white:#fff;--payment-text:#172033;--payment-muted:#718096;--payment-border:#ece8f5;--payment-gradient:linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #ec4899 100%);--payment-shadow:0 12px 35px #4c1d9514}.payment-page{width:calc(100% - 303px);min-height:100vh;color:var(--payment-text);background:linear-gradient(135deg,#faf9ff 0%,#f6f2ff 48%,#fbf9ff 100%);margin-left:303px;padding:38px 34px 50px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.payment-layout{grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:32px;width:100%;max-width:1500px;margin:0 auto;display:grid}.payment-main{flex-direction:column;gap:22px;min-width:0;display:flex}.error-message{background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;align-items:center;gap:14px;width:100%;padding:15px 18px;display:flex;box-shadow:0 6px 20px #e11d480d}.error-message-icon{color:#fff;background:#e11d48;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:flex}.error-message-content{flex:1}.error-message-content strong{color:#9f1239;margin-bottom:2px;font-size:14px;display:block}.error-message-content p{color:#be123c;margin:0;font-size:12px}.error-message>button{color:#be123c;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px}.course-payment-card{background:#fff;border:1px solid #fffffff2;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #4c1d950f}.course-image-wrapper{background:#ede9fe;width:100%;height:382px;overflow:hidden}.course-payment-image{object-fit:cover;width:100%;height:100%;display:block}.course-image-placeholder{width:100%;height:100%;color:var(--payment-purple);background:linear-gradient(135deg,#ede9fe,#fce7f3);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.course-payment-info{padding:12px 26px 25px}.course-heading h1{color:var(--payment-purple-dark);margin:0;font-size:21px;font-weight:800;line-height:1.35}.course-category{color:var(--payment-purple);margin:2px 0 17px;font-size:16px}.course-meta-list{border-top:1px solid #f0edf5}.course-meta-row{border-bottom:1px dashed #e9e5ef;justify-content:space-between;align-items:center;min-height:55px;display:flex}.course-meta-row:last-child{border-bottom:none}.course-meta-row span{color:var(--payment-muted);font-size:14px}.course-meta-row strong{color:var(--payment-text);font-size:14px;font-weight:700}.lifetime-access{color:var(--payment-green)!important}.billing-card{background:#fff;border:1px solid #fffffff2;border-radius:20px;padding:27px 26px;box-shadow:0 8px 28px #4c1d950f}.billing-header{border-bottom:1px solid #eeeaf5;align-items:center;gap:14px;padding-bottom:17px;display:flex}.billing-icon{width:46px;height:46px;color:var(--payment-purple);background:linear-gradient(135deg,#f3e8ff,#fce7f3);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.billing-icon svg{width:21px;height:21px}.billing-header h2{color:var(--payment-text);margin:0;font-size:19px;font-weight:750}.billing-header p{color:var(--payment-muted);margin:2px 0 0;font-size:12px}.billing-details{flex-direction:column;gap:3px;padding-top:15px;display:flex}.billing-item{align-items:center;gap:4px;min-height:28px;display:flex}.billing-item span{color:var(--payment-purple-dark);font-size:15px}.billing-item strong{color:var(--payment-purple-dark);font-size:15px;font-weight:750}.payment-info-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.payment-info-card{background:#fff;border:1px solid #eeeaf5;border-radius:18px;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 6px 22px #4c1d950a}.payment-info-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.payment-info-icon svg{width:22px;height:22px}.payment-info-icon.purple{color:var(--payment-purple);background:#f3e8ff}.payment-info-icon.pink{color:var(--payment-pink);background:#fce7f3}.payment-info-card h3{color:var(--payment-text);margin:0 0 3px;font-size:14px;font-weight:750}.payment-info-card p{color:var(--payment-muted);margin:0;font-size:11px;line-height:1.55}.payment-sidebar{min-width:0}.order-summary-card{background:#fff;border:1px solid #7c3aed24;border-radius:22px;padding:30px;position:sticky;top:25px;box-shadow:0 18px 45px #4c1d951a}.secure-badge{color:var(--payment-purple);letter-spacing:1px;text-transform:uppercase;background:#f3e8ff;border-radius:20px;margin:0 auto 8px;padding:6px 13px;font-size:10px;font-weight:800;display:table}.order-summary-card>h2{text-align:center;color:var(--payment-purple-dark);margin:0 0 13px;font-size:26px;font-weight:800}.summary-course-box{background:#fbfbfd;border:1px solid #e8e5ee;border-radius:15px;margin-bottom:23px;padding:18px 20px}.summary-course-box span{text-align:center;color:#718096;letter-spacing:.8px;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.summary-course-box strong{text-align:center;color:var(--payment-text);font-size:14px;font-weight:750;line-height:1.45;display:block}.price-breakdown{flex-direction:column;gap:13px;display:flex}.price-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.price-row span{color:var(--payment-purple-dark);font-size:14px;line-height:1.4}.price-row strong{color:var(--payment-purple-dark);white-space:nowrap;font-size:14px;font-weight:800}.summary-divider{background:#ebe8f1;height:1px;margin:20px 0}.platform-total-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.platform-total-row span{color:var(--payment-purple-dark);font-size:14px}.platform-total-row strong{color:var(--payment-purple-dark);white-space:nowrap;font-size:14px;font-weight:800}.grand-total-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.grand-total-row span{color:#334155;font-size:15px;font-weight:700}.grand-total-row strong{color:#172033;white-space:nowrap;letter-spacing:-.5px;font-size:28px;font-weight:850}.payment-button{background:var(--payment-gradient);color:#fff;cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;gap:13px;width:100%;height:66px;margin-top:27px;font-family:inherit;font-size:17px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 13px 28px #7c3aed4d}.payment-button svg{width:21px;height:21px;transition:transform .2s}.payment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 17px 32px #7c3aed5c}.payment-button:hover:not(:disabled) svg{transform:translate(4px)}.payment-button:disabled{opacity:.65;cursor:not-allowed}.payment-button.processing{cursor:wait}.payment-spinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite paymentSpin}.payment-methods{grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 0 20px;display:grid}.payment-methods>div{color:#475569;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:650;display:flex}.method-icon{font-size:15px;line-height:1}.secure-payment{border-top:1px solid #eeeaf4;align-items:center;gap:14px;padding-top:18px;display:flex}.secure-lock{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.secure-lock svg{width:28px;height:28px}.secure-payment strong{color:var(--payment-text);margin-bottom:2px;font-size:13px;font-weight:750;display:block}.secure-payment p{color:var(--payment-muted);margin:0;font-size:11px;line-height:1.45}.payment-page-loading{background:var(--payment-bg);width:calc(100% - 303px);min-height:100vh;color:var(--payment-muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;margin-left:303px;font-family:Poppins,sans-serif;display:flex}.payment-page-loading p{margin:0;font-size:14px}.not-found-card{text-align:center;box-shadow:var(--payment-shadow);background:#fff;border-radius:20px;padding:40px}.not-found-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 15px;font-size:24px;font-weight:800;display:flex}.not-found-card h2{color:var(--payment-text);margin:0 0 8px}.not-found-card p{color:var(--payment-muted);margin:0 0 20px;font-size:14px}.back-button{background:var(--payment-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 22px;font-family:inherit;font-weight:700}@media (width>=1500px){.payment-layout{grid-template-columns:minmax(650px,1fr) 430px}.course-image-wrapper{height:382px}}@media (width<=1250px){.payment-page{width:calc(100% - 270px);margin-left:270px;padding:28px 22px}.payment-layout{grid-template-columns:minmax(0,1fr) 380px;gap:22px}.course-image-wrapper{height:330px}.order-summary-card{padding:24px}.grand-total-row strong{font-size:24px}}@media (width<=1050px){.payment-layout{grid-template-columns:1fr}.payment-sidebar{width:100%}.order-summary-card{max-width:650px;margin:0 auto;position:static}.payment-main{width:100%;max-width:900px;margin:0 auto}}@media (width<=992px){.payment-page,.payment-page-loading{width:100%;margin-left:0;padding:24px 18px 40px}}@media (width<=640px){.payment-page{padding:16px 12px 30px}.payment-layout,.payment-main{gap:16px}.course-payment-card{border-radius:16px}.course-image-wrapper{height:220px}.course-payment-info{padding:12px 18px 20px}.course-heading h1{font-size:18px}.course-category{font-size:14px}.course-meta-row{min-height:48px}.course-meta-row span,.course-meta-row strong{font-size:12px}.billing-card{border-radius:16px;padding:20px 18px}.billing-header h2{font-size:17px}.billing-item{flex-direction:column;align-items:flex-start;gap:0;padding:5px 0}.billing-item span,.billing-item strong{font-size:13px}.payment-info-grid{grid-template-columns:1fr}.order-summary-card{border-radius:18px;padding:22px 18px}.order-summary-card>h2{font-size:23px}.summary-course-box{padding:15px}.price-row span,.price-row strong,.platform-total-row span,.platform-total-row strong{font-size:12px}.grand-total-row span{font-size:13px}.grand-total-row strong{font-size:22px}.payment-button{height:58px;font-size:15px}.secure-payment{align-items:flex-start}.secure-lock{width:48px;height:48px}.secure-lock svg{width:24px;height:24px}}@media (width<=400px){.payment-page{padding:12px 9px 25px}.course-image-wrapper{height:190px}.payment-methods{gap:4px}.payment-methods>div{font-size:10px}.grand-total-row strong{font-size:20px}}.waiting-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}.waiting-card{text-align:center;background:#fff;border-radius:20px;width:420px;padding:40px;box-shadow:0 10px 30px #0000001a}.waiting-card h1{color:#1f2937;margin-top:20px}.main-text{color:#6b7280;font-size:17px}.timer-box{background:#f3f4f6;border-radius:15px;margin:25px 0;padding:20px}.timer-box h1{color:#2563eb;font-size:40px}.status{background:#eef2ff;border-radius:10px;margin-top:20px;padding:12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.change-password-page{background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:100vh;display:flex}.change-password-content{flex-direction:column;align-items:center;width:calc(100% - 270px);margin-left:270px;padding:40px;display:flex}.back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:none;border-radius:12px;align-self:flex-start;align-items:center;gap:10px;margin-bottom:25px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 20px #0000000f}.back-btn:hover{transform:translateY(-2px)}.password-card{background:#fff;border-radius:24px;width:100%;max-width:650px;padding:40px;box-shadow:0 20px 40px #00000014}.password-header{text-align:center;margin-bottom:35px}.shield-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;margin:auto auto 18px;font-size:34px;display:flex}.password-header h1{color:#1e1b4b;font-size:34px;font-weight:700}.password-header p{color:#64748b;margin-top:10px;line-height:1.6}.input-group{margin-bottom:22px}.input-group label{color:#374151;margin-bottom:8px;font-size:15px;font-weight:600;display:block}.password-input{position:relative}.password-input input{border:2px solid #e5e7eb;border-radius:14px;width:100%;height:58px;padding:0 55px 0 50px;font-size:15px;transition:all .3s}.password-input input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 4px #7c3aed1f}.left-icon{color:#7c3aed;font-size:16px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.eye-btn{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.eye-btn:hover{color:#7c3aed}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:14px;width:100%;height:58px;margin-top:15px;font-size:17px;font-weight:700;transition:all .3s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7c3aed40}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=992px){.change-password-content{width:100%;margin-left:0;padding:25px}.password-card{padding:30px}}@media (width<=576px){.change-password-content{padding:18px}.password-card{border-radius:18px;padding:22px}.password-header h1{font-size:28px}.shield-icon{width:70px;height:70px;font-size:28px}.password-input input{height:54px;font-size:14px}.save-btn{height:54px;font-size:16px}}.government-registration-page{color:#fff;background:#0b0b0f;min-height:100vh;padding:100px 6%}.registration-container{max-width:1000px;margin:auto}.registration-header{text-align:center;margin-bottom:45px}.registration-badge{color:#d4af37;letter-spacing:1.5px;border:1px solid #d4af3766;border-radius:30px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-block}.registration-header h1{margin:20px 0 12px;font-size:42px}.registration-header h1 span{color:#d4af37}.registration-header p{color:#9999a3;font-size:16px}.registration-form{background:#121217;border:1px solid #ffffff1a;border-radius:20px;padding:40px}.form-section{margin-bottom:35px}.form-section h2{color:#fff;margin-bottom:22px;font-size:21px}.full-width{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#fff;background:#0c0c10;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:13px 15px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37}.form-group textarea{resize:vertical}.registration-submit-btn{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:8px;width:100%;padding:15px;font-size:16px;font-weight:700}.registration-submit-btn:hover{opacity:.9}.registration-submit-btn:disabled{opacity:.6;cursor:not-allowed}.registration-error{color:#ff7b86;background:#dc35451f;border:1px solid #dc35454d;border-radius:8px;margin-bottom:25px;padding:14px}.registration-success-card{text-align:center;background:#121217;border:1px solid #d4af374d;border-radius:20px;max-width:650px;margin:100px auto;padding:50px}.success-icon{color:#d4af37;background:#d4af3726;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 25px;font-size:35px;display:flex}.registration-success-card h1{margin-bottom:15px}.registration-success-card p{color:#9999a3;line-height:1.6}.application-number-box{background:#d4af3714;border:1px solid #d4af3740;border-radius:10px;margin:30px 0;padding:20px}.application-number-box span{color:#9999a3;margin-bottom:8px;font-size:13px;display:block}.application-number-box strong{color:#d4af37;font-size:24px}.success-message{font-size:14px}.registration-success-card button{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:8px;margin-top:20px;padding:13px 22px;font-weight:600}@media (width<=700px){.government-registration-page{padding:70px 20px}.registration-header h1{font-size:30px}.registration-form{padding:25px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.registration-success-card{padding:30px 20px}}.test-selection-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:30px;padding:28px;box-shadow:0 8px 25px #0000000f}.test-selection-heading{margin-bottom:22px}.test-selection-heading h2{color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.test-selection-heading p{color:#6b7280;margin:0;font-size:14px}.test-options{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.test-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .25s;position:relative}.test-option:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb1f}.test-option.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 8px 25px #2563eb26}.test-option-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.test-number{color:#fff;letter-spacing:.5px;background:#2563eb;border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.selected-badge{color:#15803d;font-size:13px;font-weight:700}.test-option h3{color:#111827;margin:0 0 6px;font-size:22px}.test-date-label{color:#6b7280;margin:0 0 18px;font-size:13px}.test-deadline{color:#4b5563;background:#f9fafb;border-radius:10px;padding:12px 14px;font-size:13px}.test-deadline strong{color:#dc2626;margin-left:4px}.test-selection-required{color:#dc2626;margin:15px 0 0;font-size:13px;font-weight:600}.training-test-dates{flex-direction:column;gap:12px;margin:20px 0;display:flex}.training-test-item{background:#ffffff1a;border-radius:10px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.training-test-item span{letter-spacing:.6px;font-size:11px;font-weight:700}.training-test-item strong{font-size:15px}.training-test-item small{opacity:.8;font-size:11px}@media (width<=768px){.test-selection-section{padding:20px}.test-options{grid-template-columns:1fr}.test-option{padding:20px}}@media (width<=480px){.test-selection-section{border-radius:14px;padding:16px}.test-selection-heading h2{font-size:20px}.test-option h3{font-size:19px}}.admin-sidebar{color:#fff;box-sizing:border-box;z-index:1000;background:linear-gradient(165deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);flex-direction:column;width:280px;height:100vh;padding:30px 20px;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 25px #00000026}.admin-logo{flex-direction:column;align-items:center;margin-bottom:35px;display:flex;position:relative}.logo-icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;margin-bottom:12px;padding:12px;display:flex;box-shadow:0 8px 16px #0000001a}.admin-logo svg{color:#a5b4fc;font-size:32px}.admin-logo h2{letter-spacing:-.5px;background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:22px;font-weight:700}.admin-logo .badge{color:#c7d2fe;letter-spacing:1.5px;text-transform:uppercase;background:#a5b4fc26;border:1px solid #a5b4fc4d;border-radius:20px;margin-top:8px;padding:4px 14px;font-size:11px;font-weight:600}.admin-sidebar nav{flex-direction:column;flex-grow:1;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.admin-sidebar nav::-webkit-scrollbar{width:4px}.admin-sidebar nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.admin-sidebar nav a{color:#c7d2fe;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s ease-in-out;display:flex}.admin-sidebar nav a svg{font-size:18px;transition:transform .25s}.admin-sidebar nav a:hover{color:#fff;background:#ffffff14;transform:translate(4px)}.admin-sidebar nav a:hover svg{transform:scale(1.1)}.admin-sidebar nav a.active{color:#4338ca;background:#fff;font-weight:600;box-shadow:0 10px 20px #0000001f}.admin-sidebar nav a.active svg{color:#4338ca}.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:14px;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 12px #ef444440}.logout-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}.logout-btn:active{transform:translateY(0)}.government-candidates-card{width:100%;margin-top:24px;overflow:hidden}.government-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.government-header h2{margin:0}.government-header p{opacity:.7;margin:6px 0 0;font-size:13px}.government-test-filter{background:#f3f4f6;border-radius:10px;align-items:center;gap:8px;padding:5px;display:flex}.test-filter-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:7px;outline:none;padding:9px 16px;font-size:12px;font-weight:700;transition:all .2s}.test-filter-btn:hover{color:#111827;background:#fff}.test-filter-btn.active{color:#fff;background:#4f46e5;box-shadow:0 3px 8px #4f46e540}.government-table-body{overflow:hidden;padding:0!important}.government-table{border-collapse:collapse;width:100%;min-width:1400px}.government-table thead th{white-space:nowrap;text-align:left;letter-spacing:.5px;padding:15px 16px;font-size:11px;font-weight:700}.government-table tbody td{vertical-align:middle;white-space:nowrap;padding:15px 16px}.government-table tbody tr{transition:background .2s}.government-table tbody tr:hover{background:#6366f10a}.candidate-name-cell{align-items:center;gap:10px;min-width:170px;display:flex}.candidate-avatar{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.candidate-name-cell span{font-weight:600}.application-number{white-space:nowrap;font-weight:700}.training-badge{white-space:nowrap;color:#2563eb;background:#eff6ff;border-radius:20px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.test-selection-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:65px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.test-selection-badge.test-one{color:#c2410c;background:#fff7ed}.test-selection-badge.test-two{color:#4f46e5;background:#eef2ff}.attempt-badge{color:#374151;background:#f3f4f6;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.candidate-actions{align-items:center;gap:8px;display:flex}.delete-candidate-btn{cursor:pointer;color:#dc2626;background:#fef2f2;border:none;border-radius:7px;outline:none;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.delete-candidate-btn:hover{background:#fee2e2}.delete-candidate-btn:active{transform:scale(.97)}.candidate-status{text-transform:uppercase;border-radius:20px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-registered{color:#047857;background:#ecfdf5}.status-rejected{color:#dc2626;background:#fef2f2}.view-candidate-btn{cursor:pointer;color:#fff;background:#4f46e5;border:none;border-radius:7px;outline:none;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.view-candidate-btn:hover{opacity:.92;transform:translateY(-1px)}.view-candidate-btn:active{transform:translateY(0)}.government-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;display:flex}.government-loading p{opacity:.7;margin:0;font-size:14px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite governmentSpin}@keyframes governmentSpin{to{transform:rotate(360deg)}}.government-error{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:24px;padding:24px}.government-error p{color:#b91c1c;margin:0 0 14px}.government-error button{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:7px;padding:9px 18px;font-weight:600}.government-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px 20px;display:flex}.empty-icon{background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;font-size:28px;display:flex}.government-empty h3{margin:0 0 8px;font-size:18px}.government-empty p{opacity:.65;max-width:420px;margin:0;font-size:14px}.government-candidates-card .table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}@media (width<=1100px){.government-table{min-width:1400px}}@media (width<=768px){.government-candidates-card{margin-top:16px}.government-header{flex-direction:column;align-items:flex-start}.government-test-filter{justify-content:flex-start;width:100%}.test-filter-btn{flex:1}.government-table thead th,.government-table tbody td{padding:12px}}@media (width<=480px){.government-test-filter{gap:5px}.test-filter-btn{padding:8px 10px;font-size:11px}}.admin-sidebar{color:#fff;z-index:1000;background:linear-gradient(#4338ca,#7c3aed);flex-direction:column;width:260px;height:100vh;padding:25px 18px;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 10px #0000000d}.admin-logo{text-align:center;margin-bottom:35px}.admin-logo svg{margin-bottom:10px;font-size:42px}.admin-logo h2{margin:0;font-size:28px}.admin-logo span{letter-spacing:1px;background:#ffffff26;border-radius:30px;margin-top:10px;padding:6px 18px;font-size:12px;display:inline-block}.admin-sidebar nav{flex-direction:column;gap:8px;display:flex}.admin-sidebar nav a{color:#fff;border-radius:12px;align-items:center;gap:15px;padding:14px 18px;text-decoration:none;transition:all .3s;display:flex}.admin-sidebar nav a:hover{background:#ffffff26}.admin-sidebar nav a.active{color:#5b21b6;background:#fff;font-weight:600}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:15px;font-size:15px;transition:background .2s;display:flex}.logout-btn:hover{background:#dc2626}.admin-dashboard-container{color:#1e293b;background-color:#f8fafc;min-height:100vh;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.admin-main-content{box-sizing:border-box;flex:1;max-width:calc(100% - 260px);margin-left:260px;padding:32px 40px}.dashboard-header{margin-bottom:28px}.dashboard-header h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:1.65rem;font-weight:700}.dashboard-header p{color:#64748b;margin:0;font-size:.9rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.metric-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px -4px #00000014}.metric-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.purple-bg{color:#7c3aed;background-color:#f3e8ff}.blue-bg{color:#1d4ed8;background-color:#dbeafe}.green-bg{color:#15803d;background-color:#dcfce7}.orange-bg{color:#c2410c;background-color:#ffedd5}.metric-details span{color:#64748b;margin-bottom:2px;font-size:.8rem;font-weight:500;display:block}.metric-details h3{color:#0f172a;margin:0;font-size:1.35rem;font-weight:700}.actions-section{margin-bottom:32px}.section-title{color:#1e293b;margin-bottom:14px;font-size:1.05rem;font-weight:600}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.btn-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-action:hover{color:#fff;background:#4338ca;border-color:#4338ca;box-shadow:0 4px 12px #4338ca40}.dashboard-panels-grid{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}@media (width<=1100px){.dashboard-panels-grid{grid-template-columns:1fr}}.panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.panel-header{background-color:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:18px 20px;display:flex}.panel-icon{color:#7c3aed;font-size:1.1rem}.panel-header h2{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.panel-body{padding:20px}.panel-body.full-bleed{padding:0}.analytics-list{flex-direction:column;gap:12px;display:flex}.analytics-row{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.analytics-label{color:#64748b;font-size:.85rem;font-weight:500}.analytics-value{color:#0f172a;font-size:.95rem;font-weight:700}.analytics-value.highlight-green{color:#16a34a}.table-wrapper{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.custom-table th{color:#64748b;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:.75rem;font-weight:600}.custom-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 20px;font-size:.875rem}.custom-table tr:last-child td{border-bottom:none}.student-cell{align-items:center;gap:12px;display:flex}.avatar{color:#7c3aed;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.student-name{color:#0f172a!important;font-family:inherit!important;font-size:.875rem!important;font-weight:600!important}.student-email{color:#64748b}.student-date{color:#64748b;white-space:nowrap;font-size:.8rem}.empty-state{text-align:center;color:#94a3b8;padding:30px;font-size:.875rem}@media (width<=768px){.admin-sidebar{width:100%;height:auto;position:relative}.admin-main-content{max-width:100%;margin-left:0;padding:20px}}.admin-settings-dashboard{box-sizing:border-box;background:#f8f9fb;min-height:100vh;margin-left:260px;padding:32px;transition:margin-left .3s}.admin-settings-content{max-width:1100px;margin:0 auto}.admin-settings-header{color:#1a1832;letter-spacing:-1px;margin-bottom:32px;font-size:2.2rem;font-weight:700}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.settings-card{background:#fff;border:1.5px solid #e7d8fa;border-radius:16px;flex-direction:column;align-items:flex-start;min-width:0;padding:32px 28px 28px;transition:box-shadow .17s;display:flex;box-shadow:0 2px 12px #3c29a014}.settings-icon{color:#7c3aed;justify-content:center;align-items:center;margin-bottom:18px;font-size:2.3rem;display:flex}.settings-card h3{color:#1a1832;margin-bottom:16px;font-size:1.25rem;font-weight:600}.settings-card input,.settings-card select{box-sizing:border-box;background:#faf9fe;border:1.5px solid #e7d8fa;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:10px 14px;font-size:1rem;transition:border-color .2s}.settings-card input:focus,.settings-card select:focus{border-color:#7c3aed}.settings-card label{color:#5d547d;margin-bottom:8px;font-size:1rem;font-weight:500;display:block}.settings-card input[type=checkbox]{accent-color:#7c3aed;vertical-align:middle;width:18px;height:18px;margin-right:10px}.settings-card p{color:#6c6796;margin-top:0;margin-bottom:20px;font-size:.97rem}.settings-save-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;margin-top:8px;padding:11px 28px;font-size:1rem;font-weight:600;transition:background .18s;box-shadow:0 1px 6px #7c3aed1a}.settings-save-btn:hover{background:#6431d6}@media (width<=900px){.admin-settings-dashboard{margin-left:0;padding:18px 6vw}.settings-grid{grid-template-columns:1fr;gap:20px}.admin-settings-header{margin-bottom:20px;font-size:1.45rem}}.admin-add-course{background:#f5f7fb;min-height:100vh}.add-course-content{min-height:100vh;margin-left:280px;padding:40px}.page-title{color:#1f2937;margin-bottom:30px;font-size:34px;font-weight:700}.course-form{background:#fff;border-radius:18px;width:100%;max-width:1100px;padding:35px;box-shadow:0 10px 30px #00000014}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{color:#374151;margin-bottom:8px;font-size:15px;font-weight:600}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .3s}.form-group textarea{resize:vertical;min-height:130px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.form-group label input[type=checkbox]{width:auto;margin-right:10px}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:30px;padding:15px 40px;font-size:16px;font-weight:600;transition:all .3s}.submit-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=992px){.add-course-content{margin-left:0;padding:20px}.course-form{padding:25px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.page-title{font-size:28px}}.manage-course-page{background:#f5f7fb;min-height:100vh;font-family:Poppins,sans-serif;display:flex}.manage-course-content{box-sizing:border-box;width:calc(100% - 285px);margin-left:285px;padding:35px 40px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-header h2{color:#222;margin:0;font-size:32px;font-weight:700}.search-box{width:400px;display:flex}.search-box input{background:#fff;border:1px solid #ddd;border-right:none;border-radius:10px 0 0 10px;outline:none;flex:1;padding:12px 15px;font-size:15px}.search-box button{color:#fff;cursor:pointer;background:#5535d9;border:none;border-radius:0 10px 10px 0;width:60px;font-size:17px}.search-box button:hover{background:#4527c9}.course-table{border-collapse:collapse;width:100%}.course-table th{color:#fff;text-align:center;white-space:nowrap;padding:18px;font-size:15px;font-weight:600}.course-table td{text-align:center;border-bottom:1px solid #eee;padding:18px}.course-table th:nth-child(2),.course-table td:nth-child(2){text-align:left;min-width:280px}.course-title{color:#222;white-space:normal;word-break:break-word;font-weight:600}.price{color:#16a34a;font-weight:700}@media (width<=1200px){.manage-course-content{width:100%;margin-left:0;padding:20px}.page-header{flex-direction:column;align-items:flex-start}.search-box{width:100%}.course-table{min-width:900px}}.live-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-left:8px;padding:8px 10px;transition:all .3s}.live-btn:hover{background:#1d4ed8}:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-main:#f8fafc;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--success-bg:#dcfce7;--success-text:#15803d;--danger-bg:#fee2e2;--danger-text:#dc2626;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000003;--radius-lg:16px;--radius-md:10px}.admin-dashboard{background:var(--bg-main);min-height:100vh;color:var(--text-primary);font-family:Inter,Poppins,system-ui,-apple-system,sans-serif;display:flex}.admin-content{box-sizing:border-box;width:calc(100% - 285px);margin-left:285px;padding:40px}.student-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.student-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:700}.student-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.student-search{width:100%;max-width:420px;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);display:flex;overflow:hidden}.student-search input{border:1px solid var(--border-color);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--card-bg);color:var(--text-primary);border-right:none;outline:none;flex:1;padding:12px 18px;font-size:14px;transition:border-color .2s}.student-search input:focus{border-color:var(--primary)}.student-search button{background:var(--primary);color:#fff;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;border:none;justify-content:center;align-items:center;width:54px;font-size:16px;transition:background-color .2s;display:flex}.student-search button:hover{background:var(--primary-hover)}.student-table-container{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:auto hidden}.student-table{border-collapse:collapse;text-align:left;width:100%;min-width:1100px}.student-table thead{border-bottom:1px solid var(--border-color);background:#f8fafc}.student-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:16px 20px;font-size:13px;font-weight:600}.student-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;padding:16px 20px;font-size:14px}.student-table tbody tr{transition:background-color .15s}.student-table tbody tr:hover{background:#f1f5f9}.student-table tbody tr:last-child td{border-bottom:none}.cell-id{color:var(--text-muted);font-family:monospace;font-weight:600}.cell-name{min-width:180px;font-weight:600;color:var(--text-primary)!important}.cell-email{min-width:200px}.badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-active{background:var(--success-bg);color:var(--success-text)}.badge-active .badge-dot{background:var(--success-text)}.badge-inactive{background:var(--danger-bg);color:var(--danger-text)}.badge-inactive .badge-dot{background:var(--danger-text)}.cell-actions{align-items:center;gap:8px;display:flex}.action-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:transform .15s,background-color .2s;display:inline-flex}.action-btn:hover{transform:translateY(-2px)}.status-btn.activate{background:#10b981}.status-btn.activate:hover{background:#059669}.status-btn.deactivate{background:#f59e0b}.status-btn.deactivate:hover{background:#d97706}.table-loader,.table-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.spinner{color:var(--primary);margin-bottom:12px;font-size:28px;animation:1s linear infinite spin}.empty-icon{color:var(--border-color);margin-bottom:12px;font-size:42px}.table-empty h3{color:var(--text-primary);margin:0 0 4px}.table-empty p{margin:0;font-size:14px}.alert-error{background:var(--danger-bg);color:var(--danger-text);border-radius:var(--radius-md);margin-bottom:20px;padding:12px 16px;font-size:14px}@media (width<=1024px){.student-header{flex-direction:column;align-items:stretch}.student-search{max-width:100%}}@media (width<=768px){.admin-content{width:100%;margin-left:0;padding:20px}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--text-main:#0f172a;--text-muted:#475569;--border-color:#cbd5e1;--bg-modal:#fff;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-modal);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:16px;max-height:90vh;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) popup;overflow-y:auto}@keyframes popup{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.close-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:24px;line-height:1;transition:all .2s}.close-icon-btn:hover{color:var(--text-main);background-color:#f1f5f9}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);font-size:.875rem;font-weight:600}.modal-container input[type=text],.modal-container input[type=url],.modal-container input[type=date],.modal-container input[type=time],.modal-container textarea{border:1px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;background-color:#f8fafc;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:all .2s}.modal-container textarea{resize:vertical;min-height:80px}.modal-container input:focus,.modal-container textarea:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.form-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.checkbox-group{margin-top:4px}.checkbox-label{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.925rem;font-weight:500;display:inline-flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.modal-buttons{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:12px;display:flex}.modal-buttons button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.modal-buttons .save-btn{background:var(--primary-color);color:#fff}.modal-buttons .save-btn:hover{background:var(--primary-hover);box-shadow:0 4px 12px #2563eb40}.modal-buttons .cancel-btn{color:#475569;background:#f1f5f9}.modal-buttons .cancel-btn:hover{color:var(--text-main);background:#e2e8f0}@media (width<=600px){.modal-container{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.modal-buttons{flex-direction:column-reverse}.modal-buttons button{width:100%}}.back-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:6px;padding:10px 18px}.add-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:10px 18px}.manage-course-content{flex:1;padding:30px}.page-header h2{color:#1e293b}.search-box{align-items:center;gap:10px;display:flex}.search-box input{border:1px solid #ddd;border-radius:8px;width:250px;padding:10px}.search-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 15px}.course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.course-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.course-card h3{color:#1e293b;margin-bottom:15px}.course-card p{color:#475569;margin:8px 0}.manage-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:20px;padding:10px;font-weight:600}.manage-btn:hover{background:#1d4ed8}.modal-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:18px;width:600px;max-width:95%;padding:30px;font-family:Poppins,sans-serif;box-shadow:0 10px 30px #00000026}.modal-container h2{color:#222;margin-bottom:25px;font-size:26px;font-weight:700}.modal-container label{color:#333;margin-top:15px;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.modal-container input,.modal-container textarea,.modal-container select{box-sizing:border-box;color:#222;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px}.modal-container input:focus,.modal-container textarea:focus,.modal-container select:focus{border-color:#5535d9}.modal-container input[type=file]{cursor:pointer;padding:10px}.checkbox-label{color:#333;align-items:center;gap:10px;margin-top:18px;display:flex!important}.checkbox-label input{width:auto}.modal-buttons{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#5535d9;border:none;border-radius:10px;padding:11px 22px;font-weight:600}.save-btn:hover{background:#4527c9}.cancel-btn{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:10px;padding:11px 22px}.cancel-btn:hover{background:#475569}.table-wrapper{background:#fff;border-radius:18px;overflow-x:auto;box-shadow:0 8px 25px #00000014}.course-table{border-collapse:collapse;color:#222;width:100%}.course-table thead{background:#5535d9}.course-table th{color:#fff;text-align:center;padding:18px;font-size:15px;font-weight:600}.course-table td{text-align:center;color:#333;border-bottom:1px solid #eee;padding:18px}.course-table tbody tr:hover{background:#f8f9ff}.status{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.status.active{color:#15803d;background:#dcfce7}.status.inactive{color:#dc2626;background:#fee2e2}.edit-btn,.delete-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;width:40px;height:40px;margin:0 4px}.edit-btn{background:#2563eb}.edit-btn:hover{background:#1d4ed8}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}.add-btn{color:#fff;cursor:pointer;background:#5535d9;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex}.add-btn:hover{background:#4527c9}@media (width<=700px){.modal-container{width:95%;padding:20px}.modal-buttons{flex-direction:column}.save-btn,.cancel-btn{width:100%}}.manage-course-page{background:#f5f7fb;min-height:100vh;display:flex}.manage-course-content{flex:1;padding:30px;overflow-y:auto}.back-btn{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:8px;margin-bottom:20px;padding:10px 18px;transition:all .3s}.back-btn:hover{background:#475569}.manage-course-content h2{color:#1e293b;margin-bottom:25px;font-size:28px;font-weight:700}.content-tabs{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:12px;margin-bottom:30px;padding-bottom:15px;display:flex}.content-tabs button{color:#334155;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 2px 6px #00000014}.content-tabs button:hover,.content-tabs button.active{color:#fff;background:#2563eb}.tab-content{background:#fff;border-radius:12px;min-height:500px;padding:25px;box-shadow:0 4px 12px #00000014}.coming-soon{color:#64748b;justify-content:center;align-items:center;height:300px;font-size:22px;font-weight:600;display:flex}.payment-management-page{color:#1e293b;background-color:#f8fafc;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.payment-management-content{max-width:1400px;margin-left:280px;padding:40px}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.page-header p{color:#64748b;margin:0;font-size:14px}.refresh-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.payment-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 6px -1px #00000005}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.pending-icon{color:#d97706;background:#fef3c7}.money-icon{color:#16a34a;background:#dcfce7}.status-icon{color:#4f46e5;background:#e0e7ff}.stat-info span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-info h3{color:#0f172a;margin:4px 0 0;font-size:22px;font-weight:700}.table-toolbar{margin-bottom:20px}.search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;max-width:420px;padding:12px 18px;display:flex;box-shadow:0 1px 2px #0000000a}.search-box svg{color:#94a3b8;font-size:16px}.search-box input{color:#1e293b;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000008}.payment-table{border-collapse:collapse;text-align:left;width:100%}.payment-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:12px;font-weight:700}.payment-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 20px;font-size:14px}.payment-table tr:last-child td{border-bottom:none}.payment-table tr:hover td{background-color:#f8fafc}.student-info{flex-direction:column;display:flex}.student-name{color:#0f172a;font-weight:600}.student-email{color:#64748b;font-size:13px}.course-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.amount-tag{color:#16a34a;font-size:15px;font-weight:700}.utr-code{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 8px;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:600}.date-text{color:#64748b;font-size:13px}.action-buttons{justify-content:flex-end;gap:10px;display:flex}.approve-btn,.reject-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.approve-btn{color:#15803d;background:#dcfce7}.approve-btn:hover{color:#fff;background:#16a34a}.reject-btn{color:#b91c1c;background:#fee2e2}.reject-btn:hover{color:#fff;background:#ef4444}.approve-btn:disabled,.reject-btn:disabled{opacity:.5;cursor:not-allowed}.loading-container{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px}.spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}.spin{animation:1s linear infinite spin}.empty-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px 20px}.empty-icon{margin-bottom:12px;font-size:40px}.empty-box h3{color:#0f172a;margin:0 0 8px;font-size:18px}.empty-box p{color:#64748b;margin:0;font-size:14px}@media (width<=1024px){.payment-stats{grid-template-columns:repeat(1,1fr)}}@media (width<=868px){.payment-management-content{margin-left:0;padding:20px}.table-wrapper{overflow-x:auto}}.certificate-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172ad9;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.certificate-modal-actions{gap:12px;margin-bottom:20px;display:flex}.btn-print{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:background-color .2s}.btn-print:hover{background-color:#1d4ed8}.btn-close{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:background-color .2s}.btn-close:hover{background-color:#dc2626}.certificate-paper{box-sizing:border-box;color:#1e293b;background:#fff;width:900px;height:630px;padding:24px;font-family:Georgia,Times New Roman,serif;box-shadow:0 20px 25px -5px #0000004d}.certificate-border{box-sizing:border-box;border:8px double #1e3a8a;height:100%;padding:8px}.certificate-inner-border{text-align:center;box-sizing:border-box;background-color:#f8fafc;border:2px solid #b45309;flex-direction:column;justify-content:space-between;height:100%;padding:30px;display:flex}.certificate-badge{color:#b45309;letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:700}.certificate-header h1{color:#1e3a8a;letter-spacing:2px;text-transform:uppercase;margin:8px 0 4px;font-size:34px}.certificate-header p{color:#64748b;letter-spacing:1.5px;margin:0;font-size:13px}.student-name{color:#0f172a;border-bottom:2px solid #cbd5e1;min-width:300px;margin:15px auto;padding-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:36px;display:inline-block}.certificate-text{color:#475569;margin:5px 0;font-size:15px}.course-name{color:#b45309;margin:10px 0;font-size:26px;font-weight:700}.completion-score{color:#334155;margin-top:5px;font-size:14px}.certificate-footer{justify-content:space-between;align-items:flex-end;margin-top:20px;padding:0 20px;display:flex}.footer-col{flex-direction:column;align-items:center;min-width:150px;display:flex}.sig-line{color:#0f172a;border-top:1.5px solid #334155;width:100%;padding-top:6px;font-size:15px;font-style:italic}.info-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:11px}.info-value{color:#1e293b;font-size:14px;font-weight:600}@media print{body *{visibility:hidden}.no-print{display:none!important}.certificate-modal-overlay{background:0 0;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}#printable-certificate,#printable-certificate *{visibility:visible}#printable-certificate{width:100%;height:100%;box-shadow:none;position:absolute;top:0;left:0}}.admin-certificate-dashboard,.admin-certificate-dashboard *{box-sizing:border-box}.admin-certificate-dashboard{color:#1e293b;background-color:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.admin-certificate-content{flex:1;width:calc(100% - 250px);min-width:0;margin-left:250px;padding:30px;transition:margin-left .3s,width .3s;overflow-y:auto}.admin-certificate-header{margin-bottom:24px}.admin-certificate-header h2{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:700}.admin-certificate-header p{color:#64748b;margin:0;font-size:14px}.admin-certificate-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.admin-certificate-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.admin-certificate-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #00000014}.admin-certificate-stat-icon{color:#2563eb;background-color:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.admin-certificate-stat-card h3{color:#0f172a;margin:0;font-size:22px;font-weight:700;line-height:1.2}.admin-certificate-stat-card p{color:#64748b;margin:2px 0 0;font-size:13px}.admin-certificate-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-certificate-search-filter{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:280px;display:flex}.admin-certificate-search{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:10px;max-width:380px;padding:8px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.admin-certificate-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.admin-certificate-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:14px}.admin-certificate-status-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.admin-certificate-status-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.admin-certificate-generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.admin-certificate-generate-btn:hover{background-color:#1d4ed8}.admin-certificate-generate-btn:active{transform:scale(.98)}.admin-certificate-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.admin-certificate-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.admin-certificate-table th{color:#475569;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-weight:600}.admin-certificate-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.admin-certificate-table tbody tr:last-child td{border-bottom:none}.admin-certificate-table tbody tr:hover{background-color:#f8fafc}.admin-certificate-status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-block}.admin-certificate-status-badge.active,.admin-certificate-status-badge.issued{color:#15803d;background-color:#dcfce7}.admin-certificate-status-badge.pending{color:#b45309;background-color:#fef3c7}.admin-certificate-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:15px;transition:color .2s,background-color .2s}.admin-certificate-action-btn:hover{color:#2563eb;background-color:#eff6ff}.cert-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.cert-modal-card{background:#fff;border-radius:12px;width:100%;max-width:450px;padding:24px;animation:.25s ease-out forwards slideUp;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.cert-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.cert-modal-header h3{color:#0f172a;margin:0;font-size:1.25rem;font-weight:600}.cert-modal-close-icon{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.5rem;line-height:1;transition:color .2s,background-color .2s}.cert-modal-close-icon:hover{color:#0f172a;background-color:#f1f5f9}.cert-modal-form{flex-direction:column;gap:16px;display:flex}.cert-form-group{flex-direction:column;gap:6px;display:flex}.cert-form-group label{color:#334155;font-size:.875rem;font-weight:500}.cert-form-group input,.cert-form-group select{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.cert-form-group input:focus,.cert-form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.cert-modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:8px;padding:10px 18px;font-weight:500;transition:background-color .2s}.btn-modal-cancel:hover{background-color:#e2e8f0}.btn-modal-submit{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:background-color .2s}.btn-modal-submit:hover{background-color:#1d4ed8}@media (width<=992px){.admin-certificate-content{width:100%;margin-left:0}}@media (width<=768px){.admin-certificate-content{padding:16px}.admin-certificate-toolbar{flex-direction:column;align-items:stretch}.admin-certificate-search{max-width:100%}.admin-certificate-generate-btn{width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#7e22ce;--primary-hover:#6b21a8;--primary-gradient:linear-gradient(135deg, #a855f7, #7e22ce);--primary-light:#f3e8ff;--bg-main:#faf8ff;--bg-card:#ffffffd9;--text-primary:#3b0764;--text-secondary:#6b21a8;--text-muted:#a855f7;--border-color:#d8b4fe80;--border-color-hover:#c084fc;--shadow-sm:0 4px 12px #7e22ce0a;--shadow-md:0 10px 25px #7e22ce14;--shadow-lg:0 18px 36px #7e22ce1f;--radius-md:12px;--radius-lg:20px;--transition-fast:.25s cubic-bezier(.16, 1, .3, 1)}.continue-page{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.continue-content{box-sizing:border-box;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding:36px 48px;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn}.continue-content h1{color:var(--text-primary);letter-spacing:-.6px;margin:0 0 8px;font-size:30px;font-weight:800}.continue-content>p{color:var(--text-secondary);background:var(--primary-light);letter-spacing:.3px;border:1px solid #d8b4fe99;border-radius:20px;margin-bottom:36px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.continue-content section{margin-bottom:48px}.continue-content section h2{color:var(--text-primary);border-bottom:2px solid #d8b4fe66;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:20px;font-weight:800;display:flex}.continue-content section>p{color:var(--text-secondary);opacity:.8;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px dashed var(--border-color);margin:0;padding:24px;font-size:14px;font-style:italic}.content-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:28px;display:flex}.content-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg);background:#fff;transform:translateY(-4px)}.content-card h3{color:var(--text-primary);margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.35}.content-card p{color:var(--text-secondary);opacity:.85;margin:0 0 20px;font-size:14px;line-height:1.6}.content-card button,.content-card a{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #a855f740}.content-card button:hover,.content-card a:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 16px #7e22ce59}.content-card button:active,.content-card a:active{transform:scale(.98)}.content-card a{background:var(--primary-light);color:var(--primary-color);box-shadow:none;border:1px solid #d8b4fe99}.content-card a:hover{color:#581c87;border-color:var(--border-color-hover);background:#e9d5ff}.content-card video{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;max-width:720px;box-shadow:var(--shadow-sm);background-color:#0f0b1c;outline:none;margin-top:12px}.continue-content h3{color:var(--text-secondary);align-items:center;gap:12px;padding:40px 0;font-size:16px;font-weight:600;display:flex}.continue-content h3:before{content:"";border:3px solid #e9d5ff;border-top-color:var(--primary-color);border-radius:50%;width:22px;height:22px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spinner}@keyframes spinner{to{transform:rotate(360deg)}}@media (width<=1024px){.continue-content{padding:32px}}@media (width<=900px){.continue-content{width:100%;margin-left:0;padding:24px 20px}.continue-content h1{font-size:24px}.content-card{padding:20px}}