:root{--primary: #1976d2;--primary-dark: #0d47a1;--gray-light: #f1f5f9;--gray-medium: #cfd8dc;--gray-dark: #455a64;--white: #ffffff;--black: #0a0a0a}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;max-width:450px;margin:60px auto;background-color:var(--white);border-radius:24px;box-shadow:0 20px 40px #00000026;animation:fadeInUp .8s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1;color:var(--gray-dark)}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fffc,#fff0 70%);z-index:-1;opacity:0;transition:opacity .5s ease}.login-container:hover:before{opacity:1}.logo-container{position:relative;margin-bottom:20px}.logo-glow{position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(circle,#1976d24d,#1976d200 70%);border-radius:50%;animation:pulse 3s infinite alternate}.logo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid var(--white);box-shadow:0 10px 30px #0000001a;position:relative;z-index:2;transition:transform .3s ease}.heading{text-align:center;margin-bottom:30px;color:var(--primary-dark)}.heading h1{font-size:2rem;color:var(--primary-dark);margin-bottom:8px;font-weight:700}.login-form{display:flex;flex-direction:column;width:100%;gap:20px}.input-icon{position:absolute;left:15px;color:var(--primary);font-size:1rem}input{width:100%;padding:15px 15px 15px 45px;margin-bottom:5px;border:2px solid var(--gray-medium);border-radius:12px;font-size:1rem;outline:none;transition:all .3s ease;background-color:var(--gray-light);color:var(--gray-dark)}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1976d233;background-color:var(--white);color:var(--black)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--gray-dark)}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer}.forgot-password{color:var(--primary);text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:var(--primary-dark);text-decoration:underline}.login-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:16px;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 5px 15px #1976d24d;position:relative;overflow:hidden}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1976d266}.login-button:active{transform:translateY(0)}.login-button:disabled{background:var(--gray-medium);cursor:not-allowed;box-shadow:none}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite}.divider{display:flex;align-items:center;color:var(--gray-dark);font-size:.9rem;margin:10px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--gray-medium)}.divider:before{margin-right:10px}.divider:after{margin-left:10px}.social-login{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:12px;border:2px solid var(--gray-medium);background:var(--white);font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--gray-dark)}.social-login:hover{border-color:var(--primary);color:var(--primary)}.social-login img{width:20px;height:20px}.signup-link{text-align:center;color:var(--gray-dark);font-size:.95rem}.signup-link a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .3s ease}.signup-link a:hover{color:var(--primary-dark);text-decoration:underline}.back-button{position:absolute;top:20px;left:20px;background:#ffffffe6;border:none;padding:10px 15px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;z-index:10}.back-button:hover{background:#fff;transform:translate(-3px)}.notice{font-size:.85rem;color:#666;margin-top:10px;font-style:italic;text-align:center}.error-message{color:#d32f2f;background-color:#fde8e8;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 500px){.login-container{margin:30px 20px;padding:30px 20px;border-radius:16px}.heading h1{font-size:1.6rem}.logo{width:100px;height:100px}}body{margin:0;font-family:Poppins,Segoe UI,sans-serif;background:#f5f9fc;color:#333;overflow-x:hidden}.dashboardContainer{max-width:1400px;margin:0 auto;padding:0 40px;position:relative}.btn-glow{position:relative;background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;border:none;padding:14px 28px;border-radius:50px;cursor:pointer;font-weight:500;transition:all .3s ease;overflow:hidden;box-shadow:0 5px 15px #0d47a14d}.btn-glow:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0d47a166}.btn-glow:active{transform:translateY(1px)}.btn-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);transform:translate(-100%);transition:transform .6s ease}.btn-glow:hover .btn-gradient{transform:translate(100%)}.heroSection{display:flex;justify-content:center;align-items:center;padding:80px 40px;background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff;border-radius:20px;margin:40px 0;position:relative;overflow:hidden;min-height:500px}.heroSection:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) center/cover no-repeat;opacity:.15;z-index:1}.heroContent{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;z-index:2}.heroText{flex:1;max-width:600px;text-align:left;padding-right:40px}.heroTitle{display:block;font-size:3rem;font-weight:700;margin-bottom:10px;line-height:1.2;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.heroSubtitle{display:block;font-size:1.5rem;font-weight:400;margin-bottom:25px;color:#ffffffe6}.heroSection p{margin:25px 0;color:#ffffffd9;font-size:1.15rem;line-height:1.6}.ctaButton{background:#fff;color:#1976d2;border:none;padding:16px 32px;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden}.ctaButton:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.ctaButton:active{transform:translateY(1px)}.heroIllustration{flex:1;position:relative;height:400px}.floatingElements{position:absolute;width:100%;height:100%}.floatingElement{position:absolute;background-size:contain;background-repeat:no-repeat;animation:floatElement 8s infinite ease-in-out}.floatingElement.book{width:100px;height:80px;background-image:url(https://cdn-icons-png.flaticon.com/512/2232/2232688.png);top:20%;left:30%;animation-delay:0s}.floatingElement.abc{width:120px;height:120px;background-image:url(https://cdn-icons-png.flaticon.com/512/2729/2729007.png);top:50%;left:60%;animation-delay:1s}.floatingElement.crayon{width:80px;height:120px;background-image:url(https://cdn-icons-png.flaticon.com/512/3243/3243945.png);top:30%;left:10%;animation-delay:2s}@keyframes floatElement{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.infoSection{display:flex;justify-content:space-between;gap:30px;margin:80px 0;flex-wrap:wrap}.infoCard{flex:1;min-width:280px;background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #0000000d;transition:all .4s ease;position:relative;overflow:hidden}.card-hover:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a}.cardIcon{width:80px;height:80px;margin:0 auto 25px;border-radius:50%;background-size:50%;background-position:center;background-repeat:no-repeat;background-color:#e3f2fd}.mission{background-image:url(https://cdn-icons-png.flaticon.com/512/3281/3281289.png)}.choose{background-image:url(https://cdn-icons-png.flaticon.com/512/3283/3283813.png)}.hours{background-image:url(https://cdn-icons-png.flaticon.com/512/3283/3283839.png)}.infoCard h3{margin:0 0 20px;color:#1976d2;font-size:1.5rem;text-align:center}.infoCard p{color:#555;line-height:1.6;margin-bottom:20px}.benefitsList{list-style:none;padding:0;margin:0}.benefitsList li{position:relative;padding:10px 0 10px 30px;color:#555}.benefitsList li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.timings{font-size:1.2rem;text-align:center;margin:20px 0;line-height:1.6;color:#1976d2;font-weight:500}.ageGroup{text-align:center;font-style:italic;color:#777}.cardWave{position:absolute;bottom:0;left:0;width:100%;height:10px;background:linear-gradient(90deg,#1976d2,#0d47a1);opacity:0;transition:opacity .3s}.card-hover:hover .cardWave{opacity:1}.teachersSection{margin:100px 0}.sectionHeader{text-align:center;margin-bottom:50px}.sectionHeader h3{font-size:2.2rem;color:#1565c0;margin:0 0 10px;position:relative;display:inline-block}.sectionHeader h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:#1976d2}.sectionSubtitle{color:#777;font-size:1.1rem;margin:0}.teacherGrid{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.teacherCard{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #00000014;width:250px;text-align:center;transition:all .3s;position:relative;overflow:hidden}.teacherCard:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001f}.teacherCard:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#1976d2,#0d47a1)}.teacherAvatar{width:120px;height:120px;border-radius:50%;margin:0 auto 20px;background-size:cover;background-position:center;border:5px solid #e3f2fd;box-shadow:0 5px 15px #0000001a}.t1{background-image:url(https://randomuser.me/api/portraits/women/44.jpg)}.t2{background-image:url(https://randomuser.me/api/portraits/men/32.jpg)}.t3{background-image:url(https://randomuser.me/api/portraits/women/68.jpg)}.t4{background-image:url(https://randomuser.me/api/portraits/women/65.jpg)}.teacherCard h4{margin:10px 0 5px;color:#0d47a1;font-size:1.3rem}.teacherCard p{margin:0 0 15px;color:#1976d2;font-weight:500}.teacherBio{color:#666;font-size:.9rem;line-height:1.5}.testimonials{margin:100px 0;padding:60px 0;background:linear-gradient(135deg,#f5f9fc,#e3f2fd);border-radius:20px}.testimonialCarousel{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:40px}.testimonialCard{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000000d;max-width:500px;position:relative}.quoteIcon{position:absolute;top:20px;left:20px;font-size:60px;color:#1976d21a;font-family:Georgia,serif;line-height:1}.testimonialText{font-size:1.1rem;line-height:1.6;color:#555;margin-bottom:20px;position:relative;z-index:1}.testimonialAuthor{font-weight:600;color:#1976d2;text-align:right}.footer{background:linear-gradient(135deg,#0d47a1,#1565c0);padding:60px 30px 30px;color:#fff;border-radius:20px 20px 0 0;margin-top:80px}.footerContent{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footerColumn{flex:1;min-width:200px}.footerColumn h4{font-size:1.3rem;margin:0 0 20px;position:relative;padding-bottom:10px}.footerColumn li{padding:8px 0;cursor:pointer;transition:all .3s}.footerColumn p{margin:8px 0;line-height:1.6}.socialIcons{display:flex;gap:15px;margin:20px 0}.socialIcon{width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;cursor:pointer;transition:all .3s}.socialIcon:hover{background-color:#fff3;transform:translateY(-3px)}.socialIcons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .3s}.socialIcons a:hover{transform:translateY(-3px)}.socialIcons a.facebook{background-color:#1877f2;color:#fff}.socialIcons a.facebook:hover{background-color:#145dbf}.socialIcons a.instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);color:#fff}.socialIcons a.youtube{background-color:red;color:#fff}.socialIcons a.youtube:hover{background-color:#c00}.newsletter{margin-top:30px}.newsletter input{width:100%;padding:12px 15px;border:none;border-radius:5px;margin-bottom:10px;font-family:inherit}.newsletter button{width:100%;padding:12px;background:#1976d2;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s}.newsletter button:hover{background:#1565c0}.footerBottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.9rem}@media screen and (max-width: 1024px){.heroContent{flex-direction:column;text-align:center}.heroText{padding-right:0;margin-bottom:40px;max-width:100%}.heroIllustration{width:100%;height:300px}}@media screen and (max-width: 768px){.dashboardContainer{padding:0 20px}.logoContainer{flex-direction:column;text-align:center;gap:20px}.schoolTitle{text-align:center}.schoolTitle h1{font-size:1.8rem}.tagline{font-size:1rem}.navBar{flex-direction:column;align-items:center;padding:20px}.navBar ul{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.heroTitle{font-size:2.2rem}.heroSubtitle{font-size:1.2rem}.infoCard{min-width:100%}.teacherCard{width:100%;max-width:350px}.footerContent{flex-direction:column;gap:30px}}@media screen and (max-width: 480px){.schoolTitle h1{font-size:1.5rem}.tagline{font-size:.9rem}.heroSection{padding:60px 20px}.heroTitle{font-size:1.8rem}.heroSubtitle{font-size:1rem}.sectionHeader h3{font-size:1.8rem}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(to bottom,#e3f2fdcc,#bbdefb99);border-radius:10px;box-shadow:inset 0 0 6px #0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1976d2,#0d47a1);border-radius:10px;border:2px solid rgba(255,255,255,.4);box-shadow:0 2px 5px #0003,inset 0 0 10px #ffffff4d;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 2px 8px #0000004d,inset 0 0 10px #fff6;transform:scale(1.05)}::-webkit-scrollbar-corner{background:#e3f2fd80}html{scroll-behavior:smooth}*{scrollbar-width:thin;scrollbar-color:#1976d2 rgba(227,242,253,.8)}.admissionPage{min-height:100vh;background:#f5f9fc;position:relative;overflow:hidden;padding:40px 20px;display:flex;justify-content:center;align-items:center}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.admissionContainer{width:100%;max-width:900px;margin:0 auto;position:relative;z-index:1;background:#fff;border-radius:24px;box-shadow:0 30px 60px #0d47a126;overflow:hidden}.formHeader{padding:25px 40px;background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;text-align:center}.schoolLogo{height:120px!important;width:120px!important;object-fit:contain;border-radius:50%;padding:4px;background-color:#fff;box-shadow:0 3px 8px #00000026}.headerText{flex:1;min-width:200px}.formHeader h2{margin:0 0 6px;font-size:1.8rem;font-weight:600;letter-spacing:.3px;line-height:1.2}.formSubtitle{margin:0;font-size:1rem;opacity:.9;font-weight:400}@media (max-width: 768px){.formHeader{gap:15px;padding:20px}.schoolLogo{height:60px;width:60px}.formHeader h2{font-size:1.5rem}.formSubtitle{font-size:.9rem}}@media (max-width: 480px){.formHeader h2{font-size:1.3rem}.schoolLogo{height:50px;width:50px;padding:3px}}.formProgress{display:flex;align-items:center;justify-content:center;margin:30px 0 0;gap:10px}.progressStep{width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;position:relative}.progressStep.active{background:#fff;color:#1976d2;box-shadow:0 5px 15px #0000001a}.progressBar{flex:1;max-width:60px;height:4px;background:#fff3}.admissionForm{padding:30px 40px 50px}.formSection{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e3f2fd}.formSection:last-child{border-bottom:none}.formSection h3{color:#1565c0;font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center}.sectionIcon{margin-right:10px;font-size:1.1rem;color:#1976d2}.formRow{display:flex;gap:20px;margin-bottom:20px}.formGroup{flex:1;min-width:0}.formGroup label{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:.95rem}.inputWithIcon{position:relative}.inputIcon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#1976d2;font-size:1rem}.admissionForm input,.admissionForm textarea,.admissionForm select{width:100%;padding:14px 20px 14px 45px;border:2px solid #e3f2fd;border-radius:12px;font-size:1rem;transition:all .3s ease;color:#333;background-color:#f8fbff;box-sizing:border-box}.admissionForm input:focus,.admissionForm textarea:focus,.admissionForm select:focus{border-color:#1976d2;background-color:#fff;box-shadow:0 0 0 3px #1976d233;outline:none}.admissionForm input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.admissionForm textarea{resize:vertical;min-height:120px;padding:15px 15px 15px 45px}.formActions{display:flex;justify-content:space-between;margin-top:40px;gap:20px}.submitButton{background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff;padding:16px 30px;font-size:1rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 5px 15px #1976d24d;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;flex:1}.submitButton:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1976d266}.submitButton:active{transform:translateY(1px)}.submitButton:disabled{background:#90caf9;cursor:not-allowed;transform:none;box-shadow:none}.secondaryButton{background:#fff;color:#1976d2;padding:16px 30px;font-size:1rem;border:2px solid #1976d2;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;flex:1;display:flex;align-items:center;justify-content:center}.secondaryButton:hover{background:#e3f2fd;transform:translateY(-2px)}.buttonIcon{font-size:1rem}.buttonLoader{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.formStatus{padding:15px;border-radius:8px;margin-top:20px;text-align:center;font-weight:500}.formStatus.info{background:#e3f2fd;color:#0d47a1}.formStatus.success{background:#e8f5e9;color:#2e7d32}.formStatus.error{background:#ffebee;color:#c62828}.formSuccessAnimation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;display:none;z-index:1000}.animationCircle{position:absolute;width:100%;height:100%;border-radius:50%;background:#2e7d321a;animation:circlePulse 2s ease-out}@keyframes circlePulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.animationCheckmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center}.animationCheckmark:after{content:"";display:block;width:30px;height:60px;border:solid white;border-width:0 5px 5px 0;transform:rotate(45deg);margin-top:-10px}.animationConfetti{position:absolute;width:100%;height:100%}.confettiPiece{position:absolute;width:10px;height:10px;background:#ffeb3b;opacity:0;animation:confettiFall 2s ease-out}.confettiPiece:nth-child(1){left:10%;top:0;background:#ff5722;animation-delay:.2s}.confettiPiece:nth-child(2){left:20%;top:0;background:#4caf50;animation-delay:.4s}.confettiPiece:nth-child(3){left:30%;top:0;background:#2196f3;animation-delay:.6s}.confettiPiece:nth-child(4){left:40%;top:0;background:#9c27b0;animation-delay:.8s}.confettiPiece:nth-child(5){left:50%;top:0;background:#ff9800;animation-delay:1s}.confettiPiece:nth-child(6){left:60%;top:0;background:#e91e63;animation-delay:1.2s}.confettiPiece:nth-child(7){left:70%;top:0;background:#00bcd4;animation-delay:1.4s}.confettiPiece:nth-child(8){left:80%;top:0;background:#8bc34a;animation-delay:1.6s}.confettiPiece:nth-child(9){left:90%;top:0;background:#673ab7;animation-delay:1.8s}.confettiPiece:nth-child(10){left:100%;top:0;background:#f44336;animation-delay:2s}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(200px) rotate(360deg);opacity:0}}@media (max-width: 768px){.formRow{flex-direction:column;gap:15px}.admissionForm{padding:20px}.formHeader{padding:30px 20px 15px}.formHeader h2{font-size:1.8rem}.formActions{flex-direction:column;gap:15px}.submitButton,.secondaryButton{width:100%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e3f2fd;border-radius:10px}::-webkit-scrollbar-thumb{background:#1976d2;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#1565c0}.curriculum-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Poppins,sans-serif;color:#333}.curriculum-header{display:flex;align-items:center;margin-bottom:30px;position:relative;justify-content:center}.curriculum-header h1{font-size:2.5rem;color:#0d47a1;margin:0 auto;text-align:center}.back-btn{background:#1976d2;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;transition:all .3s ease;position:absolute;left:0}.back-btn:hover{background:#1565c0;transform:translate(-5px)}.curriculum-hero{background:linear-gradient(#1976d2cc,#0d47a1cc),url(https://images.unsplash.com/photo-1604881991720-f91add269bed?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;padding:80px 40px;border-radius:15px;margin-bottom:40px;color:#fff;text-align:center}.approach-section{margin-bottom:60px}.approach-section h2{text-align:center;color:#0d47a1;font-size:1.8rem;margin-bottom:40px;position:relative;padding-bottom:10px}.approach-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#1976d2}.approach-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.program-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:60px}.program-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow:hidden;display:flex;transition:all .3s ease}.program-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.program-icon{background:#e3f2fd;color:#1976d2;width:80px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.program-content{padding:25px;flex:1}.program-content h3{color:#0d47a1;margin-top:0;margin-bottom:15px}.program-content ul{list-style-type:none;padding:0;margin:0}.program-content li{position:relative;padding:8px 0 8px 25px;color:#555}.program-content li:before{content:"•";color:#1976d2;font-weight:700;position:absolute;left:10px}.daily-schedule{margin:60px 0;padding:0 20px}.daily-schedule h2{text-align:center;color:#0d47a1;font-size:1.8rem;margin-bottom:40px;position:relative}.daily-schedule h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#1976d2}.schedule-container{position:relative;max-width:800px;margin:40px auto 0;padding-left:100px}.schedule-container:before{content:"";position:absolute;top:0;left:70px;height:100%;width:2px;background:linear-gradient(to bottom,#1976d2,#0d47a1)}.schedule-item{position:relative;margin-bottom:30px;width:100%;min-height:60px;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.schedule-item:last-child{margin-bottom:0}.schedule-time{position:absolute;left:0;top:0;width:150px;text-align:right;padding-right:15px;font-weight:600;color:#1976d2;margin-top:2rem}.schedule-dot{position:absolute;left:67px;top:5px;width:12px;height:12px;border-radius:50%;background:#1976d2;border:3px solid white;box-shadow:0 0 0 2px #1976d2;z-index:1}.schedule-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 3px 10px #00000014;margin-left:90px;transition:all .3s ease;width:60%;text-align:center;margin-left:8rem;border-left:3px solid #1976d2}.time{display:flex}.schedule-content:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.schedule-content h3{margin:0 0 8px;color:#0d47a1;font-size:1.1rem}.schedule-content p{margin:0;color:#555;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.schedule-container{padding-left:80px}.schedule-container:before{left:50px}.schedule-time{width:50px;font-size:.9rem}.schedule-dot{left:47px}.schedule-content{margin-left:70px}}@media (max-width: 480px){.schedule-container{padding-left:70px}.schedule-container:before{left:40px}.schedule-time{width:40px;font-size:.8rem}.schedule-dot{left:37px;width:10px;height:10px}.schedule-content{margin-left:50px;padding:15px}.schedule-content h3{font-size:1rem}.schedule-content p{font-size:.85rem}}.assessment-section{background:#f5f9fc;padding:60px 40px;border-radius:15px;margin-bottom:60px}.assessment-section h2{text-align:center;color:#0d47a1;font-size:1.8rem;margin-bottom:30px;position:relative;padding-bottom:10px}.assessment-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#1976d2}.assessment-content{max-width:800px;margin:0 auto}.assessment-content p{text-align:center;margin-bottom:20px;line-height:1.6;color:#555}.assessment-content ul{list-style-type:none;padding:0;margin:0 auto;max-width:500px}.assessment-content li{padding:12px 0 12px 40px;position:relative;color:#555}.assessment-content li:before{content:"✓";position:absolute;left:15px;color:#1976d2;font-weight:700}.curriculum-cta{background:linear-gradient(135deg,#1976d2,#0d47a1);padding:60px 40px;border-radius:15px;text-align:center;color:#fff}.curriculum-cta h2{font-size:1.8rem;margin-bottom:30px}.curriculum-backBtn{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.hero-content h2{font-size:1.8rem}.hero-content p{font-size:1rem}.program-sections{grid-template-columns:1fr}.schedule-timeline:before{left:30px}.timeline-item{padding-left:60px}.timeline-item:before{left:20px}.timeline-time{width:60px}}@media (max-width: 480px){.curriculum-header h1{font-size:2rem}.curriculum-hero{padding:40px 20px}.approach-cards{grid-template-columns:1fr}.program-card{flex-direction:column}.program-icon{width:100%;height:60px}}.contact-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Poppins,sans-serif;color:#333}.contact-header{display:flex;align-items:center;margin-bottom:30px;position:relative}.contact-header h1{font-size:2.5rem;color:#0d47a1;margin:0 auto;text-align:center}.back-buttons{background:#1976d2;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;transition:all .3s ease;position:absolute;left:0}.back-buttons:hover{background:#1565c0;transform:translate(-5px)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px}.contact-info{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 20px #00000014}.contact-info h2,.map-section h2{color:#1976d2;font-size:1.8rem;margin-bottom:25px;position:relative;padding-bottom:10px}.contact-info h2:after,.map-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:#1976d2}.info-card{display:flex;flex-direction:column;gap:25px}.info-item{display:flex;gap:20px;align-items:flex-start}.info-icon{font-size:1.5rem;color:#1976d2;margin-top:5px;min-width:24px}.info-item h3{margin:0 0 8px;color:#0d47a1;font-size:1.2rem}.info-item p{margin:0;color:#555;line-height:1.6}.social-links{margin-top:40px}.social-links h3{font-size:1.3rem;color:#0d47a1;margin-bottom:15px}.social-icons{display:flex;gap:20px}.social-icon{font-size:1.8rem;color:#1976d2;transition:all .3s ease}.social-icon:hover{color:#0d47a1;transform:translateY(-5px)}.map-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 20px #00000014}.map-container{border-radius:10px;overflow:hidden;margin-bottom:20px;box-shadow:0 5px 15px #0000001a}.direction-buttons{display:flex;justify-content:center}.direction-button{background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff;border:none;padding:12px 25px;border-radius:50px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #1976d24d;text-align:center}.direction-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1976d266}@media (max-width: 900px){.contact-content{grid-template-columns:1fr}}@media (max-width: 600px){.contact-header{flex-direction:column;gap:15px}.back-buttons{position:relative;align-self:flex-start;margin-bottom:15px}.contact-header h1{font-size:2rem;width:100%}.contact-info,.map-section{padding:20px}}.about-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Poppins,sans-serif;color:#333}.about-header{display:flex;align-items:center;margin-bottom:30px;position:relative}.about-header h1{font-size:2.5rem;color:#0d47a1;margin:0 auto;text-align:center}.back-btns{background:#1976d2;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;transition:all .3s ease;position:absolute;left:0}.back-btns:hover{background:#1565c0;transform:translate(-5px)}.about-hero{background:linear-gradient(#1976d2cc,#0d47a1cc),url(https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-size:cover;background-position:center;padding:80px 40px;border-radius:15px;margin-bottom:40px;color:#fff;text-align:center}.hero-content h2{font-size:2.2rem;margin-bottom:20px}.hero-content p{font-size:1.2rem;max-width:800px;margin:0 auto;line-height:1.6}.our-story{margin-bottom:60px}.section-content{display:flex;gap:40px;align-items:center}.text-content{flex:1;padding:0 20px}.text-content h2{color:#0d47a1;font-size:1.8rem;margin-bottom:20px;position:relative;padding-bottom:10px}.text-content h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:#1976d2}.text-content p{text-align:justify;margin-bottom:15px;line-height:1.6;color:#555}.image-content{flex:1}.image-placeholder{background:#e3f2fd;height:350px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.our-approach{background:#f5f9fc;padding:60px 40px;border-radius:15px;margin-bottom:60px}.our-approach h2{text-align:center;color:#0d47a1;font-size:1.8rem;margin-bottom:40px;position:relative;padding-bottom:10px}.our-approach h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#1976d2}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.approach-card{background:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.approach-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.approach-icon{font-size:2.5rem;color:#1976d2;margin-bottom:20px}.approach-card h3{color:#0d47a1;margin-bottom:15px}.approach-card p{color:#666;line-height:1.6}.achievements{margin-bottom:60px}.achievements h2{text-align:center;color:#0d47a1;font-size:1.8rem;margin-bottom:40px;position:relative;padding-bottom:10px}.achievements h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#1976d2}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:center}.stat-card{background:#fff;padding:30px 20px;border-radius:10px;box-shadow:0 5px 15px #0000000d}.stat-icon{font-size:2rem;color:#1976d2;margin-bottom:15px}.stat-number{font-size:2.2rem;font-weight:700;color:#0d47a1;margin-bottom:5px}.stat-label{color:#666;font-size:1.1rem}.testimonials{margin-bottom:60px}.testimonials h2{text-align:center;color:#0d47a1;font-size:1.8rem;margin-bottom:40px;position:relative;padding-bottom:10px}.testimonials h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#1976d2}.testimonial-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.testimonial-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d;position:relative}.testimonial-card:before{content:'"';position:absolute;top:20px;left:20px;font-size:60px;color:#1976d21a;font-family:Georgia,serif;line-height:1}.quote{font-style:italic;line-height:1.6;color:#555;margin-bottom:15px;position:relative;z-index:1}.author{font-weight:600;color:#1976d2;text-align:right}.about-cta{background:linear-gradient(135deg,#1976d2,#0d47a1);padding:60px 40px;border-radius:15px;text-align:center;color:#fff}.about-cta h2{font-size:1.8rem;margin-bottom:30px}.cta-button{background:#fff;color:#1976d2;border:none;padding:16px 32px;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s;box-shadow:0 5px 15px #0000001a}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}@media (max-width: 768px){.section-content{flex-direction:column}.image-placeholder{height:250px}.about-hero{padding:60px 20px}.hero-content h2{font-size:1.8rem}.hero-content p{font-size:1rem}}@media (max-width: 480px){.about-header h1{font-size:2rem}.about-hero{padding:40px 20px}.stats-grid{grid-template-columns:1fr 1fr}}.forgot-password-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc}.forgot-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;max-width:450px;margin:60px auto;background-color:var(--white);border-radius:24px;box-shadow:0 20px 40px #00000026;animation:fadeInUp .8s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1;color:var(--gray-dark)}.forgot-password-form{display:flex;flex-direction:column;width:100%;gap:20px}.forgot-password-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:16px;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 5px 15px #1976d24d;position:relative;overflow:hidden;margin-top:10px}.forgot-password-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1976d266}.forgot-password-button:disabled{background:var(--gray-medium);cursor:not-allowed;box-shadow:none}.message{padding:12px;border-radius:8px;font-size:.9rem;text-align:center;margin:10px 0}.message.success{background-color:#2e7d321a;color:#2e7d32;border:1px solid rgba(46,125,50,.3)}.message.error{background-color:#d32f2f1a;color:#d32f2f;border:1px solid rgba(211,47,47,.3)}.back-to-login{text-align:center;margin-top:20px;font-size:.95rem;color:var(--gray-dark)}.back-to-login a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .3s ease}.back-to-login a:hover{color:var(--primary-dark);text-decoration:underline}.form-actions{display:flex;align-items:center;justify-content:space-evenly}.secondary-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:16px;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 5px 15px #1976d24d;position:relative;overflow:hidden;margin-top:10px}@media (max-width: 500px){.forgot-password-container{margin:30px 20px;padding:30px 20px;border-radius:16px}.heading h1{font-size:1.6rem}.logo{width:100px;height:100px}}.reset-password-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc}.reset-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;max-width:450px;margin:60px auto;background-color:var(--white);border-radius:24px;box-shadow:0 20px 40px #00000026;animation:fadeInUp .8s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1;color:var(--gray-dark)}.reset-password-form{display:flex;flex-direction:column;width:100%;gap:20px}.reset-password-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:16px;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 5px 15px #1976d24d;position:relative;overflow:hidden;margin-top:10px}.reset-password-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1976d266}.reset-password-button:disabled{background:var(--gray-medium);cursor:not-allowed;box-shadow:none}.toggle-password{position:absolute;right:15px;background:none;border:none;color:var(--gray-dark);cursor:pointer;font-size:1rem;transition:color .3s ease}@media (max-width: 500px){.reset-password-container{margin:30px 20px;padding:30px 20px;border-radius:16px}.heading h1{font-size:1.6rem}.logo{width:100px;height:100px}}.admin-dashboard-container{display:flex;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa}.admin-sidebar{width:250px;background-color:#2c3e50;color:#fff;padding:20px 0;display:flex;flex-direction:column}.sidebar-header{padding:0 20px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;flex-direction:column;margin:-10px}.sidebar-header img{width:8rem;height:8rem;object-fit:cover;padding:2px;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;margin-bottom:10px}.sidebar-header h2{margin:10px 0 0;font-size:1.3rem}.sidebar-menu{list-style:none;padding:20px 0;flex-grow:1;margin:0}.sidebar-menu li{padding:12px 20px;cursor:pointer;display:flex;align-items:center;transition:all .3s ease}.sidebar-menu li:hover{background-color:#ffffff1a}.sidebar-menu li.active{background-color:#3498db}.menu-icon{margin-right:10px;font-size:18px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;width:100%;padding:10px;border-radius:4px;transition:background-color .3s;font-size:.9rem}.logout-btn:hover{background-color:#ffffff1a}.admin-main-content{flex-grow:1;display:flex;flex-direction:column}.admin-topbar{background-color:#fff;padding:15px 25px;display:flex;justify-content:flex-end;align-items:center;box-shadow:0 2px 10px #0000000d}.admin-profile{display:flex;align-items:center}.profile-info{text-align:right;margin-right:15px}.admin-name{display:block;font-weight:600;font-size:.9rem}.admin-role{font-size:.75rem;color:#777}.profile-avatar{width:40px;height:40px;background-color:#3498db;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.admin-content{padding:25px;flex-grow:1;background-color:#f5f7fa}.admin-content-section{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.admin-content-section h2{margin-top:0;color:#2c3e50;font-size:1.5rem}.welcome-message{margin-bottom:30px}.welcome-message p{font-size:1.1rem;color:#555;margin-bottom:10px}.motivational-quote{margin:20px 0;padding:15px;background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:4px}.motivational-quote blockquote{margin:0;font-style:italic;color:#555}.main-stat-container{display:flex;justify-content:center;margin:30px 0}.main-stat-card{background-color:#fff;border-radius:10px;padding:30px;display:flex;align-items:center;width:100%;max-width:500px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.main-stat-card:hover{transform:translateY(-5px)}.stat-icon-large{font-size:3rem;color:#3498db;margin-right:20px}.stat-content h3{margin:0 0 10px;color:#555;font-size:1.2rem}.stat-value-large{font-size:2.5rem;font-weight:700;margin:0 0 5px;color:#2c3e50}.stat-description{color:#777;font-size:.9rem;margin:0}.quick-stats-container{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.quick-stat-card{flex:1;min-width:200px;background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;text-align:center}.quick-stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.quick-stat-card h4{margin:15px 0 10px;color:#555;font-size:1rem}.quick-stat-value{font-size:2rem;font-weight:700;margin:0;color:#2c3e50}.quick-stat-icon{font-size:1.8rem;color:#3498db}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@media (max-width: 768px){.admin-dashboard-container{flex-direction:column}.admin-sidebar{width:100%;padding:10px}.sidebar-header{display:none}.sidebar-menu{display:flex;justify-content:space-around;padding:0}.sidebar-menu li{padding:10px;flex-direction:column;text-align:center;font-size:.8rem}.menu-icon{margin-right:0;margin-bottom:5px;font-size:1.2rem}.sidebar-footer{display:none}.admin-topbar{padding:10px 15px}.quick-stats-container{flex-direction:column}.quick-stat-card{min-width:100%;margin-bottom:15px}.main-stat-card{flex-direction:column;text-align:center;padding:20px}.stat-icon-large{margin-right:0;margin-bottom:15px}.admin-content{padding:15px}.admin-content-section{padding:20px}}@media (max-width: 480px){.stat-value-large{font-size:2rem}.quick-stat-value{font-size:1.5rem}.admin-content-section h2{font-size:1.3rem}}.dashboardContainer{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;min-height:100vh;font-family:Poppins,Segoe UI,sans-serif;background:#f5f9fc;color:#333;overflow-x:hidden}.particle{position:absolute;background-color:#1976d226;border-radius:50%;animation:float 15s infinite linear}.topBanner{display:flex;justify-content:center;align-items:center;padding:30px 0;position:relative}.logoContainer{display:flex;align-items:center;gap:30px;padding:20px 40px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;box-shadow:0 10px 30px #0d47a11a;transition:transform .3s ease;width:100%;max-width:1200px;position:relative;overflow:hidden;z-index:1}.logoContainer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fffc,#fff0 70%);z-index:-1;opacity:0;transition:opacity .5s ease}.logoContainer:hover:before{opacity:1}.logoWrapper{display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;width:150px;height:150px}.schoolLogo{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:2;border:5px solid white;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.schoolLogo:hover{transform:scale(1.05)}.logoGlow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,#1976d266,#1976d200 70%);border-radius:50%;animation:pulse 3s infinite alternate}.schoolTitle{flex:1;text-align:left}.schoolTitle h1{margin:0;font-size:2.2rem;font-weight:700;color:#0d47a1;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(13,71,161,.1);line-height:1.2}.tagline{margin:8px 0 0;font-size:1.1rem;color:#555;font-weight:500}.navBar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;padding:0 25px;margin:30px 0;position:sticky;top:20px;z-index:100}.navBar ul{display:flex;flex-wrap:wrap;gap:15px;list-style:none;padding:16px 0;margin:0}.navBar li{cursor:pointer;padding:12px 16px;font-weight:500;transition:all .3s ease;border-radius:8px;display:flex;align-items:center;gap:8px;position:relative;color:#555}.navBar li:hover{background:#e3f2fd;color:#1976d2;transform:translateY(-2px)}.navBar li:hover .nav-icon{color:#1976d2}.navBar li:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#1976d2;transition:all .3s ease;transform:translate(-50%)}.navBar li:hover:after{width:70%}.nav-icon{font-size:1.1rem}.authButton{padding:10px 0}.userMenuContainer{position:relative}.userMenuTrigger{display:flex;align-items:center;cursor:pointer;color:#555;padding:14px 28px;border-radius:50px;transition:all .3s ease;overflow:hidden;background:#e3f2fd}.userMenuTrigger:hover{background:#bbdefb}.userIcon{font-size:1.3rem;margin-right:8px}.userMenuDropdown{position:absolute;right:0;top:60px;background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;width:220px;z-index:100}.menuItem{padding:12px 20px;display:flex;align-items:center;color:#555;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.menuItem:hover{background:#f5f5f5;color:#1976d2}.menuIcon{margin-right:10px;font-size:1rem;color:#777}.menuItem:hover .menuIcon{color:#1976d2}.logout{color:#e74c3c}.logout:hover{background:#fee;color:#e74c3c}.dashboardContent{max-width:1200px;margin:2rem auto;padding:0 2rem}.welcomeBanner{background:#fff;border-radius:10px;padding:25px;box-shadow:0 3px 15px #0000000d;margin-bottom:30px}.welcomeBanner h2{margin:0;color:#333;font-size:1.8rem}.welcomeBanner p{margin:10px 0 0;color:#666}.dashboardWidgets{display:grid;grid-template-columns:2fr 1fr;gap:25px}.widget{background:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 15px #0000000d}.widget h3{margin-top:0;margin-bottom:20px;color:#444;font-size:1.3rem;padding-bottom:10px;border-bottom:1px solid #eee}.widgetGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.widgetItem{background:#f8f9fa;border-radius:8px;padding:25px 15px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.widgetIcon{font-size:1.8rem;margin-bottom:15px;color:#1976d2}.dashboardWidgets{display:grid;grid-template-columns:1fr;gap:25px}.widgetItem:hover{background:#1976d2;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #1976d24d}.widgetItem:hover .widgetIcon{color:#fff}.widgetIcon{font-size:1.8rem;margin-bottom:10px;color:#1976d2}.announcementItem{display:flex;align-items:flex-start;padding:15px 0;border-bottom:1px solid #eee}.announcementItem:last-child{border-bottom:none}.announcementIcon{color:#1976d2;margin-right:15px;font-size:1.2rem;margin-top:3px}.announcementItem h4{margin:0 0 5px;color:#333}.announcementItem p{margin:0;color:#666;font-size:.9rem}.footer{background:linear-gradient(135deg,#0d47a1,#1565c0);color:#fff;padding:60px 0 30px;margin-top:50px;border-radius:20px 20px 0 0}.footerContent{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;padding:0 20px}.footerColumn h4{margin-top:0;margin-bottom:20px;font-size:1.2rem;position:relative;padding-bottom:10px}.footerColumn h4:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:#ffffff80}.footerColumn ul{list-style:none;padding:0;margin:0}.footerColumn li{margin-bottom:10px;cursor:pointer;transition:all .2s}.footerColumn li:hover{color:#bbdefb;transform:translate(5px)}.footerColumn p{margin:5px 0;line-height:1.6;font-size:.9rem;color:#bdc3c7}.footerBottom{text-align:center;padding-top:20px;margin-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#bdc3c7;font-size:.8rem}@media (max-width: 768px){.dashboardContainer{padding:0 20px}.navBar{flex-direction:column;height:auto;padding:15px}.navBar ul{flex-wrap:wrap;justify-content:center;margin-bottom:15px}.dashboardWidgets,.footerContent{grid-template-columns:1fr}}@media (max-width: 480px){.logoContainer{flex-direction:column;text-align:center}.schoolTitle{text-align:center}.widgetGrid{grid-template-columns:1fr}}.calendar-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:Poppins,Segoe UI,sans-serif;background:#f5f9fc;min-height:100vh}.calendar-title{text-align:center;color:#0d47a1;margin-bottom:40px;font-size:2.5rem;font-weight:700;position:relative;padding-bottom:15px}.calendar-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(to right,#3498db,#2ecc71);border-radius:2px}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.calendar-month{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0d47a11a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.calendar-month:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0d47a126}.month-header{background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff;padding:20px;margin:0;font-size:1.5rem;text-align:center;position:relative}.month-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff4d}.holidays-list{padding:20px}.holiday-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee;transition:all .3s ease}.holiday-item:last-child{border-bottom:none}.holiday-item:hover{background-color:#f0f7ff;transform:translate(5px)}.holiday-date{font-weight:600;color:#2c3e50;min-width:150px;font-size:.95rem}.holiday-name{flex-grow:1;text-align:right;color:#555;font-weight:500}.holiday-item[data-is-vacation=true]{background-color:#e3f2fd;border-left:4px solid #1976d2}.holiday-item[data-is-vacation=true] .holiday-name{color:#0d47a1;font-weight:600}@media (max-width: 768px){.calendar-grid{grid-template-columns:1fr}.calendar-title{font-size:2rem}.month-header{font-size:1.3rem}}@media (max-width: 480px){.holiday-item{flex-direction:column;align-items:flex-start;padding:12px 15px}.holiday-name{text-align:left;margin-top:8px}.calendar-title{font-size:1.8rem}.back-button{width:100%;max-width:300px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.holiday-item{animation:fadeIn .4s ease forwards;animation-delay:calc(var(--order) * .05s)}.gallery-container{max-width:1400px;margin:0 auto;padding:40px 20px;font-family:Poppins,Segoe UI,sans-serif;background:#f5f9fc;min-height:100vh}.gallery-title{text-align:center;color:#0d47a1;margin-bottom:10px;font-size:2.5rem;font-weight:700;position:relative;padding-bottom:15px}.gallery-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(to right,#3498db,#2ecc71);border-radius:2px}.gallery-subtitle{text-align:center;color:#555;font-size:1.1rem;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}.category-tab{padding:10px 20px;background:#e3f2fd;border:none;border-radius:50px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;color:#1976d2;cursor:pointer;transition:all .3s ease}.category-tab:hover{background:#bbdefb;transform:translateY(-2px)}.category-tab.active{background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff;box-shadow:0 5px 15px #0d47a14d}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:40px}.gallery-item{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;aspect-ratio:4/3;cursor:pointer}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:20px;opacity:0;transition:opacity .3s ease}.gallery-item:hover .image-overlay{opacity:1}.image-category{display:inline-block;padding:5px 15px;background:#1976d2e6;color:#fff;border-radius:50px;font-size:.8rem;font-weight:500;text-transform:capitalize}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-height:80vh;max-width:90vw;object-fit:contain;border-radius:8px;box-shadow:0 5px 30px #00000080}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:transform .3s ease}.lightbox-close:hover{transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.lightbox-nav:hover{background:#fff6}.lightbox-nav.prev{left:-60px}.lightbox-nav.next{right:-60px}.lightbox-caption{color:#fff;margin-top:20px;text-align:center;font-size:1.1rem;max-width:80%}.back-button{display:block;margin:40px auto 0;padding:14px 28px;background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0d47a14d;position:relative;overflow:hidden}.back-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0d47a166}.back-button:active{transform:translateY(1px)}.back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.back-button:hover:before{left:100%}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.gallery-title{font-size:2rem}.gallery-subtitle{font-size:1rem}.category-tabs{gap:8px}.category-tab{padding:8px 16px;font-size:.85rem}.lightbox-nav{width:40px;height:40px;font-size:1.5rem}.lightbox-nav.prev{left:-50px}.lightbox-nav.next{right:-50px}}@media (max-width: 480px){.gallery-container{padding:30px 15px}.gallery-title{font-size:1.8rem}.gallery-grid{grid-template-columns:1fr;gap:15px}.category-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0}.lightbox-content img{max-width:95vw}.lightbox-nav{position:fixed;top:auto;bottom:20px;transform:none}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-close{top:20px;right:20px}.back-button{width:100%;max-width:300px}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.gallery-item{animation:scaleUp .5s ease forwards;animation-delay:calc(var(--order) * .1s);opacity:0}.child-info-container{max-width:1200px;margin:2rem auto;padding:0 2rem;font-family:Poppins,Segoe UI,sans-serif;color:#333}.child-header{display:flex;align-items:center;margin-bottom:30px;padding:25px;background:#fff;border-radius:10px;box-shadow:0 3px 15px #0000000d}.child-photo{width:150px;height:150px;margin-right:40px;border-radius:50%;overflow:hidden;background-color:#e3f2fd;display:flex;align-items:center;justify-content:center;border:5px solid white;box-shadow:0 5px 15px #0000001a}.child-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{color:#1976d2;font-size:16px;font-weight:500}.child-basic h1{margin:0 0 10px;color:#0d47a1;font-size:2rem}.child-basic p{margin:8px 0;color:#555;font-size:1rem}.tabs{display:flex;margin-bottom:25px;border-bottom:2px solid #e3f2fd}.tabs button{padding:12px 25px;margin-right:10px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;color:#555;font-weight:500;transition:all .3s ease;border-radius:5px 5px 0 0}.tabs button:hover{background:#e3f2fd;color:#1976d2}.tabs button.active{border-bottom:3px solid #1976d2;color:#1976d2;background:#e3f2fd}.tab-content{background:#fff;padding:30px;border-radius:10px;box-shadow:0 3px 15px #0000000d;margin-bottom:40px}.tab-content h2{color:#0d47a1;margin-top:0;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #eee}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.info-item{margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.info-item:hover{background:#e3f2fd;transform:translateY(-2px)}.info-label{font-weight:600;color:#1976d2;display:inline-block;width:150px}.info-value{color:#333}.fee-summary{display:flex;gap:30px;margin-bottom:30px}.fee-summary .info-item{flex:1;text-align:center;padding:20px;background:#e3f2fd}.fee-summary .info-label{display:block;width:auto;margin-bottom:10px;font-size:1.1rem}.fee-summary .info-value{font-size:1.3rem;font-weight:600;color:#0d47a1}.payment-history{margin-top:30px}.payment-history h3{color:#0d47a1;margin-bottom:20px}.payment-history table{width:100%;border-collapse:collapse;box-shadow:0 2px 10px #0000000d}.payment-history th,.payment-history td{padding:12px 15px;text-align:left;border-bottom:1px solid #e3f2fd}.payment-history th{background-color:#1976d2;color:#fff;font-weight:500}.payment-history tr:hover{background-color:#e3f2fd}.loading,.error,.not-found{text-align:center;padding:50px;font-size:18px;background:#fff;border-radius:10px;box-shadow:0 3px 15px #0000000d;max-width:800px;margin:2rem auto}.loading{color:#1976d2}.error{color:#d32f2f;background:#fee}.not-found{color:#666}@media (max-width: 768px){.child-header{flex-direction:column;text-align:center;padding:20px}.child-photo{margin-right:0;margin-bottom:20px}.tabs{flex-wrap:wrap}.tabs button{margin-bottom:5px}.info-grid{grid-template-columns:1fr}.fee-summary{flex-direction:column;gap:15px}}@media (max-width: 480px){.child-info-container{padding:0 15px}.tab-content{padding:20px 15px}.payment-history th,.payment-history td{padding:8px 10px;font-size:14px}}.student-management-container{max-width:1200px;margin:0 auto;padding:2rem}.student-list-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014}.top-navigation{margin-bottom:1.5rem;display:flex;justify-content:flex-start}.btn-back-dashboard{background-color:#7f8c8d;color:#fff;border:none;border-radius:6px;padding:.75rem 1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-back-dashboard:hover{background-color:#6c7a7d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;margin-top:1rem}.btn-add{background-color:#27ae60;color:#fff;border:none;border-radius:6px;padding:.75rem 1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-add:hover{background-color:#219653}.search-container{position:relative;margin-bottom:2rem;max-width:400px}.search-container input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#7f8c8d}.student-table-container{overflow-x:auto;margin-bottom:2rem}.student-table{width:100%;border-collapse:collapse}.student-table th{background-color:#3498db;color:#fff;padding:1rem;text-align:left;font-weight:600}.student-table td{padding:1rem;border-bottom:1px solid #eaeaea;vertical-align:middle}.student-table tr:hover{background-color:#f8f9fa}.action-buttons{display:flex;gap:.5rem}.btn-view{background-color:#3498db;color:#fff;padding:.5rem;border-radius:4px;border:none;cursor:pointer}.btn-edit{background-color:#f39c12;color:#fff;padding:.5rem;border-radius:4px;border:none;cursor:pointer}.btn-delete{background-color:#e74c3c;color:#fff;padding:.5rem;border-radius:4px;border:none;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-weight:600}.pagination button:disabled{background-color:#bdc3c7;cursor:not-allowed}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}.no-results{text-align:center;padding:2rem;color:#7f8c8d}@media (max-width: 768px){.student-management-container{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-container{max-width:100%}.student-table th,.student-table td{padding:.75rem;font-size:.9rem}.action-buttons{flex-wrap:wrap}}:root{--primary: #1976d2;--primary-dark: #0d47a1;--primary-light: #e3f2fd;--gray-light: #f5f5f5;--gray-medium: #e0e0e0;--gray-dark: #616161;--white: #ffffff;--black: #212121;--success: #4caf50;--error: #f44336}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.particle{position:absolute;background-color:#1976d21a;border-radius:50%;animation:float 15s infinite linear}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-1000px) rotate(720deg);opacity:0}}.signup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;max-width:28rem;margin:3.75rem auto;background-color:var(--white);border-radius:1.5rem;box-shadow:0 1.25rem 2.5rem #0000001a;animation:fadeInUp .8s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1}.back-button{background:#1976d21a;border:none;padding:.625rem .9375rem;border-radius:3.125rem;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 .125rem .625rem #0000001a;z-index:10;color:var(--primary);-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem)}.back-button:hover{background:#1976d233;transform:translate(-.1875rem);color:var(--primary-dark)}.logo-container{position:relative;margin-bottom:1.25rem}.logo-glow{position:absolute;top:-.9375rem;left:-.9375rem;right:-.9375rem;bottom:-.9375rem;background:radial-gradient(circle,#1976d233,#1976d200 70%);border-radius:50%;animation:pulse 3s infinite alternate}.logo{width:7.5rem;height:7.5rem;border-radius:50%;object-fit:cover;border:.3125rem solid var(--white);box-shadow:0 .625rem 1.875rem #0000001a;position:relative;z-index:2;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.heading{text-align:center;margin-bottom:1.875rem}.heading h1{font-size:2rem;color:var(--primary-dark);margin-bottom:.5rem;font-weight:700}.subtitle{color:var(--gray-dark);font-size:1rem}.signup-form{display:flex;flex-direction:column;width:100%;gap:1.25rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.9375rem;color:var(--primary);font-size:1rem}input{width:100%;padding:.9375rem .9375rem .9375rem 2.8125rem;margin-bottom:.3125rem;border:.125rem solid var(--gray-medium);border-radius:.75rem;font-size:1rem;outline:none;transition:all .3s ease;background-color:var(--gray-light);color:var(--gray-dark)}input:focus{border-color:var(--primary);box-shadow:0 0 0 .1875rem #1976d233;background-color:var(--white);color:var(--black)}.toggle-password{position:absolute;right:.9375rem;background:none;border:none;color:var(--gray-dark);cursor:pointer;font-size:1rem;transition:color .3s ease}.toggle-password:hover{color:var(--primary)}.signup-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:1rem;font-size:1rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 .3125rem .9375rem #1976d24d;position:relative;overflow:hidden;margin-top:.625rem}.signup-button:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1.25rem #1976d266}.signup-button:active{transform:translateY(0)}.signup-button:disabled{background:var(--gray-medium);cursor:not-allowed;box-shadow:none}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:.1875rem solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite}.success-container{text-align:center;padding:1.25rem;animation:fadeIn .5s ease-out;width:100%}.id-display{background-color:var(--primary-light);border-radius:.75rem;padding:1.25rem;margin:1.25rem 0;border:.125rem solid var(--gray-medium)}.id-label{font-weight:600;color:var(--primary-dark);margin-bottom:.625rem}.id-value-container{display:flex;align-items:center;justify-content:space-between;background-color:var(--white);padding:.625rem;border-radius:.5rem;margin-top:.625rem}.id-value{font-family:Courier New,monospace;font-size:.9rem;color:var(--black);word-break:break-all;text-align:left;flex-grow:1;padding-right:.625rem}.copy-button{background:var(--primary);color:var(--white);border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:2.5rem;transition:all .2s ease}.copy-button:hover{background:var(--primary-dark)}.copy-feedback{display:inline-block;margin-top:.3125rem;font-size:.8rem;color:var(--success);animation:fadeIn .3s ease-out}.instruction{color:var(--gray-dark);font-size:.9rem;margin:1.25rem 0;line-height:1.5}.continue-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-weight:500;margin-top:1.25rem;width:100%}.continue-button:hover{transform:translateY(-.125rem);box-shadow:0 .25rem .5rem #0000001a}.login-link{text-align:center;margin-top:1.25rem;color:var(--gray-dark);font-size:.95rem}.login-link a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .3s ease}.login-link a:hover{color:var(--primary-dark);text-decoration:underline}.error-message{color:var(--error);background-color:#fde8e8;padding:.75rem;border-radius:.5rem;margin-bottom:1.25rem;text-align:center;font-size:.9rem;animation:fadeIn .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.95);opacity:.7}to{transform:scale(1.05);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 500px){.signup-container{margin:1.875rem 1.25rem;padding:1.875rem 1.25rem;border-radius:1rem}.heading h1{font-size:1.6rem}.logo{width:6.25rem;height:6.25rem}}.parent-id-container{display:flex;gap:.5rem;margin-bottom:.5rem}.parent-id-container input{flex:1}.btn-verify{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:0 1rem;cursor:pointer}.btn-verify:hover{background-color:#2980b9}.btn-add-parent{background-color:#2ecc71;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.btn-add-parent:hover{background-color:#27ae60}.form-error{color:#e74c3c;font-size:.9rem;margin-top:.25rem}.spinner-small{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid white;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.student-detail-section{max-width:1200px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea}.section-header h2{color:#2c3e50;font-size:1.8rem;display:flex;align-items:center;gap:.75rem;margin:0}.alert-error{background-color:#fdecea;color:#d32f2f;padding:1rem;border-radius:4px;margin-bottom:1.5rem;border-left:4px solid #d32f2f}.student-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f9fafb;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db}.form-section h3{color:#3498db;margin-bottom:1.5rem;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.form-section h4{color:#2c3e50;margin:1.5rem 0 1rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.form-group{margin:5px 20px}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.file-upload{margin-top:.5rem}.file-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f0f0f0;border-radius:4px;cursor:pointer;transition:all .2s}.file-upload-label:hover{background-color:#e0e0e0}.photo-preview{margin-top:.5rem}.photo-preview img{max-width:100px;max-height:100px;border-radius:4px;border:1px solid #ddd}.array-input{display:flex;gap:.5rem;margin-bottom:.5rem}.array-input input{flex:1}.btn-add-item{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:0 1rem;cursor:pointer}.array-items{display:flex;flex-wrap:wrap;gap:.5rem}.array-item{background-color:#e0e0e0;padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center;gap:.5rem}.btn-remove-item{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1rem;padding:0}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #eaeaea}.btn-save{background-color:#3498db;color:#fff;padding:.75rem 1.5rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-save:hover{background-color:#2980b9}.btn-cancel{background-color:#e74c3c;color:#fff;padding:.75rem 1.5rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-cancel:hover{background-color:#c0392b}@media (max-width: 768px){.student-detail-section{padding:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.student-view-container{max-width:1200px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea}.view-header h2{color:#2c3e50;font-size:1.8rem;display:flex;align-items:center;gap:.75rem;margin:0}.btn-back{background-color:#7f8c8d;color:#fff;border:none;border-radius:6px;padding:.75rem 1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-back:hover{background-color:#6c7a7d}.student-profile{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eaeaea}.profile-photo{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #3498db}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-info h3{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem}.profile-info p{color:#4a5568;margin:.25rem 0}.details-sections{display:flex;flex-direction:column;gap:2rem}.detail-section{background:#f9fafb;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db}.detail-section h3{color:#3498db;margin-bottom:1.5rem;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.detail-section h4{color:#2c3e50;margin:1.5rem 0 1rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.detail-item{margin-bottom:1rem}.detail-label{display:block;font-weight:600;color:#4a5568;margin-bottom:.25rem}.detail-value{display:block;color:#2c3e50;padding:.5rem;background:#fff;border-radius:4px;border:1px solid #e2e8f0}.medical-tag{display:inline-block;background-color:#e0e0e0;padding:.25rem .5rem;border-radius:4px;margin-right:.5rem;margin-bottom:.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;color:#e74c3c}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.student-view-container{padding:1rem}.student-profile{flex-direction:column;text-align:center}.detail-grid{grid-template-columns:1fr}}