.navbar{background:var(--bg-alt);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-mid);position:sticky;top:0;width:100%;z-index:1000}.logo-text{font-weight:700;color:var(--primary);font-size:20px}.welcome-text{color:var(--text-main);font-size:16px;font-weight:600;margin-right:12px}.nav-search{flex:.6;max-width:500px;margin:0 20px}.nav-search input{width:100%;padding:10px 16px;border-radius:40px;border:1px solid var(--border-mid);background:var(--bg-light);font-size:15px;color:var(--text-main)}.nav-search input::placeholder{color:var(--text-light)}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{color:var(--text-main)}.nav-links button{background:var(--primary);color:#000;padding:8px 16px;border-radius:6px;border:none;font-weight:700;cursor:pointer;transition:.2s}.nav-links button:hover{background:var(--primary-light)}.mobile-menu-btn{display:none;font-size:28px;background:none;border:none;color:var(--text-main)}.mobile-menu{display:none}@media(max-width:850px){.nav-search,.nav-links{display:none}.mobile-menu-btn{display:block!important;cursor:pointer;z-index:3000}.mobile-menu{display:flex;flex-direction:column;gap:20px;position:fixed;top:0;right:-300px;width:260px;height:100vh;background:var(--bg-alt);padding:25px;box-shadow:-4px 0 15px #0006;transition:.35s ease-in-out;z-index:2500}.mobile-menu.open{right:0}.close-btn{align-self:flex-end;background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-main)}.mobile-menu a{font-size:18px;color:var(--text-main);padding:8px 0;width:fit-content;display:block}.mobile-search{width:100%;margin-top:10px;margin-bottom:10px}.mobile-search input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border-mid);background:var(--bg-light);font-size:15px;color:var(--text-main)}.logout-mobile{background:var(--primary);color:#000!important;padding:12px;border-radius:6px;border:none;margin-top:10px;width:100%;text-align:center;font-weight:700;font-size:18px}.logout-mobile:hover{background:var(--primary-light)}}.auth-container{width:100%;min-height:80vh;display:flex;justify-content:center;align-items:center;padding:40px 0;background:var(--bg-main)}.auth-box{background:var(--bg-alt);width:420px;padding:32px;border-radius:12px;box-shadow:0 6px 30px #00000040}.auth-title{text-align:center;font-size:26px;font-weight:700;margin-bottom:25px;color:var(--text-main)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form input{padding:12px 14px;border-radius:8px;border:1px solid var(--border-mid);background:var(--bg-light);color:var(--text-main);font-size:15px}.auth-form input:focus{border-color:var(--primary);outline:none}.auth-error{color:#ff6b6b;font-size:14px;margin:0;text-align:center}.auth-form button{background:var(--primary);color:#000;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.auth-form button:hover{background:var(--primary-light)}.courses-wrapper{padding:40px 8%;background:var(--bg-main);min-height:100vh;color:var(--text-main)}.courses-title{color:var(--primary);margin-bottom:28px;font-size:32px;font-weight:800}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px}.course-card{background:var(--bg-alt);border-radius:12px;overflow:hidden;border:1px solid var(--border-mid);box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}.course-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #00000059}.course-img{width:100%;height:180px;object-fit:cover}.course-info{padding:16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.course-name{font-size:18px;font-weight:700;color:var(--text-main);margin:0}.course-price{font-size:15px;font-weight:600;color:var(--primary);margin:0 0 12px}.open-btn{margin-top:auto;padding:10px 16px;background:var(--primary);color:#000;border:none;border-radius:6px;font-weight:600;text-align:center;cursor:pointer;transition:.2s ease}.open-btn:hover{background:var(--primary-light)}.category-block{margin-bottom:45px}.category-title{font-size:26px;font-weight:800;color:var(--primary);margin-bottom:18px;border-bottom:2px solid var(--primary);padding-bottom:6px}.no-results{margin-top:40px;font-size:18px;color:var(--text-light);text-align:center}@media(max-width:768px){.courses-wrapper{padding:25px 20px}.courses-title{font-size:26px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:500px){.courses-grid{grid-template-columns:repeat(1,1fr)}.course-img{height:160px}}.hero{width:100%;height:480px;background-image:url(/assets/heroWide-CkFYQplV.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}@media(max-width:600px){.hero{background-image:url(/assets/heroMobile-DLRlmwib.png);background-position:top;background-size:contain!important;background-repeat:no-repeat;background-color:var(--bg-main);height:340px!important}}.hero-box{position:absolute;bottom:-250px;left:50%;transform:translate(-50%);background:var(--bg-alt);padding:32px;border-radius:12px;width:480px;text-align:center;box-shadow:0 6px 25px #00000059;color:var(--text-main)}@media(max-width:900px){.hero-box{width:90%;bottom:-180px}}@media(max-width:600px){.hero-box{width:90%;padding:22px;bottom:-140px}}.hero-box h1{font-size:30px;font-weight:800;margin-bottom:10px;color:var(--text-main)}.hero-box p{font-size:15px;color:var(--text-light)}.hero-buttons{display:flex;justify-content:center;gap:12px;margin-top:15px}.button-primary{background:var(--primary);color:#000;padding:10px 18px;border-radius:8px}.button-secondary{background:var(--bg-light);color:var(--text-main);padding:10px 18px;border-radius:8px}.section-title{padding:0 8%;font-size:26px;font-weight:700;color:var(--text-main)}.courses-title{margin-top:240px}@media(max-width:600px){.courses-title{margin-top:200px}}.courses-grid{padding:20px 8% 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}@media(max-width:900px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.courses-grid{grid-template-columns:repeat(1,1fr)}}.course-card{background:var(--bg-alt);border:1px solid var(--border-mid);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease;color:var(--text-main)}.course-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #0006}.course-card img{width:100%;height:210px;object-fit:cover}.course-card h3{margin:12px 15px 0;font-size:18px;font-weight:700;color:var(--text-main)}.course-card .price{margin:6px 15px 12px;font-size:15px;font-weight:600;color:var(--primary)}.course-card .details-btn{display:block;width:calc(100% - 30px);margin:0 auto 15px;padding:10px 16px;background:var(--primary);color:#000;border:none;border-radius:8px;text-align:center;font-weight:600;transition:.2s ease}.course-card .details-btn:hover{background:var(--primary-light)}.categories-title{margin-top:40px;color:var(--text-main)}.categories-grid{padding:20px 8% 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.category-card{background:var(--bg-light);border-radius:12px;padding:22px;border:1px solid var(--border-mid);text-align:center;font-weight:600;color:var(--text-main)}.footer{background:var(--footer-bg);padding:50px 0;text-align:center;color:var(--footer-text);margin-top:80px}.footer-content{max-width:700px;margin:auto;display:flex;flex-direction:column;gap:25px}.footer-brand{font-size:32px;font-weight:900;color:var(--primary)}.social-links,.footer-section{display:flex;justify-content:center;gap:25px}.social-links a,.footer-section a{color:var(--footer-text);font-size:15px;text-decoration:none;font-weight:600}.social-links a:hover,.footer-section a:hover{color:var(--primary);text-decoration:underline}.footer-copy{margin-top:20px;font-size:13px;color:var(--footer-text)}.footer{background:var(--footer-bg);color:var(--footer-text);padding:40px 20px;margin-top:50px}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;max-width:1200px;margin:auto}.footer-section h3,.footer-section h4{margin-bottom:10px;color:var(--text-light)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:6px 0}.footer-section a{color:var(--footer-text);text-decoration:none;transition:.3s}.footer-section a:hover{color:var(--primary)}.socials a{display:inline-block;margin-right:15px;color:var(--footer-text)}.socials a:hover{color:var(--primary)}.footer-bottom{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid var(--footer-border);font-size:14px;color:var(--text-light)}.course-details-page{padding-bottom:60px;color:var(--text-main);background:var(--bg-main)}.course-top{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start;padding:28px 60px;border-bottom:1px solid var(--border-light)}.course-cover{background:var(--bg-light);padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040}.course-cover img{max-width:100%;max-height:260px;object-fit:contain;border-radius:8px}.course-title{font-size:34px;font-weight:800;margin-bottom:8px;color:var(--primary)}.meta-row{display:flex;gap:12px;margin-bottom:12px}.chip{padding:6px 10px;border-radius:999px;font-weight:600;font-size:13px}.category-chip{background:var(--primary);color:#000}.course-desc{font-size:16px;line-height:1.6;color:var(--text-light);margin-bottom:18px}.course-price{margin-top:15px;font-size:22px;font-weight:700;color:var(--primary)}.enroll-btn{margin-top:10px;padding:10px 20px;background:var(--primary);color:#000;border:none;border-radius:8px;font-weight:700;cursor:pointer}.content-title{padding:30px 60px 10px;font-size:24px;font-weight:800;color:var(--text-main)}.sessions-list{padding:0 60px 60px}.session-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:10px;background:var(--bg-alt);margin-bottom:14px;box-shadow:0 3px 10px #00000040}.session-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000004d}.session-left{display:flex;flex-direction:column}.session-title{margin:0;font-weight:700;font-size:18px;color:var(--text-main)}.session-price{margin-top:4px;color:var(--primary);font-weight:600}.watch-btn,.buy-btn{padding:10px 16px;border:none;border-radius:8px;font-weight:700;cursor:pointer;min-width:130px;text-align:center}.watch-btn{background:var(--success);color:#000}.watch-btn:hover{background:var(--success-hover)}.buy-btn{background:var(--primary);color:#000}.buy-btn:hover{background:var(--primary-light)}@media(max-width:880px){.course-top{grid-template-columns:1fr;padding:20px}.content-title,.sessions-list{padding-left:20px;padding-right:20px}.session-card{flex-direction:column;align-items:flex-start;gap:12px}.session-right{width:100%}}.learn-wrapper{display:flex;height:100vh;background:var(--bg-main);color:var(--text-main)}.video-section{flex:3;padding:40px 50px}.lesson-title{font-size:28px;font-weight:800;color:var(--primary)}.lesson-video{width:100%;height:500px;border:none;border-radius:12px;margin-top:20px;box-shadow:0 6px 18px #00000040}.sidebar{flex:1.2;background:var(--bg-alt);border-left:1px solid var(--border-mid);padding:25px 20px;overflow-y:auto;color:var(--text-main)}.sidebar-title{font-size:20px;font-weight:800;margin-bottom:20px;color:var(--text-main)}.sidebar-item{background:var(--bg-light);border:1px solid var(--border-mid);padding:14px 16px;border-radius:10px;margin-bottom:12px;font-weight:600;cursor:pointer;transition:.22s ease;color:var(--text-main)}.sidebar-item:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000040}.active-lesson{border:2px solid var(--primary);background:var(--bg-light)}.locked{opacity:.45;cursor:not-allowed}.learn-loading{text-align:center;margin-top:100px;font-size:28px;color:var(--text-main)}@media(max-width:900px){.learn-wrapper{flex-direction:column}.sidebar{flex:unset;width:100%;border-left:none;border-top:1px solid var(--border-mid)}}@media(max-width:768px){.video-wrapper iframe{width:100%!important;height:220px!important}.session-card{width:100%!important;margin-bottom:10px!important}}.checkout-container{max-width:600px;margin:50px auto;padding:30px;border-radius:12px;background:var(--bg-alt);box-shadow:0 4px 20px #00000040;font-family:Arial,sans-serif;color:var(--text-main)}.checkout-title{font-size:32px;font-weight:700;margin-bottom:10px;color:var(--text-main)}.checkout-price{font-size:18px;margin-bottom:25px;color:var(--text-main)}.checkout-price span{font-weight:700;color:var(--primary)}.checkout-form{display:flex;flex-direction:column;gap:15px}.checkout-form label{font-weight:600;color:var(--text-main)}.checkout-form input,.checkout-form select{padding:12px;border:1px solid var(--border-mid);border-radius:8px;font-size:16px;background:var(--bg-light);color:var(--text-main)}.pay-btn{margin-top:20px;padding:14px;font-size:18px;background:var(--primary);color:#000;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s}.pay-btn:hover{background:var(--primary-light)}.policy-container{max-width:900px;margin:40px auto;background:var(--bg-alt);padding:30px;border-radius:12px;color:var(--text-main);line-height:1.9;font-size:16px;box-shadow:0 4px 12px #00000059}.policy-container h1{font-size:28px;margin-bottom:20px;color:var(--primary)}.policy-container h3{margin-top:25px;font-size:20px;color:var(--text-light)}.policy-container ul{margin-top:10px;padding-left:20px}.policy-container li{margin-bottom:6px}.policy-container p{margin-top:12px;color:var(--text-main)}.dashboard-wrapper{display:flex;min-height:100vh;background:var(--bg-main)}.dashboard-sidebar{width:240px;background:var(--bg-alt);padding:25px;border-right:1px solid var(--border-mid);color:var(--text-main)}.dash-logo{font-size:22px;margin-bottom:25px;font-weight:700;color:var(--primary)}.dash-link{display:block;padding:12px 10px;margin-bottom:8px;border-radius:8px;text-decoration:none;color:var(--text-main);font-size:16px;transition:.2s}.dash-link:hover,.dash-link.active{background:var(--bg-light);color:var(--primary);font-weight:600}.dashboard-content{flex:1;padding:35px;color:var(--text-main)}.overview-box{background:var(--bg-alt);padding:20px;border-radius:12px;margin-bottom:25px;box-shadow:0 0 12px #00000059}.overview-stats{display:flex;gap:20px;margin-top:20px}.stat-box{flex:1;padding:20px;background:var(--bg-light);border-radius:12px;text-align:center;font-size:18px;box-shadow:0 0 12px #00000059;color:var(--text-main)}.course-card{background:var(--bg-alt);border-radius:12px;padding:20px;box-shadow:0 0 12px #00000059;margin-bottom:20px;color:var(--text-main)}.session-card,.payment-card{background:var(--bg-alt);padding:18px;border-radius:12px;box-shadow:0 0 12px #00000059;margin-bottom:15px;color:var(--text-main)}@media(max-width:768px){.dashboard-wrapper{flex-direction:column}.dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-mid)}.overview-stats{flex-direction:column}}.admin-page{padding:30px;background:var(--bg-main);color:var(--text-main)}.admin-page h1{margin-bottom:18px;color:var(--text-main)}.card{background:var(--bg-alt);border-radius:10px;padding:14px;box-shadow:0 6px 18px #00000059;margin-bottom:12px;border:1px solid var(--border-mid)}.admin-profile .card{max-width:900px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{padding:18px;text-align:center;background:var(--bg-light);border-radius:10px;box-shadow:0 4px 14px #00000059;color:var(--text-main)}.section-header{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:var(--text-main)}.section-header h2{margin:0;color:var(--text-main)}.btn{background:var(--primary);color:#000;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;margin-left:8px;font-weight:600}.btn:hover{background:var(--primary-light)}.btn.danger{background:#e74c3c;color:#fff}.btn:active{transform:translateY(1px)}.list{display:flex;flex-direction:column;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-alt);border-radius:10px;border:1px solid var(--border-mid)}.left{display:flex;gap:12px;align-items:center}.thumb{width:120px;height:70px;object-fit:cover;border-radius:6px;border:1px solid var(--border-mid)}.muted{color:var(--text-light);font-size:13px;margin:4px 0}.actions{display:flex;gap:8px;align-items:center}.upload-row input{display:inline-block}.upload-row .btn{padding:6px 10px}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073}.modal-card{background:var(--bg-light);padding:18px;border-radius:8px;width:520px;box-shadow:0 10px 30px #00000080;border:1px solid var(--border-mid)}.modal-card input,.modal-card textarea{width:100%;padding:10px;margin:8px 0;border-radius:6px;border:1px solid var(--border-mid);background:var(--bg-main);color:var(--text-main)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.thumb{width:100px;height:60px}}@media(max-width:600px){.summary-grid{grid-template-columns:1fr}.modal-card{width:94%}}@media(max-width:768px){.admin-page{padding:10px!important}.summary-grid{grid-template-columns:1fr!important;gap:10px!important}.list .list-item{flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.list-item .left{flex-direction:column!important;align-items:flex-start!important}.list-item img.thumb{width:100%!important;height:auto!important}.actions{width:100%!important;display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.actions button,.actions .upload-row button{width:48%!important}.upload-row{flex-direction:column!important}.upload-row input{width:100%!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #A1FFFC;--primary-light: #C1FFFF;--primary-dark: #164765;--bg-main: #1A4D6A;--bg-alt: #1F5B7A;--bg-light: #276F92;--text-main: #D1FFFF;--text-light: #F1FFFF;--text-dark: #0D1F2E;--border-light: #2B6F8F;--border-mid: #3C89A8;--success: #00d3ab;--success-hover: #00b893;--footer-bg: #15435C;--footer-text: #D1FFFF;--footer-border: #2B6F8F;--radius: 8px;--font-main: "Cairo", sans-serif;--font-title: "Cairo", sans-serif}body{font-family:var(--font-main);background:var(--bg-main);color:var(--text-main);overflow-x:hidden}#root{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}