.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.8);z-index:1000;transition:all .3s ease}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo-img{height:52px;width:auto}.nav{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:#4b5563;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:#1e3a8a}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#f97316;transition:width .3s ease}.nav-link:hover:after{width:100%}.cta-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1e3a8a4d}.menu-toggle{display:none;background:none;border:none;color:#4b5563;cursor:pointer;padding:.5rem}@media (max-width: 768px){.header-container{padding:1rem}.menu-toggle{display:block}.nav{position:fixed;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:2rem;gap:1.5rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.cta-button{width:100%;justify-content:center}}.hero{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{animation:slideInLeft .8s ease-out}.hero-badges{display:flex;gap:1rem;margin-bottom:2rem}.badge{display:flex;align-items:center;gap:.5rem;background:#f973161a;color:#ea580c;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600}.badge-icon{width:16px;height:16px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:#1e293b;margin-bottom:1.5rem}.hero-description{font-size:1.25rem;color:#64748b;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.primary-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #1e3a8a66}.secondary-button{display:flex;align-items:center;gap:.5rem;background:#fff;color:#1e3a8a;border:2px solid #e2e8f0;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.secondary-button:hover{border-color:#1e3a8a;transform:translateY(-3px);box-shadow:0 15px 35px #0000001a}.stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{font-size:2rem;font-weight:800;color:#1e3a8a}.hero-visual{position:relative;animation:slideInRight .8s ease-out}.code-window{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px #0000001a;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg)}.hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1rem}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-card{position:absolute;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;box-shadow:0 10px 25px #0003}.tech-card.react{background:#61dafb;color:#1e293b;top:10%;right:-10%;animation:float 3s ease-in-out infinite}.tech-card.node{background:#68a063;color:#fff;top:60%;right:10%;animation:float 3s ease-in-out infinite .5s}.tech-card.mongo{background:#47a248;color:#fff;top:30%;left:-15%;animation:float 3s ease-in-out infinite 1s}.tech-card.js{background:#f7df1e;color:#1e293b;bottom:20%;left:10%;animation:float 3s ease-in-out infinite 1.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.hero-container{margin-top:1rem;grid-template-columns:1fr;gap:2rem;padding:0 1rem;text-align:center}.hero-title{font-size:2.2rem;line-height:1.2}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.stats{justify-content:center;flex-wrap:wrap}.code-window{transform:none}.floating-card{display:none}.hero-image{width:250px;height:auto;margin:0 auto}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.hero-description{font-size:.95rem}.primary-button,.secondary-button{width:100%;justify-content:center;font-size:1rem;padding:.8rem 1rem}.badge{font-size:.75rem;padding:.4rem .8rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.hero-image{width:400px;height:auto}}.courses{padding:6rem 0;background:#fff}.courses-containerr{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.sectioon-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:1rem}.section-description{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,300px));gap:2rem;margin-bottom:3rem}.course-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;border:1px solid #f1f5f9;width:100%}.course-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.couurse-image{position:relative;height:160px;overflow:hidden}.couurse-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.course-card:hover .couurse-image img{transform:scale(1.05)}.course-overlay{position:absolute;top:1rem;left:1rem;background:#1e3a8ae6;color:#fff;padding:.5rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.course-icon{width:24px;height:24px}.coursse-content{padding:1rem}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.course-level{background:#f973161a;color:#ea580c;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.course-rating{display:flex;align-items:center;gap:.25rem;color:#fbbf24;font-weight:600;font-size:.875rem}.star-icon{width:16px;height:16px;fill:currentColor}.ccourse-title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;line-height:1.3}.ccourse-description{color:#64748b;font-size:.85rem;margin-bottom:1rem}.course-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem}.stat{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.course-foooter{display:flex;justify-content:space-between;align-items:center}.course-price{font-size:1.1rem;font-weight:800;color:#1e3a8a}.enroll-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:.5rem 1rem;font-size:.9rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.enroll-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f9731666}.courses-cta{text-align:center}.view-all-button{background:#fff;color:#1e3a8a;border:2px solid #1e3a8a;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.view-all-button:hover{background:#1e3a8a;color:#fff;transform:translateY(-3px);box-shadow:0 15px 35px #1e3a8a4d}@media (max-width: 768px){.courses-container{padding:0 1rem}.secttion-title{font-size:2rem}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.course-card{margin:0 .5rem}.course-footer{flex-direction:column;gap:1rem;align-items:stretch}.enroll-button{justify-content:center}}.about{padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#1e3a8a,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-description{font-size:1.1rem;color:#64748b;line-height:1.6;margin-bottom:2rem}.features-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:#475569;font-weight:500}.check-icon{width:20px;height:20px;color:#10b981;flex-shrink:0}.learn-more-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.learn-more-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #1e3a8a66}.about-visual{display:flex;justify-content:center;align-items:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:400px}.stat-card{background:#fff;padding:1.5rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;border:1px solid #f1f5f9}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.stat-card:nth-child(1) .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-number{font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1}.stat-label{font-size:.875rem;color:#64748b;font-weight:500}@media (max-width: 768px){.about-container{padding:0 1rem}.about-content{grid-template-columns:1fr;gap:2rem}.about-title{font-size:2rem}.features-list{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{flex-direction:column;text-align:center;gap:.5rem}.stat-icon{width:40px;height:40px}.stat-icon svg{width:20px;height:20px}}.footer{background:#1e293b;color:#e2e8f0;padding:4rem 0 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:2rem}.footer-section h3.footer-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.logo-icon{width:32px;height:32px;color:#f97316}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#94a3b8;line-height:1.6;margin-bottom:2rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f61a;color:#3b82f6;border-radius:.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#f97316}.contact-info{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:#94a3b8;margin-bottom:1rem}.contact-item svg{color:#f97316;flex-shrink:0}.newsletter-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem;border:1px solid #475569;border-radius:.5rem;background:#334155;color:#fff;font-size:.875rem}.newsletter-input::-moz-placeholder{color:#94a3b8}.newsletter-input::placeholder{color:#94a3b8}.newsletter-input:focus{outline:none;border-color:#f97316}.newsletter-button{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f9731666}.footer-bottom{border-top:1px solid #334155;padding:2rem 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:.875rem}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#f97316}@media (max-width: 768px){.footer-container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-links{gap:1rem}.newsletter-form{flex-direction:column}.newsletter-button{justify-self:stretch}}.home{min-height:100vh}html{scroll-behavior:smooth}main{position:relative}main section{opacity:1;transform:translateY(0);transition:all .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.courses,.about{animation:fadeInUp .8s ease-out}@media (max-width: 768px){.home{overflow-x:hidden}}.auth-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{background:#fff;border-radius:1rem;padding:2.5rem;width:100%;max-width:450px;box-shadow:0 25px 50px #00000026}.auth-logo-img{height:52px;width:auto}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.auth-title{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.5rem}.auth-subtitle{color:#64748b;font-size:1rem}.auth-formm{margin-bottom:2rem}.formm-group{margin-bottom:1.5rem}.formm-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.formm-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .3s ease}.formm-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem}.password-toggle:hover{color:#6b7280}.auth-button{width:100%;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:.875rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #1e3a8a4d}.auth-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:.5rem;border:1px solid #fecaca;margin-bottom:1rem;font-size:.875rem}.auth-footer{text-align:center;color:#64748b}.auth-link{color:#3b82f6;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.demo-accounts{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.demo-title{font-weight:600;color:#374151;margin-bottom:.5rem}.demo-account{font-size:.875rem;color:#6b7280;margin-bottom:.25rem;font-family:monospace}@media (max-width: 640px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}}.dashboard{min-height:100vh;background:#f8fafc}.dashboard-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:2rem 0}.dashboard-container{max-width:1200px;margin:0 auto;padding:0 2rem}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.welcome-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.welcome-subtitle{color:#64748b;font-size:1rem}.header-actions{display:flex;gap:1rem}.admin-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.admin-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f973164d}.logout-button{display:flex;align-items:center;gap:.5rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{border-color:#dc2626;color:#dc2626}.statss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.statt-card{background:#fff;padding:1.5rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease}.statt-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.statt-icon{width:60px;height:60px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.statt-icon.enrolled{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.statt-icon.progress{background:linear-gradient(135deg,#10b981,#059669)}.statt-icon.completed{background:linear-gradient(135deg,#f59e0b,#d97706)}.statt-icon.time{background:linear-gradient(135deg,#ef4444,#dc2626)}.statt-number{font-size:2rem;font-weight:800;color:#1e293b;line-height:1}.statt-label{font-size:.875rem;color:#64748b;font-weight:500}.dashboard-content{padding-bottom:3rem}.section{margin-bottom:3rem}.tion-itle{font-size:1.5rem;font-weight:700;color:#1e293b}.browse-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .3s ease}.browse-link:hover{color:#1d4ed8}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;border:2px dashed #e2e8f0}.empty-state svg{color:#94a3b8;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:2rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.courses-gridd{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;justify-content:center}.course-caard{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;transition:transform .3s ease,box-shadow .3s ease;max-width:340px;width:100%;margin:0 auto}.course-caard:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.courrse-image{position:relative;height:180px;overflow:hidden}.courrse-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.course-caard:hover .course-image img{transform:scale(1.05)}.course-caard:hover .course-overlay{opacity:1}.play-button{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;text-decoration:none;transition:all .3s ease}.play-button:hover{background:#fff;transform:scale(1.1)}.course-conteent{padding:1.5rem}.course-titllle{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;line-height:1.3}.course-instructor{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.progress-section{margin-bottom:1.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.875rem;color:#64748b;font-weight:500}.progress-percentage{font-size:.875rem;color:#3b82f6;font-weight:600}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.continue-button{display:block;width:100%;text-align:center;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;text-decoration:none;padding:.75rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.continue-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f973164d}@media (max-width: 768px){.dashboard-container{padding:0 1rem}.header-content{flex-direction:column;gap:1.5rem;text-align:center}.header-actions{flex-direction:column;width:100%}.admin-button,.logout-button{justify-content:center}.stats-grid,.courses-gridd{grid-template-columns:1fr}.welcome-title{font-size:1.5rem}}.course-ddetail{min-height:100vh;background:#f8fafc}.courrse-hheader{background:#fff;border-bottom:1px solid #e2e8f0;padding:2rem 0}.course-containner{max-width:1200px;margin:0 auto;padding:0 2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .3s ease}.back-link:hover{color:#3b82f6}.course-heero{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.course-ttitle{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:1rem;line-height:1.2}.course-description{font-size:1.1rem;color:#64748b;line-height:1.6;margin-bottom:2rem}.course-meeta{display:flex;gap:2rem;margin-bottom:2rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-weight:500}.progress-seection{margin-bottom:2rem}.progrress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-labbel{font-weight:600;color:#374151}.progress-perccentage{font-weight:700;color:#3b82f6;font-size:1.1rem}.progresss-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;transition:width .3s ease}.course-image{border-radius:1rem;overflow:hidden;box-shadow:0 20px 40px #0000001a}.course-image img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.course-content{padding:3rem 0}.e-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:2rem}.videos-list{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.video-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.video-item:last-child{border-bottom:none}.video-item:hover{background:#f8fafc}.video-{display:flex;align-items:center;gap:1rem;flex:1}.video-status{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-number{width:32px;height:32px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:.875rem}.completed-icon{color:#10b981;width:24px;height:24px}.video-ds{flex:1}.video-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.video-description{color:#64748b;font-size:.875rem;margin-bottom:.5rem}.video-duration{display:flex;align-items:center;gap:.25rem;color:#94a3b8;font-size:.75rem}.play-video-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.play-video-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.video-player-page{display:grid;grid-template-columns:1fr 350px;height:100vh;background:#000}.video-container{position:relative;background:#000;display:flex;align-items:center;justify-content:center}.video-element{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:2rem 1rem 1rem;opacity:0;transition:opacity .3s ease}.video-controls.visible{opacity:1}.progresss-bar-container{margin-bottom:1rem;cursor:pointer}.progress-bar{width:100%;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .1s ease}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-left,.controls-right{display:flex;align-items:center;gap:1rem}.control-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .3s ease}.control-button:hover{background:#fff3}.time-display{color:#fff;font-size:.875rem;font-weight:500}.next-button{background:#3b82f633}.completion-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10}.completion-content{background:#fff;padding:2rem;border-radius:1rem;text-align:center;max-width:400px}.completion-content svg{color:#10b981;margin-bottom:1rem}.completion-content h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.next-video- p{color:#64748b;margin-bottom:1.5rem}.next-video-button,.back-to-course{display:inline-block;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.next-video-button:hover,.back-to-course:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.video-sidebar{background:#fff;padding:2rem;overflow-y:auto}.video-header{margin-bottom:2rem}.current-video-{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.video-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.video-description{color:#64748b;line-height:1.5}.playlist-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.playlist-items{flex-direction:column;gap:.5rem}.playlist-item{align-items:center;justify-content:space-between;padding:.75rem;border-radius:.5rem;text-decoration:none;color:inherit;transition:background-color .3s ease}.playlist-item:hover{background:#f8fafc}.playlist-item.active{background:#eff6ff;border:1px solid #bfdbfe}.playlist-item-{display:flex;align-items:center;gap:.75rem;flex:1}.playlist-item-number{width:24px;height:24px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#64748b;flex-shrink:0}.playlist-item.active .playlist-item-number{background:#3b82f6;color:#fff}.playlist-item-title{font-weight:500;color:#1e293b;font-size:.875rem;margin-bottom:.25rem}.playlist-item-duration{font-size:.75rem;color:#94a3b8}.completion-actions{margin-top:18px;display:flex;flex-direction:column;gap:12px;width:100%}.replay-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;background:#ff3b5f;color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #ff3b5f4d}.replay-button:hover{transform:scale(1.06);box-shadow:0 6px 16px #ff3b5f73}.replay-button:active{transform:scale(.92)}.replay-button:before{content:"?";font-size:18px;margin-right:6px;animation:rotatePulse 1.6s infinite ease-in-out}@keyframes rotatePulse{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}.course-not-found,.video-not-found,.course-access-denied{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.access-denied-content{text-align:center;padding:3rem;background:#fff;border-radius:1rem;box-shadow:0 10px 25px #0000001a}.access-denied-content svg{color:#94a3b8;margin-bottom:1rem}.access-denied-content h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.access-denied-content p{color:#64748b;margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}@media (max-width: 768px){.course-containner{padding:0 1rem}.course-heero{grid-template-columns:1fr;gap:2rem}.course-ttitle{font-size:1.5rem}.course-meeta{flex-direction:column;gap:1rem}.video-player-page{grid-template-columns:1fr;grid-template-rows:1fr auto}.video-sidebar{max-height:300px}.video-item{flex-direction:column;align-items:flex-start;gap:1rem}.play-video-button{align-self:stretch;justify-content:center}}.playlist-item.locked{opacity:.5;pointer-events:none;cursor:not-allowed}.playlist-item-disabled{display:flex;justify-content:space-between;align-items:center}.lock-icon{font-size:14px;margin-left:8px;color:#888}.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.confirmation-modal{background-color:#fff;padding:20px 30px;border-radius:10px;max-width:400px;width:90%;text-align:center;box-shadow:0 0 10px #0000004d}.confirmation-modal-title{font-size:1.5rem;margin-bottom:15px}.confirmation-modal-message{margin-bottom:25px;font-size:1rem;color:#333}.confirmation-modal-actions{display:flex;justify-content:space-around}.confirm-btn{background-color:#d9534f;color:#fff;border:none;padding:10px 18px;border-radius:5px;cursor:pointer;font-weight:700}.cancel-btn{background-color:#5bc0de;color:#fff;border:none;padding:10px 18px;border-radius:5px;cursor:pointer;font-weight:700}.confirm-btn:hover,.cancel-btn:hover{opacity:.9}.admin-dashboard{min-height:100vh;background:#f8fafc}.admin-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:2rem 0}.admin-container{max-width:1200px;margin:0 auto;padding:0 2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.admin-title{display:flex;align-items:center;gap:1rem}.back-link{display:flex;align-items:center;color:#64748b;text-decoration:none;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.back-link:hover{background:#f1f5f9;color:#3b82f6}.admin-title h1{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.admin-title p{color:#64748b}.admin-user{color:#64748b;font-weight:500}.admin-tabs{display:flex;gap:.5rem;margin:2rem 0;border-bottom:1px solid #e2e8f0}.tab-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:1rem 1.5rem;color:#64748b;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab-button:hover{color:#3b82f6}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.admin-content{padding-bottom:3rem}.overview-section{display:flex;flex-direction:column;gap:3rem}.stattss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.staat-card{background:#fff;padding:2rem;border-radius:1rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease}.staat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.stat-icoon{width:60px;height:60px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.logout-button{margin-left:16px;background-color:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#d32f2f}.stat-icoon.users{background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:60px}.stat-icoon.courses{background:linear-gradient(135deg,#10b981,#059669)}.stat-icoon.videos{background:linear-gradient(135deg,#f59e0b,#d97706)}.statt-numbber{font-size:2rem;font-weight:800;color:#1e293b;line-height:1}.staat-laabbel{font-size:.875rem;color:#64748b;font-weight:500}.quick-actions{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.quick-actions h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.courses-section,.users-section{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{font-size:1.5rem;font-weight:700;color:#1e293b}.primary-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f973164d}.courses-table,.users-table{display:flex;flex-direction:column;gap:1rem}.course-row,.user-row{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid #e2e8f0;border-radius:.75rem;transition:all .3s ease}.course-row:hover,.user-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.course-info,.user-info{display:flex;align-items:center;gap:1rem;flex:1}.course-thumbnail{width:60px;height:60px;border-radius:.5rem;-o-object-fit:cover;object-fit:cover}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.course-details h4,.user-details h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.course-details p,.user-details p{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.course-stats,.user-role{font-size:.75rem;color:#94a3b8}.user-role{background:#eff6ff;color:#3b82f6;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.course-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.25rem;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.action-btn.edit:hover{background:#fef3c7;border-color:#f59e0b;color:#d97706}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.user-stats{color:#64748b;font-size:.875rem;margin-top:.5rem}.course-list{list-style:disc;padding-left:1.25rem;margin-top:.25rem;color:#475569}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 0;margin-bottom:1.5rem}.modal-header h3{font-size:1.5rem;font-weight:700;color:#1e293b}.close-button{background:none;border:none;font-size:2rem;color:#94a3b8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .3s ease}.close-button:hover{background:#f1f5f9;color:#64748b}.modal-form{padding:0 2rem 2rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-actions button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-actions button[type=button]{background:#fff;color:#64748b;border:2px solid #e2e8f0}.modal-actions button[type=button]:hover{border-color:#cbd5e1;color:#475569}.form-row{display:flex;justify-content:space-between;gap:1rem}.form-row .form-group{flex:1}.aktion-btn.delete{background-color:#ff4d4f;color:#fff;border:none;padding:6px 49px;font-size:14px;border-radius:6px;margin-bottom:.75rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.aktion-btn.delete:hover{background-color:#d9363e}@media (max-width: 768px){.admin-container{padding:0 1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.admin-tabs{flex-direction:column}.tab-button{justify-content:center}.stattss-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.section-header,.course-row,.user-row{flex-direction:column;gap:1rem;align-items:stretch}.course-actions{justify-content:center}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.course-start-container{max-width:800px;margin:3rem auto;padding:1rem;box-sizing:border-box}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.course-start-title{font-size:2rem;font-weight:600;color:#111827}.back-button{background-color:#e5e7eb;color:#111827;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.back-button:hover{background-color:#d1d5db}.option-card{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem 2rem;margin-bottom:1.5rem;background-color:#fff;transition:box-shadow .3s ease;min-height:100px}.option-card:hover{box-shadow:0 4px 14px #0000000f}.option-text{font-size:1.25rem;font-weight:500;color:#1f2937;text-align:left;width:100%}.option-button{background-color:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:500;font-size:1rem;transition:background .2s}.option-button:hover{background-color:#4338ca}.option-button.disabled{background-color:#d1d5db;cursor:not-allowed}.divider{border:none;height:1px;background-color:#e5e7eb;margin:1.5rem 0}.option-card.done .option-button{background-color:#4caf50;color:#fff;cursor:default}.option-button:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:12px;max-width:650px;width:90%;text-align:center}.modal-content h3{margin-bottom:1rem}.modal-content iframe{width:100%;height:315px;margin-bottom:20px;border-radius:8px}@media (max-width: 600px){.header-row{flex-direction:column;align-items:flex-start}.back-button{margin-top:1rem;width:50%;text-align:center}.option-card{flex-direction:column;align-items:flex-start}.option-button{margin-top:1rem;width:100%;text-align:center}.option-text{text-align:center}}.bfufbue-x1{max-width:800px;margin:3rem auto;padding:1rem;box-sizing:border-box}.bfufbue-x2{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.bfufbue-x3{font-size:2rem;font-weight:600;color:#111827}.bfufbue-x4{background-color:#e5e7eb;color:#111827;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.bfufbue-x4:hover{background-color:#d1d5db}.bfufbue-x6{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem 2rem;margin-bottom:1.5rem;background-color:#fff;transition:box-shadow .3s ease;min-height:100px}.bfufbue-x6:hover{box-shadow:0 4px 14px #0000000f}.bfufbue-x7{font-size:1.25rem;font-weight:500;color:#1f2937;text-align:left;width:100%}.bfufbue-x8{background-color:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:500;font-size:1rem;transition:background .2s}.bfufbue-x8:hover{background-color:#4338ca}.bfufbue-disabled{background-color:#d1d5db!important;cursor:not-allowed!important}.bfufbue-x5{border:none;height:1px;background-color:#e5e7eb;margin:1.5rem 0}.bfufbue-done .bfufbue-x8{background-color:#4caf50;color:#fff;cursor:default}.bfufbue-x8:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 600px){.bfufbue-x2{flex-direction:column;align-items:flex-start}.bfufbue-x4{margin-top:1rem;width:50%;text-align:center}.bfufbue-x6{flex-direction:column;align-items:flex-start}.bfufbue-x8{margin-top:1rem;width:100%;text-align:center}.bfufbue-x7{text-align:center}}.ipl-x1{max-width:800px;margin:3rem auto;padding:1rem;box-sizing:border-box}.ipl-x2{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.ipl-x3{font-size:2rem;font-weight:600;color:#111827}.ipl-x4{background-color:#e5e7eb;color:#111827;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.ipl-x4:hover{background-color:#d1d5db}.ipl-x6{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem 2rem;margin-bottom:1.5rem;background-color:#fff;transition:box-shadow .3s ease;min-height:100px}.ipl-x6:hover{box-shadow:0 4px 14px #0000000f}.ipl-x7{font-size:1.25rem;font-weight:500;color:#1f2937;text-align:left;width:100%}.ipl-x8{background-color:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:500;font-size:1rem;transition:background .2s}.ipl-x8:hover{background-color:#4338ca}.ipl-disabled{background-color:#d1d5db!important;cursor:not-allowed!important}.ipl-x5{border:none;height:1px;background-color:#e5e7eb;margin:1.5rem 0}.ipl-done .ipl-x8{background-color:#4caf50;color:#fff;cursor:default}.ipl-x8:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 600px){.ipl-x2{flex-direction:column;align-items:flex-start}.ipl-x4{margin-top:1rem;width:50%;text-align:center}.ipl-x6{flex-direction:column;align-items:flex-start}.ipl-x8{margin-top:1rem;width:100%;text-align:center}.ipl-x7{text-align:center}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.flex{display:flex}.h-32{height:8rem}.min-h-screen{min-height:100vh}.w-32{width:8rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}