:root{--primary:#60a5fa;--primary-glow:#60a5fa66;--accent:#fbbf24;--bg:#020617;--card-bg:#0f172ab3;--text:#f1f5f9;--text-muted:#94a3b8;--border:#33415580;--nav-bg:#020617e6;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--glass-blur:16px;--radius:20px;--container-width:1200px;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:Cairo,sans-serif;line-height:1.6;transition:background-color .5s;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(circle at 20% 30%,#60a5fa0d 0%,#0000 40%),radial-gradient(circle at 80% 70%,#fbbf2408 0%,#0000 40%),radial-gradient(circle,#020617 0%,#0000 100%);width:100%;height:100%;animation:20s ease-in-out infinite alternate bgMove;position:fixed;top:0;left:0}@keyframes bgMove{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(-2%,-2%)}}body:after{content:"";opacity:.02;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}ul{list-style:none}a{color:inherit;transition:var(--transition);text-decoration:none}h1,h2,h3,h4{font-family:Cairo,sans-serif;font-weight:700;line-height:1.2}.gradient-text{color:#fff}.theme-toggle{display:none}.loader-overlay{z-index:10000;background:#020617;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.loader-content{text-align:center}.loader-logo{color:#fff;margin-bottom:2rem;font-size:3rem;font-weight:900;animation:2s infinite pulse}.loader-bar{background:#ffffff1a;border-radius:10px;width:200px;height:3px;margin:0 auto;position:relative;overflow:hidden}.loader-bar:after{content:"";background:var(--primary);width:100%;height:100%;animation:2s infinite loading;position:absolute;top:0;left:-100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes loading{0%{left:-100%}50%{left:0}to{left:100%}}.scroll-progress-vertical{background:var(--primary);z-index:9999;width:4px;height:0%;box-shadow:2px 0 10px var(--primary-glow);transition:height .1s;position:fixed;top:0;left:0}@media (width<=768px){.scroll-progress-vertical{width:3px}}.navbar{z-index:900;background:0 0;border-bottom:1px solid #0000;width:100%;padding:1.5rem 0;transition:all .6s cubic-bezier(.4,0,.2,1);position:fixed;top:0}.navbar.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid #ffffff0d;padding:.8rem 0;box-shadow:0 10px 30px #0006}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo-text{color:var(--text);font-size:1.5rem;font-weight:900}.logo .accent{color:var(--primary)}.mobile-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:6px;padding:5px;display:none}.mobile-menu-btn span{background:var(--text);width:28px;height:2px;transition:var(--transition);border-radius:2px;display:block}.nav-links{gap:2rem;display:flex}.nav-links a:hover{color:var(--primary)}@media (width<=968px){.mobile-menu-btn{display:flex}.nav-container{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:80%;height:100vh;transition:var(--transition);z-index:1000;border-left:1px solid var(--border);justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:-100%}.nav-container.active{right:0}.nav-links{flex-direction:column;align-items:center;gap:3rem}.nav-links a{font-size:1.5rem;font-weight:700}.mobile-menu-btn.active span:first-child{transform:translateY(8px)rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}.hero{align-items:center;min-height:90vh;padding:4rem 0;display:flex;position:relative}.hero .container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-content h1{margin-bottom:1.5rem;font-size:4rem}.hero-content p{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;font-size:1.2rem}.cta-group{gap:1.5rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);padding:1rem 2.5rem;font-family:inherit;font-weight:600;display:inline-block}.btn-primary{color:#fff;border:1px solid var(--primary);background:0 0;border-radius:12px}.btn-primary:hover{background:var(--primary);transform:translateY(-3px)}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:12px}.btn-outline:hover{border-color:var(--primary);color:#fff;box-shadow:none;background:#60a5fa1a}.quote-box{border-radius:var(--radius);border-right:4px solid var(--accent);max-width:450px;margin-top:3rem;padding:1.5rem 2rem}.quote-box p{color:var(--text);margin-bottom:.5rem;font-size:1.1rem;font-style:italic}.quote-box span{color:var(--accent);font-size:.8rem;font-weight:700}.btn-sm{padding:.6rem 1.5rem;font-size:.9rem}.visual-card{aspect-ratio:1;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.floating{border-radius:20px;width:80%;height:auto;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.notices{padding:4rem 0}.notice-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.notice-item{border-radius:var(--radius);flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative;overflow:hidden}.skill-tag{transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.skill-tag svg{transition:var(--transition)}.skill-tag.js:hover{color:#f7df1e;background:#f7df1e1a;border-color:#f7df1e}.skill-tag.js:hover svg{color:#f7df1e}.skill-tag.uiux:hover{color:#ff7043;background:#ff70431a;border-color:#ff7043}.skill-tag.uiux:hover svg{color:#ff7043}.skill-tag.webdev:hover{color:#42a5f5;background:#42a5f51a;border-color:#42a5f5}.skill-tag.webdev:hover svg{color:#42a5f5}.notice-badge{background:var(--accent);color:var(--bg);border-radius:50px;align-items:center;gap:.5rem;width:fit-content;padding:.3rem 1rem;font-size:.75rem;font-weight:800;display:flex;position:relative}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;margin-right:5px;animation:1.5s infinite pulse-dot;display:inline-block;box-shadow:0 0 10px #10b981}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.subjects{padding:6rem 0}.section-header{margin-bottom:4rem}.section-title{margin-bottom:1rem;font-size:2.5rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.subjects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.subject-card{border-radius:var(--radius);text-align:center;transition:var(--transition);padding:3rem 2rem}.subject-card:hover{background:var(--card-bg);border-color:var(--primary);transform:translateY(-10px)}.subject-icon{color:var(--primary);justify-content:center;margin-bottom:1.5rem;font-size:3rem;display:flex}.learn-more{color:var(--primary);margin-top:1.5rem;font-weight:600;display:block}.stats{border-radius:40px;margin:6rem 0;padding:6rem 0;position:relative;overflow:hidden}.stats:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);z-index:-1;opacity:.3;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.stats-grid{text-align:center;flex-wrap:wrap;justify-content:space-around;gap:2rem;display:flex}.stat-item{flex:1;min-width:200px}.stat-number{color:var(--primary);text-shadow:0 10px 20px var(--primary-glow);margin-bottom:.5rem;font-size:3.5rem;font-weight:900;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.resources{background:radial-gradient(circle at bottom left, var(--primary-glow) 0%, transparent 40%);padding:8rem 0}.resources-grid{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.resource-item{border-radius:var(--radius);transition:var(--transition);justify-content:space-between;align-items:center;padding:2rem;display:flex}.resource-item:hover{background:var(--card-bg);transform:translate(-10px)}.resource-info h4{margin-bottom:.5rem;font-size:1.25rem}.resource-info p{color:var(--text-muted);font-size:.95rem}@media (width<=600px){.resource-item{text-align:center;flex-direction:column;gap:1.5rem}.resource-item:hover{transform:translateY(-5px)}}.schedule{padding:6rem 0}.table-actions-mobile{justify-content:center;margin-bottom:1rem;display:none}@media (width<=968px){.table-actions-mobile{display:flex}}.landscape-overlay{background:var(--bg);z-index:9999;flex-direction:column;width:100vw;height:100vh;padding:20px;display:none;position:fixed;top:0;left:0;overflow:hidden}.landscape-overlay.active{display:flex}.landscape-content{transform-origin:50%;justify-content:center;align-items:center;width:100vh;height:100vw;margin-top:-50vw;margin-left:-50vh;display:flex;position:absolute;top:50%;left:50%;transform:rotate(90deg)}.landscape-overlay .close-landscape{z-index:10000;border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:20px;right:20px}.landscape-content .schedule-table{width:90%;transform:scale(.9)}.landscape-hint{color:var(--primary);text-align:center;width:100%;font-size:.8rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.table-container{border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--primary) transparent;margin-top:2rem;overflow-x:auto;box-shadow:0 20px 50px #0000004d}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:0 0}.table-container::-webkit-scrollbar-thumb{background:#60a5fa33;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--primary)}.schedule-table{border-collapse:separate;border-spacing:0;text-align:center;width:100%;min-width:700px}.schedule-table th{background:var(--nav-bg);color:var(--primary);border-bottom:2px solid var(--primary);text-transform:uppercase;letter-spacing:1px;padding:1.5rem;font-size:.9rem;font-weight:800}.schedule-table td{border-bottom:1px solid var(--border);border-left:1px solid var(--border);transition:var(--transition);padding:1.2rem;font-weight:500}.schedule-table td:last-child{border-left:none}.schedule-table tr:last-child td{border-bottom:none}.schedule-table tr:hover td{color:#fff;background:#60a5fa1a}.schedule-table .day{background:var(--glass-bg);color:var(--accent);border-left:2px solid var(--accent);width:120px;font-weight:800}.schedule-table .break{color:#10b981;background:#10b9810d;font-style:italic;font-weight:700}.about-creator{padding:10rem 0}.creator-card{border-radius:40px;grid-template-columns:300px 1fr;align-items:center;gap:4rem;padding:4rem;display:grid}.creator-visual{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;justify-content:center;align-items:center;width:250px;height:250px;animation:8s ease-in-out infinite blob;display:flex;position:relative}@keyframes blob{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:50% 50% 30% 70%/50% 60% 40% 50%}}.avatar-placeholder{font-size:8rem}.creator-info h2{margin-bottom:1rem;font-size:2.5rem}.badge{background:var(--primary-glow);color:var(--primary);text-transform:uppercase;border:1px solid var(--primary);border-radius:100px;margin-bottom:1rem;padding:.5rem 1.2rem;font-size:.8rem;font-weight:800;display:inline-block}.creator-bio{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.creator-bio strong{color:var(--text)}.creator-skills{flex-wrap:wrap;gap:1rem;display:flex}.skill-tag{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600}@media (width<=968px){.creator-card{text-align:center;grid-template-columns:1fr;padding:3rem 2rem}.creator-visual{margin:0 auto}.creator-skills{justify-content:center}}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}@media (width<=968px){:root{--container-padding:1.25rem}.hero{padding-top:100px;padding-bottom:3rem}.hero .container{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-content{flex-direction:column;order:2;align-items:center;display:flex}.hero-visual{order:1;max-width:280px;margin:0 auto}.visual-card{padding:1rem}.cta-group{flex-direction:column;justify-content:center;gap:1rem;width:100%}.cta-group .btn{width:100%}.container{padding:0 var(--container-padding)}.hero-content h1{font-size:2rem;line-height:1.3}.hero-content p{max-width:100%;font-size:.95rem}.quote-box{margin:2rem auto 0;padding:1.5rem;font-size:.9rem}.section-header{margin-bottom:2.5rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:.9rem}.subjects,.schedule,.resources,.about-creator,.feedback-section{padding:3rem 0}.subjects-grid,.resources-grid{grid-template-columns:1fr;gap:1.5rem}.table-container{border-radius:12px;margin-top:1.5rem}.schedule-table th,.schedule-table td{padding:.7rem;font-size:.75rem}.schedule-table{min-width:550px}.scroll-progress-vertical{opacity:.4;width:3px}}@media (width<=480px){.hero-content h1{font-size:1.75rem}.logo-text{font-size:1.1rem}.mobile-menu-btn{padding:4px}}.feedback-section{padding:8rem 0}.feedback-card{border-radius:var(--radius);max-width:600px;margin:0 auto;padding:3rem}.form-group{margin-bottom:2rem}.form-group label{color:var(--text);margin-bottom:.8rem;font-weight:600;display:block}.form-group input,.form-group textarea{color:#fff;width:100%;transition:var(--transition);background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;outline:none;padding:1.2rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:#ffffff12}.star-rating{flex-direction:row-reverse;justify-content:flex-end;gap:10px;display:flex}.star-rating input{display:none}.star-rating label{color:#ffffff1a;cursor:pointer;transition:var(--transition);font-size:2.5rem}.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:var(--accent);text-shadow:0 0 10px var(--accent)}.btn-block{width:100%;padding:1.2rem}.form-status{text-align:center;transition:var(--transition);margin-top:1.5rem;font-weight:600}.form-status.success{color:#10b981}.form-status.error{color:#ef4444}@media (width<=768px){.feedback-card{padding:1.5rem}.star-rating label{font-size:2rem}}footer{background:var(--nav-bg);border-top:1px solid var(--border);padding:4rem 0}.footer-bottom{text-align:center;color:var(--text-muted);font-size:.9rem}.deployment-info{opacity:.7;margin-top:.5rem;font-size:.75rem}.back-to-top{background:var(--primary);color:#fff;cursor:pointer;z-index:999;opacity:0;visibility:hidden;width:50px;height:50px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 10px 20px #0000004d}.back-to-top.active{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#3b82f6;transform:translateY(-5px)}@media (width<=768px){.back-to-top{width:45px;height:45px;bottom:1.5rem;right:1.5rem}}