@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins}img{width:100%}.outerheader{height:60px;position:fixed;top:0;left:0;width:100%;z-index:1;transition:background-color 1s ease}.innerheader{display:flex;align-items:center;justify-content:space-between;width:90%;margin:auto;padding-top:8px}.openmenuicon{color:#fff;width:24px}.innerheader .logo{width:40px}.innerheader .logo img{border-radius:50%}.innerheader .logo img{max-width:100%;height:auto}nav .navhide{display:none}nav .navdisplay{display:flex;flex-direction:column;align-items:start;justify-content:start;background-color:#fff;position:absolute;top:0;right:0;width:250px;padding:16px;gap:14px;height:100vh}nav .navdisplay li{list-style:none}nav .navdisplay li a{text-decoration:none;color:#d4af37;font-size:1.1rem;font-weight:500}.outerheader .innerheader nav .navhide li a:hover{color:#48bb78;transition-duration:1s}.outerheader .innerheader nav .navhide li a:focus{color:#48bb78;border-bottom:3px solid #48BB78}.vl{display:none}.closemenuicon{position:absolute;right:5px;width:24px;top:5px;color:#1a365d}@media (min-width:768px){.outerheader{height:70px;padding-top:11px}.innerheader .logo{width:45px}.openmenuicon{display:none}nav .navhide{display:flex;align-items:center;justify-content:center;gap:24px}nav .navhide li{list-style:none}nav .navhide li a{text-decoration:none;color:#d4af37;font-size:1.1rem;font-weight:500}.vl{display:block;width:5px;height:35px;background-color:#fff}.closemenuicon{display:none}}@media (min-width:1024px){.outerheader{height:80px;padding-top:0}.innerheader .logo{width:70px;padding-top:0}nav .navhide{gap:32px}}.outerfooter{background-color:#1a365d;color:#fff;font-family:Poppins,sans-serif;padding:2rem 1rem;padding:4rem 2rem 2rem}.innerfooter{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem}.logopart img{width:40px;margin-bottom:1rem;border-radius:50%}.logopart p{font-size:.95rem;line-height:1.5;color:#f7fafc}.Quicklink ul{list-style:none;padding:0;margin:0 0 1rem}.Quicklink ul li{margin-bottom:.5rem}.Quicklink ul li a{color:#d4af37;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}.Quicklink ul li a:hover{color:#48bb78}.SocialMedia{display:flex;gap:1rem;margin:1rem 0}.SocialMedia a{color:#d4af37;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.SocialMedia a:hover{color:#48bb78;transform:scale(1.2)}.contactinfo p{margin:.5rem 0;font-size:1rem}.contactinfo span{color:#d4af37;font-weight:500}small{font-size:.8rem;color:#f7fafc;display:block;margin-top:1rem;line-height:1.4}@media (min-width: 768px){.innerfooter{flex-direction:row;justify-content:space-between;align-items:flex-start}.logopart,.Quicklink,.contactinfo{flex:1;max-width:350px}.Quicklink ul li a{font-size:1.05rem}.contactinfo p{font-size:1rem}small{font-size:.85rem}.logopart img{width:50px}}.adminHeader{font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:space-between;background-color:#2a5c8a;padding:.8rem 1rem;color:#f7fafc;box-shadow:0 2px 5px #0000001a;flex-wrap:wrap;gap:1rem;position:fixed;width:100%;top:0;left:0;z-index:1}.adminHeaderLogo img{height:40px;cursor:pointer}.adminNav{display:flex;gap:1rem;flex-wrap:wrap;flex-grow:1;justify-content:center}.navLink{color:#f7fafc;font-weight:500;text-decoration:none;padding:.5rem .8rem;border-radius:6px;transition:background-color .3s ease}.navLink:hover{background-color:#3b8b6c}.navLink.active{background-color:#ff6b6b;font-weight:600}.adminHeaderActions{display:flex;align-items:center;gap:1rem}.adminHeaderActions p{margin:0;font-weight:500;font-size:1rem}.adminHeaderActions span{font-weight:700;color:#ff6b6b}.logoutBtn{background-color:#ff6b6b;border:none;color:#fff;padding:.5rem 1rem;font-weight:600;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.logoutBtn:hover{background-color:#e65a5a}@media (max-width: 480px){.adminHeader{flex-direction:column;align-items:flex-start;gap:.5rem}.adminNav{justify-content:flex-start;gap:.5rem;width:100%;overflow-x:auto}.navLink{padding:.4rem .6rem;white-space:nowrap;font-size:.9rem}.adminHeaderActions{width:100%;justify-content:space-between}.logoutBtn{padding:.4rem .8rem;font-size:.9rem}}.adminFooter{font-family:Inter,sans-serif;background-color:#2a5c8a;color:#f7fafc;padding:1.5rem 2rem;font-size:1rem;box-shadow:0 -2px 6px #0000001a;position:relative;bottom:0;width:100%;box-sizing:border-box}.footerContent{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.adminFooter a{color:#ff6b6b;text-decoration:none;transition:color .3s ease}.adminFooter a:hover{color:#e65a5a}.footerLinks{list-style:none;padding:0;margin:0;display:flex;gap:1.2rem}.versionInfo{font-weight:500;color:#3b8b6c}@media (min-width: 600px){.footerContent{flex-direction:row;justify-content:space-between;align-items:center}}.studentHeader{display:flex;flex-direction:column;align-items:center;background-color:#2a5c8a;padding:1rem;font-family:Inter,sans-serif;color:#fff;box-shadow:0 2px 6px #0000001a;width:100%;position:fixed;top:0;left:0}.studentHeaderLogo img{height:50px;margin-bottom:.8rem}.studentHeader nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem}.studentHeader nav a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}.studentHeader nav a:hover{color:#ff6b6b}.logoutAndStudentName{display:flex;flex-direction:column;align-items:center}.logoutAndStudentName button{background-color:#ff6b6b;border:none;color:#fff;padding:.4rem .8rem;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;margin-bottom:.3rem;transition:background-color .3s ease}.logoutAndStudentName button:hover{background-color:#e65a5a}.logoutAndStudentName p{margin:0;font-size:.9rem}.logoutAndStudentName span{font-weight:600;color:gold}@media (min-width: 640px){.studentHeader{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 2rem}.studentHeaderLogo img{height:48px;margin-bottom:0}.studentHeader nav{flex-direction:row;gap:2rem;margin-bottom:0}.logoutAndStudentName{flex-direction:row;gap:1rem;align-items:center}.logoutAndStudentName button,.logoutAndStudentName p{font-size:1rem}}@media (min-width: 1024px){.studentHeader{padding:1.5rem 3rem}.studentHeader nav a{font-size:1.1rem}}.student-footer{background-color:#2a5c8a;color:#fff;font-family:Inter,sans-serif;padding:2rem 1.5rem;margin-top:3rem;width:100%}.student-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;width:95%;margin:auto}.footer-section h4{color:#ff6b6b;font-size:1.2rem;font-weight:600;margin-bottom:.8rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.6rem}.footer-section ul li a{text-decoration:none;color:#f7fafc;font-weight:400;transition:color .3s ease}.footer-section ul li a:hover{color:#3b8b6c}.footer-section span{color:#f7fafc;font-size:.95rem}.footer-section p{margin-top:1rem;font-size:.9rem;color:#f7fafc}@media (max-width: 600px){.student-footer-content{grid-template-columns:1fr}.student-footer{text-align:center}}.hearoutils{position:relative;width:100%;height:100vh;overflow:hidden;font-family:Poppins,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}.hearoutils img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.6);animation:zoomInOut 12s ease-in-out infinite alternate}.discriptionandbutton{position:relative;z-index:2;padding:2rem 1.5rem;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;animation:floatText 6s ease-in-out infinite alternate;z-index:0}.discription h1{font-size:2rem;font-weight:700;color:#d4af37;margin-bottom:.5rem}.discription h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.discription p{font-size:1rem;font-weight:400;color:#f7fafc;max-width:600px;margin-bottom:1.5rem}.button{display:flex;flex-direction:column;gap:1rem}.button a{text-decoration:none;background-color:#d4af37;color:#1a365d;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;text-align:center;transition:all .3s ease}.button a:hover{background-color:#48bb78;color:#fff;transition-duration:1s}@media (min-width: 768px){.discriptionandbutton{padding:4rem 6rem;text-align:left}.discription{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.discription h1{font-size:3rem}.discription h2{font-size:2rem}.discription p{font-size:1.1rem}.button{flex-direction:row}.button a{font-size:1rem;padding:.75rem 2rem}}@keyframes fadeInUpDown{0%{opacity:.8;transform:translateY(20px)}to{opacity:1;transform:translateY(-10px)}}@keyframes zoomInOut{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes zoomInOut{0%{transform:scale(1) translate(0)}to{transform:scale(1.2) translate(-20px)}}@keyframes floatText{0%{transform:translateY(0);opacity:.95}50%{transform:translateY(-20px);opacity:1}to{transform:translateY(10px);opacity:.95}}.service{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:50px}.service h1{font-size:2rem;color:var(--primary-navy)}@media (min-width:768px){.service h1{font-size:2.5rem;border-bottom:3px solid var(--secondary-gold)}.servicecardcontent{display:grid;grid-template-columns:2fr 2fr;gap:16px;width:90%}@media (min-width:1025px){.servicecardcontent{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.service h1{font-size:3rem}}}:root{--primary-navy: #1A365D;--secondary-gold: #D4AF37;--text-charcoal: #2D3748;--accent-teal: #48BB78;--bg-white: #FFFFFF;--edu-nile-blue: #2A5C8A;--edu-green: #3B8B6C;--edu-coral: #FF6B6B;--bg-light-gray: #F7FAFC;--font-primary: "Poppins", sans-serif;--font-edu: "Inter", sans-serif}.servicecard{background-color:var(--bg-white);color:var(--text-charcoal);border:1px solid var(--secondary-gold);border-radius:16px;padding:1.5rem;width:100%;max-width:320px;margin:1rem auto;text-align:center;box-shadow:0 4px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease;font-family:var(--font-primary)}.servicecard:hover{transform:translateY(-5px);box-shadow:0 6px 20px #48bb7833;border-color:var(--accent-teal)}.servicecard .icon{color:var(--secondary-gold);margin-bottom:1rem;display:flex;justify-content:center}.servicecard .title h3{font-size:1.5rem;font-weight:600;color:var(--primary-navy);margin-bottom:.5rem}.servicecard .description p{font-size:1rem;font-weight:400;color:var(--text-charcoal)}@media (min-width: 768px){.servicecard{max-width:400px;padding:2rem}.servicecard .title h3{font-size:1.75rem}.servicecard .description p{font-size:1.1rem}}@media (min-width: 1024px){.servicecard{max-width:500px;padding:2.5rem}.servicecard .title h3{font-size:2rem}.servicecard .description p{font-size:1.15rem}}:root{--primary-color: #1A365D;--secondary-color: #D4AF37;--text-color: #2D3748;--accent-color: #48BB78;--bg-color: #FFFFFF;--font-primary: "Poppins", sans-serif}.hover-image-card{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 6px 18px #0000001a;transition:transform .3s ease;margin-top:30px}.hover-image-card:hover{transform:scale(1.02);transition-duration:1s}.hover-image{width:100%;height:20vh;display:block;object-fit:cover;transition:transform .5s ease}.hover-image-card:hover .hover-image{transform:scale(1.1);transition-duration:1s}.hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a365dcc;color:var(--bg-color);opacity:0;transition:opacity .4s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center}.hover-image-card:hover .hover-overlay{opacity:1;transition-duration:1s}.hover-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:var(--secondary-color);margin-bottom:.5rem}.hover-description{font-family:var(--font-primary);font-size:1rem;font-weight:400;color:var(--bg-color)}@media (min-width: 768px){.hover-title{font-size:2rem}.hover-description{font-size:1.1rem}.hover-image{height:30vh}.hover-image-card{margin-top:50px}}@media (min-width: 1024px){.hover-title{font-size:2.3rem}.hover-description{font-size:1.2rem;max-width:80%}.hover-image{height:40vh}}.courses{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:50px}.courses h1{font-size:2rem;color:var(--primary-navy)}.courselink a{display:inline-block;width:fit-content;background-color:var(--secondary-color);color:#fff;font-family:var(--font-primary);font-size:1rem;font-weight:600;padding:.6rem 1.2rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 3px 8px #00000014;text-decoration:none;margin-bottom:50px}.courses .courselink :hover{background-color:var(--accent-color);color:var(--bg-color);box-shadow:0 6px 14px #48bb7866;transform:translateY(-2px)}.courses .courselink :active{transform:scale(.97);box-shadow:0 3px 8px #48bb7840}@media (min-width:768px){.courses h1{font-size:2.5rem;border-bottom:3px solid var(--secondary-gold)}.coursescardcontent{display:grid;grid-template-columns:2fr 2fr;gap:16px;width:90%}@media (min-width:1025px){.coursescardcontent{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.courses h1{font-size:3rem}}}:root{--nile-blue: #2A5C8A;--ethiopian-green: #3B8B6C;--charcoal: #2D3748;--education-background: #F7FAFC;--accent-coral: #FF6B6B;--gold: #D4AF37;--font-poppins: "Poppins", sans-serif}.skills-wrapper{font-family:var(--font-poppins);padding:4rem 2rem;background-color:var(--education-background)}.skills-section{text-align:center;margin-bottom:5rem}.skills-title{font-size:2.5rem;font-weight:700;color:var(--nile-blue);margin-bottom:2rem}.skills-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.skill-item{background-color:#fff;padding:1rem 2rem;border-radius:8px;font-size:1.2rem;font-weight:500;color:var(--charcoal);box-shadow:0 4px 10px #0000001a;transition:transform .3s ease}.skill-item:hover{transform:translateY(-5px)}.cta-section{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--nile-blue) 0%,var(--ethiopian-green) 100%);color:#fff;border-radius:16px}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;font-weight:400;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cta-button{text-decoration:none;transition:background-color .3s ease;background-color:#d4af37;color:#1a365d;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;text-align:center;transition:all .3s ease}.cta-button.hire:hover,.cta-button.learn:hover{background-color:#48bb78;color:#fff;transition-duration:1s}@media (max-width: 768px){.skills-title,.cta-title{font-size:2.2rem}.skill-item{font-size:1rem;padding:.8rem 1.5rem}.cta-subtitle{font-size:1rem}}@media (max-width: 480px){.skills-icons{flex-direction:column;align-items:center}.cta-buttons{flex-direction:column;gap:1rem}.skills-title,.cta-title{font-size:2rem}.skill-item{width:80%}}:root{--primary-color: #1A365D;--secondary-color: #D4AF37;--accent-color: #48BB78;--bg-color: #FFFFFF;--text-color: #2D3748;--font-primary: "Poppins", sans-serif;--font-code: "Roboto Mono", monospace}.projectcards{display:grid;grid-template-columns:1fr 3fr;gap:1rem;background-color:var(--bg-color);border:1px solid var(--secondary-color);border-radius:1rem;padding:1rem;margin:1rem auto;align-items:center;max-width:100%;font-family:var(--font-primary);color:var(--text-color);box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.projectCard h1{font-size:2.5rem;font-weight:700;color:#1a365d;margin-bottom:2rem;margin-top:50px}.projectlink{display:inline-block;margin-top:1rem;text-align:center;align-items:center;justify-content:center;width:100%}.projectlink a{display:inline-block;padding:.75rem 2rem;background-color:#3b82f6;color:#fff;font-weight:600;border-radius:999px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 20px #3b82f633}.projectlink a:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.projectcards:hover{transform:translateY(-6px);box-shadow:0 10px 20px #48bb7833;border-color:var(--accent-color);transition-duration:1s}.imagepart img{width:300px;height:auto;max-width:100px;display:block;margin:0 auto;transition:transform .3s ease}.projectcards:hover .imagepart img{transform:scale(1.05);transition-duration:1s}.title h3{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.description p{font-size:1rem;font-weight:400;color:var(--text-color)}@media (max-width: 768px){.projectcards{grid-template-columns:1fr;text-align:center}.imagepart img{max-width:100%;margin-bottom:.75rem}.title h3{font-size:1.3rem}.description p{font-size:.95rem}}@media (min-width: 640px) and (max-width: 1023px){.projectcards{padding:1.5rem}.title h3{font-size:1.6rem}.description p{font-size:1rem;line-height:1.5}}@media (min-width: 1024px){.projectcards{max-width:93%;padding:2rem}.imagepart img{max-width:100%}.title h3{font-size:1.8rem}.description p{font-size:1.1rem;line-height:1.5}}.whoweare{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:auto;padding:3rem 2rem;background-color:#fff;font-family:Poppins,sans-serif;color:#2d3748}.title{text-align:center;margin-bottom:4rem}.title h1{font-size:3rem;font-weight:700;color:#1a365d}.imageAndDescription{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4rem}.imagecomponent img{width:100%;height:auto;border-radius:1rem;box-shadow:0 8px 24px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.imagecomponent img:hover{transform:scale(1.03);box-shadow:0 12px 30px #00000026}.aboutdiscription{flex:1;font-size:1.1rem;font-weight:400;line-height:1.8;color:#2d3748}.imageAndDescription .aboutdiscription p{margin-bottom:1.8rem;text-align:justify;color:#2d3748}@media (min-width: 768px){.imageAndDescription{flex-direction:column;text-align:center}.aboutdiscription{padding:0 1rem;text-align:justify}}@media (min-width:1025px){.imageAndDescription{display:flex;flex-direction:row;align-items:center;justify-content:center;width:95%}}.missionvision-section{padding:2rem 1.5rem;background-color:#f7fafc;font-family:Poppins,sans-serif;color:#1a365d}.mv-container{display:flex;flex-direction:column;gap:2rem}.mv-box{background-color:#fff;border-left:6px solid #D4AF37;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.mv-box h2{font-size:1.5rem;color:#d4af37;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.mv-box p{font-size:1rem;line-height:1.6;color:#2d3748}.mv-icon{color:#d4af37;font-size:1.5rem}@media (min-width: 768px){.mv-container{flex-direction:row;justify-content:space-between}.mv-box{flex:1;max-width:48%}.mv-box h2{font-size:1.8rem}.mv-box p{font-size:1.05rem}}.team-section{padding:4rem 2rem;background-color:#f7fafc;text-align:center}.section-title{font-size:2.5rem;font-weight:700;color:#1a365d;margin-bottom:2rem}.team-cards{display:grid;grid-template-columns:1fr;gap:2rem}.team-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden;text-align:center;box-shadow:0 4px 8px #0000000d;transition:transform .4s ease,box-shadow .4s ease;transform:translateY(0)}.team-card:hover{transform:scale(1.03) translateY(-10px);box-shadow:0 10px 20px #0000001f}.team-photo{width:100%;height:auto;border-bottom:1px solid #E2E8F0}.team-info{padding:1.5rem}.team-name{font-size:1.5rem;font-weight:600;color:#1a365d}.team-role{font-size:1.1rem;font-weight:500;color:#d4af37;margin:.5rem 0}.team-bio{font-size:1rem;font-weight:400;color:#2d3748;margin-top:.5rem}@media (min-width: 768px){.team-cards{grid-template-columns:1fr 1fr;gap:3rem}}@media (min-width: 1024px){.team-cards{grid-template-columns:1fr 1fr 1fr}}body{font-family:Poppins,sans-serif;color:#2d3748;background-color:#fff}.core-values-section{padding:4rem 2rem;background-color:#fff;text-align:center}.core-values-title{font-size:2.5rem;font-weight:700;color:#1a365d;margin-bottom:2rem}.core-values-cards{display:grid;grid-template-columns:1fr;gap:2rem}.value-card{background-color:#f7fafc;border:1px solid #E2E8F0;border-radius:12px;padding:2rem;transition:transform .4s ease,box-shadow .4s ease;box-shadow:0 4px 10px #0000000d;cursor:pointer;animation:fadeInUp .8s ease forwards}.value-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 12px 24px #0000001a}.value-title{font-size:1.5rem;font-weight:600;color:#d4af37;margin-bottom:.5rem}.value-description{font-size:1rem;font-weight:400;color:#2d3748}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.core-values-cards{grid-template-columns:repeat(3,1fr);gap:2rem}}.milestones-section{padding:4rem 2rem;background-color:#fff;font-family:Poppins,sans-serif;text-align:center}.milestones-title{font-size:2.5rem;font-weight:700;color:#1a365d;margin-bottom:3rem;animation:fadeIn 1s ease-in}.milestone-stats{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.milestone-card{border:1px solid #E2E8F0;border-radius:16px;padding:2rem;background-color:#f7fafc;box-shadow:0 4px 14px #0000000d;transition:transform .4s ease,box-shadow .4s ease;animation:slideUp .8s ease forwards}.milestone-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f}.milestone-card h3{color:#d4af37;font-size:2rem;font-weight:700;margin-bottom:.5rem}.milestone-card p{color:#2d3748;font-size:1rem;font-weight:400}.milestone-cta h3{font-size:2rem;font-weight:600;color:#1a365d;margin-bottom:.5rem}.milestone-cta p{color:#2d3748;font-size:1rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.cta-btn{padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;width:fit-content;transition:background-color .3s ease}.cta-btn.gold{background-color:#d4af37;color:#fff}.cta-btn.gold:hover{background-color:#48bb78}.cta-btn.outline{color:#fff;background-color:#d4af37}.cta-btn.outline:hover{background-color:#48bb78}@media (min-width: 768px){.milestone-stats{flex-direction:row;justify-content:center}.cta-buttons{flex-direction:row;gap:2rem}}.services-section{padding:4rem 2rem;background-color:#fff;font-family:Poppins,sans-serif;text-align:center}.services-title{font-size:2.5rem;font-weight:700;color:#1a365d;margin-bottom:3rem;animation:fadeIn 1s ease-in-out}.services-grid{display:flex;flex-direction:column;gap:2rem}.service-card{background-color:#f7fafc;border-radius:16px;padding:2rem;box-shadow:0 6px 16px #0000000d;border-left:5px solid #D4AF37;transition:transform .4s ease,box-shadow .4s ease;animation:slideUp .8s ease forwards}.service-card:hover{transform:translateY(-10px);box-shadow:0 12px 24px #0000001f}.service-icon{font-size:2.5rem;color:#d4af37;margin-bottom:1rem}.service-card h3{font-size:1.5rem;color:#1a365d;font-weight:600;margin-bottom:.5rem}.service-card p{color:#2d3748;font-size:1rem;font-weight:400}@media (min-width: 768px){.services-grid{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem}.service-card{width:45%}}@media (min-width: 1024px){.service-card{width:22%}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projects-section{padding:4rem 2rem;background-color:#fff;font-family:Poppins,sans-serif;text-align:center}.projects-title{font-size:2.5rem;font-weight:700;color:#1a365d;margin-bottom:2rem}.project-tabs{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;gap:1rem}.tab{background:transparent;border:2px solid #D4AF37;padding:.5rem 1rem;color:#1a365d;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease}.tab:hover,.tab.active{background-color:#d4af37;color:#fff}.project-grid{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.project-grid{flex-direction:row;flex-wrap:wrap;justify-content:center}.project-card{width:45%}}@media (min-width: 1024px){.project-card{width:30%}}.project-card{background-color:#f7fafc;border-radius:16px;box-shadow:0 6px 14px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .8s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0000001f}.project-image img{width:100%;max-height:400px;display:block;transition:transform .4s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1rem 1.5rem;text-align:left}.project-content h3{font-size:1.4rem;color:#1a365d;margin-bottom:.5rem}.project-content p{font-size:1rem;color:#2d3748;margin-bottom:1rem}.stack-icons span{font-size:1.2rem;color:#d4af37;margin-right:.5rem}.case-btn{background-color:#d4af37;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;margin-top:1rem;cursor:pointer;transition:background-color .3s ease}.case-btn:hover{background-color:#b8912f}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color: #1A365D;--secondary-color: #D4AF37;--background-color: #FFFFFF;--text-color: #2D3748;--accent-color: #48BB78}body{font-family:Poppins,sans-serif}.testimonials-section{background-color:var(--background-color);padding:4rem 2rem;text-align:center}.testimonials-section h2{font-size:2.5rem;color:var(--primary-color);font-weight:700;margin-bottom:3rem}.testimonial-carousel{display:flex;align-items:center;justify-content:center;gap:2rem}.nav-btn{background:none;border:none;font-size:3rem;color:var(--secondary-color);cursor:pointer;transition:color .3s ease}.nav-btn:hover{color:var(--accent-color)}.testimonial-card{background-color:#fff;border-radius:16px;box-shadow:0 8px 20px #1a365d26;padding:2rem;max-width:500px;width:100%;text-align:center;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid var(--secondary-color)}.quote{font-size:1.1rem;color:var(--text-color);margin:1rem 0;font-style:italic}.testimonial-card h4{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin:.5rem 0}.role{font-size:.95rem;color:var(--text-color);display:block;margin-bottom:1rem}.company-logo{height:40px;margin-top:1rem;object-fit:contain}@media (max-width: 768px){.testimonial-carousel{flex-direction:column}.nav-btn{font-size:2.5rem}}.skills-section{padding:4rem 1.5rem;background-color:#fff;color:#2d3748;text-align:center}.skills-section h2{font-size:2.2rem;color:#1a365d;font-weight:700;margin-bottom:2rem;position:relative;animation:fadeInDown .8s ease-out}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem}.tech-card{background-color:#f7fafc;padding:1.5rem;border-radius:10px;box-shadow:0 6px 18px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.tech-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #00000014}.tech-icon{font-size:3rem;color:#1a365d;margin-bottom:.75rem;transition:transform .3s ease,color .3s ease}.tech-card .tech-icon{color:#d4af37}.tech-card:hover .tech-icon{transform:scale(1.15);color:#48bb78}.tech-card h4{font-size:1.2rem;margin-bottom:.5rem;color:#1a365d}.progress-bar{background-color:#e2e8f0;border-radius:20px;height:10px;overflow:hidden;margin-top:.5rem}.progress-fill{background-color:#d4af37;height:100%;border-radius:20px;transition:width .5s ease-in-out}.proficiency-label{font-size:.9rem;margin-top:.4rem;display:block;color:#2d3748}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.skills-section{padding:5rem 3rem}}:root{--nile-blue: #2A5C8A;--ethiopian-green: #3B8B6C;--gold: #D4AF37;--white: #ffffff;--charcoal: #2D3748;--coral: #FF6B6B;--font-primary: "Poppins", sans-serif}.cta-section{background:linear-gradient(135deg,var(--nile-blue),var(--ethiopian-green));padding:4rem 2rem;text-align:center;color:var(--white);font-family:var(--font-primary);margin:50px}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;font-weight:400;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.cta-btn{padding:.9rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .3s ease}.primary-cta{background-color:var(--gold);color:#fff}.primary-cta:hover{background-color:var(--accent-color);color:var(--white)}.secondary-cta{background-color:#c39a2e;color:#fff}.secondary-cta:hover{background-color:var(--accent-color);color:var(--white)}body{font-family:Poppins,sans-serif;background-color:#fff;color:#2d3748;line-height:1.6;scroll-behavior:smooth;animation:fadeInBody 1s ease-in}.contact-page{padding:2rem 1rem;margin-top:80px;animation:fadeInUp 1s ease-in-out}h1,h2{color:#1a365d;font-weight:700;margin-bottom:1rem;animation:fadeInUp 1s ease-in-out}h1{font-size:2.5rem;text-align:center}h2{font-size:1.8rem}.brand{color:#d4af37;transition:color .3s ease}.brand:hover{color:#48bb78}.intro p{font-size:1rem;text-align:center;max-width:700px;margin:0 auto 2rem;animation:fadeInUp 1s ease-in-out}.contact-info{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.info-item{background:#f7fafc;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp 1s ease}.info-item:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000014}.contact-form-section{margin-bottom:3rem;animation:fadeInUp 1s ease}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.contact-form input,.contact-form textarea{width:100%;padding:.8rem 1rem;border:1px solid #CBD5E0;border-radius:6px;background-color:#f7fafc;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#48bb78;box-shadow:0 0 0 3px #48bb784d}.contact-form button{background-color:#d4af37;color:#fff;font-weight:600;border:none;padding:.8rem;max-width:200px;text-align:center;border-radius:6px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease,transform .2s ease}.contact-form button:hover{background-color:#48bb78;transform:scale(1.05)}.connect-digitally ul{list-style:none;padding:0}.connect-digitally li{margin-bottom:.5rem;animation:fadeInUp .8s ease}.connect-digitally a{color:#1a365d;text-decoration:none;font-weight:500;transition:color .3s ease}.connect-digitally a:hover{color:#48bb78;text-decoration:underline}.partner-purpose p{margin-bottom:1rem;animation:fadeInUp 1s ease}.map{margin-top:3rem;animation:fadeInUp 1s ease}.map-embed iframe{border-radius:8px;box-shadow:0 6px 20px #00000014;width:100%;height:500px;border:none}@media (min-width: 768px){.contact-info{flex-direction:row;justify-content:space-between}.info-item{flex:1}}@media (min-width: 1024px){.allmid{display:flex;align-items:start;justify-content:space-between;margin:0 10px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBody{0%{opacity:0}to{opacity:1}}.login-page{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;min-height:100vh;background-color:#fff}.login-container{background:#fff;padding:2rem;width:100%;max-width:600px;border-radius:12px;box-shadow:0 6px 20px #00000014;text-align:center}.logo img{width:80px;margin-bottom:1rem}.login-title{font-size:2rem;font-weight:700;color:#1a365d;margin-bottom:.5rem}.login-subtitle{font-size:1rem;font-weight:400;color:#2d3748;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{padding:.75rem 1rem;border:1px solid #CBD5E0;border-radius:6px;font-size:1rem;background-color:#f7fafc;color:#2d3748;transition:border-color .3s ease}.login-form input:focus{border-color:#48bb78;outline:none}.login-form button{background-color:#d4af37;color:#fff;font-size:1rem;font-weight:600;padding:.75rem;border:none;border-radius:6px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.login-form button:hover{background-color:#48bb78}.login-footer{margin-top:1.5rem;font-size:1rem}.login-footer a{color:#1a365d;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (min-width: 768px){.login-container{padding:3rem}.login-title{font-size:2.5rem}.login-subtitle{font-size:1.1rem}}body{background-color:#fff;font-family:Poppins,sans-serif;color:#2d3748;line-height:1.6}.signup-container{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;min-height:100vh;background-color:#fff}.signup-form{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;padding:2rem;width:100%;max-width:600px;border-radius:12px;box-shadow:0 6px 20px #00000014;text-align:center}.signup-form h1{font-size:2rem;font-weight:700;color:#1a365d;margin-bottom:.5rem}form{width:100%}.signup-form p{font-size:1rem;font-weight:400;color:#2d3748;margin-bottom:1.5rem}.signup-form form{display:flex;flex-direction:column;gap:1rem}.signup-form input{padding:.75rem 1rem;border:1px solid #CBD5E0;border-radius:6px;font-size:1rem;background-color:#f7fafc;color:#2d3748;transition:border-color .3s ease}.signup-form input:focus{border-color:#48bb78;outline:none}.signup-form button{background-color:#d4af37;color:#fff;font-size:1rem;font-weight:600;padding:.75rem;border:none;border-radius:6px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.signup-form button:hover{background-color:#48bb78}.login-link{margin-top:1.5rem;font-size:1rem}.login-link a{color:#1a365d;font-weight:500;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (min-width: 768px){.signup-container{margin-top:50px}.signup-form{padding:3rem}.signup-form h1{font-size:3rem}.signup-form p{font-size:1.1rem}}@media (min-width:1025px){.signup-container{margin-top:80px}}.notfound-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#f8f8f8;color:#333;font-family:Arial,sans-serif}.notfound-title{font-size:8rem;margin:0;color:#ff6b6b}.notfound-subtitle{font-size:2rem;margin:.5rem 0}.notfound-message{font-size:1.2rem;margin:1rem 0}.notfound-link{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:#ff6b6b;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.notfound-link:hover{background-color:#ff4c4c}.why-academy-section{background-color:var(--light-gray);padding:80px 20px;text-align:center;font-family:var(--font-inter);color:var(--charcoal)}.why-academy-container{max-width:1200px;margin:0 auto;padding:0 20px}.why-academy-heading{font-size:2.5rem;font-weight:700;color:var(--nile-blue);margin-bottom:20px}.why-academy-intro{font-size:1.1rem;font-weight:400;color:var(--charcoal);max-width:800px;margin:0 auto 50px;line-height:1.6}.why-academy-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.benefit-item{background-color:var(--pure-white);padding:30px;border-radius:8px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.benefit-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.benefit-icon{font-size:3rem;margin-bottom:20px;line-height:1}.benefit-title{font-size:1.5rem;font-weight:600;color:var(--nile-blue);margin-bottom:15px}.benefit-description{font-size:1rem;font-weight:400;color:var(--charcoal);line-height:1.6}@media (max-width: 768px){.why-academy-section{padding:60px 15px}.why-academy-heading{font-size:2rem}.why-academy-intro{font-size:1rem;margin-bottom:30px}.why-academy-benefits-grid{grid-template-columns:1fr;gap:25px}.benefit-icon{font-size:2.5rem}.benefit-title{font-size:1.3rem}.benefit-description{font-size:.95rem}}@media (max-width: 480px){.why-academy-section{padding:40px 10px}.why-academy-heading{font-size:1.8rem}.why-academy-intro{font-size:.95rem}}.how-it-works-section{background-color:var(--pure-white);padding:80px 20px;text-align:center;font-family:var(--font-inter);color:var(--charcoal)}.how-it-works-container{max-width:1200px;margin:0 auto;padding:0 20px}.how-it-works-heading{font-size:2.5rem;font-weight:700;color:var(--nile-blue);margin-bottom:20px}.how-it-works-intro{font-size:1.1rem;font-weight:400;color:var(--charcoal);max-width:800px;margin:0 auto 60px;line-height:1.6}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;position:relative;z-index:0}@media (min-width: 769px){.steps-grid:before{content:"";position:absolute;top:30%;left:0;right:0;height:4px;background-color:var(--light-gray);z-index:0;transform:translateY(-50%)}.steps-grid:before{left:12.5%;right:12.5%;width:75%}}.step-card{background-color:var(--light-gray);padding:30px;border-radius:8px;box-shadow:0 4px 15px #00000008;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.step-number-circle{width:60px;height:60px;background-color:var(--coral);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin-bottom:25px;box-shadow:0 4px 10px #0000001a;border:4px solid var(--pure-white)}.step-title{font-size:1.5rem;font-weight:600;color:var(--nile-blue);margin-bottom:15px;line-height:1.3}.step-description{font-size:1rem;font-weight:400;color:var(--charcoal);line-height:1.6}@media (max-width: 768px){.how-it-works-section{padding:60px 15px}.how-it-works-heading{font-size:2rem}.how-it-works-intro{font-size:1rem;margin-bottom:40px}.steps-grid{grid-template-columns:1fr;gap:25px}.steps-grid:before{content:none}.step-number-circle{width:50px;height:50px;font-size:1.5rem;margin-bottom:20px}.step-title{font-size:1.3rem}.step-description{font-size:.95rem}}@media (max-width: 480px){.how-it-works-section{padding:40px 10px}.how-it-works-heading{font-size:1.8rem}.how-it-works-intro{font-size:.95rem}.step-card{padding:25px}}:root{--nile-blue: #2A5C8A;--ethiopian-green: #3B8B6C;--light-gray: #F7FAFC;--charcoal: #2D3748;--coral: #FF6B6B;--font-inter: "Inter", sans-serif;--font-roboto-mono: "Roboto Mono", monospace}.premium-tease-section{background-color:#fff;padding:80px 20px;text-align:center;font-family:var(--font-inter);color:var(--charcoal)}.premium-tease-container{max-width:1200px;margin:0 auto;padding:0 20px}.premium-tease-heading{font-size:2.5rem;font-weight:700;color:var(--nile-blue);margin-bottom:20px}.premium-tease-intro{font-size:1.1rem;font-weight:400;color:var(--charcoal);max-width:800px;margin:0 auto 50px;line-height:1.6}.premium-offerings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;margin-bottom:60px}.premium-card{background-color:var(--light-gray);padding:30px;border-radius:8px;box-shadow:0 6px 20px #00000014;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.premium-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.premium-card-title{font-size:1.6rem;font-weight:600;color:var(--nile-blue);margin-bottom:10px;line-height:1.3}.premium-card-description{font-size:1.05rem;font-weight:400;color:var(--charcoal);line-height:1.6;flex-grow:1;margin-bottom:25px}.premium-card-cta{display:inline-block;background-color:var(--coral);color:#fff;font-size:1rem;font-weight:600;padding:12px 25px;border-radius:5px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;text-align:center;width:100%;box-sizing:border-box}.premium-card-cta:hover{background-color:#e65a5a;transform:translateY(-2px)}.premium-benefits-wrapper{background-color:var(--light-gray);padding:40px;border-radius:8px;margin:0 auto;max-width:900px;box-shadow:0 4px 15px #0000000d}.premium-benefits-list .benefit-item{font-size:1.1rem;font-weight:500;color:var(--charcoal);line-height:1.5;display:flex;align-items:flex-start}.premium-benefits-list .checkmark{color:var(--ethiopian-green);font-size:1.3rem;margin-right:10px;line-height:1}.premium-main-cta-wrapper{margin-top:60px;text-align:center}.premium-main-cta{display:inline-block;background-color:var(--coral);color:#fff;font-size:1rem;font-weight:600;padding:15px 35px;border-radius:5px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.premium-main-cta:hover{background-color:#e65a5a;transform:translateY(-2px)}@media (max-width: 992px){.premium-offerings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}}@media (max-width: 768px){.premium-tease-section{padding:60px 15px}.premium-tease-heading{font-size:2rem}.premium-tease-intro{font-size:1rem;margin-bottom:30px}.premium-offerings-grid,.premium-benefits-list{grid-template-columns:1fr;gap:20px}.premium-card-title{font-size:1.4rem}.premium-card-description{font-size:1rem}.premium-benefits-wrapper{padding:30px}.premium-benefits-heading{font-size:1.6rem;margin-bottom:20px}.premium-benefits-list .benefit-item{font-size:1rem}.premium-main-cta-wrapper{margin-top:40px}}@media (max-width: 480px){.premium-tease-section{padding:40px 10px}.premium-tease-heading{font-size:1.8rem}.premium-tease-intro{font-size:.95rem}.premium-card{padding:25px}.premium-card-title{font-size:1.3rem}.premium-card-description{font-size:.95rem}.premium-card-cta,.premium-main-cta{font-size:.95rem;padding:12px 20px}.premium-benefits-wrapper{padding:25px}.premium-benefits-heading{font-size:1.4rem}.premium-benefits-list .benefit-item{font-size:.95rem}}.newsletter-signup-section{background-color:var(--nile-blue);padding:80px 20px;text-align:center;font-family:var(--font-inter);color:var(--pure-white)}.newsletter-signup-container{max-width:800px;margin:0 auto;padding:0 20px}.newsletter-signup-heading{font-size:2.5rem;font-weight:700;color:var(--pure-white);margin-bottom:20px}.newsletter-signup-offer{font-size:1.1rem;font-weight:400;color:#ffffffe6;max-width:650px;margin:0 auto 40px;line-height:1.6}.signup-form{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px}.signup-email-input{flex-grow:1;max-width:400px;padding:15px 20px;font-size:1rem;border:1px solid rgba(255,255,255,.3);border-radius:5px;outline:none;color:var(--charcoal);background-color:var(--pure-white)}.signup-email-input::placeholder{color:#aaa}.signup-email-input:focus{border-color:var(--ethiopian-green);box-shadow:0 0 0 3px #3b8b6c4d}.signup-button{background-color:var(--coral);color:var(--pure-white);border:none;padding:15px 30px;font-size:1rem;font-weight:600;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;white-space:nowrap;box-shadow:0 4px 10px #ff6b6b4d}.signup-button:hover{background-color:#e65a5a;transform:translateY(-2px);box-shadow:0 6px 15px #ff6b6b66}.newsletter-signup-privacy{font-size:.9rem;color:#ffffffb3}@media (max-width: 768px){.newsletter-signup-section{padding:60px 15px}.newsletter-signup-heading{font-size:2rem}.newsletter-signup-offer{font-size:1rem;margin-bottom:30px}.signup-form{flex-direction:column;gap:10px}.signup-email-input{max-width:100%}.signup-button{width:100%;max-width:300px}}@media (max-width: 480px){.newsletter-signup-section{padding:40px 10px}.newsletter-signup-heading{font-size:1.8rem}.newsletter-signup-offer{font-size:.95rem}.signup-email-input,.signup-button{padding:12px 15px;font-size:.95rem}.newsletter-signup-privacy{font-size:.85rem}}.hero-section{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:var(--pure-white);font-family:var(--font-inter);z-index:0}.hero-video-background{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:1;transform:translate(-50%,-50%);object-fit:cover;background-size:cover;filter:brightness(.7)}.hero-image-fallback{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.6)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2a5c8a99;z-index:2}.hero-content{position:relative;z-index:3;max-width:900px;padding:0 20px}.hero-headline{font-size:3.5rem;font-weight:700;color:var(--pure-white);margin-bottom:25px;line-height:1.2;text-shadow:2px 2px 8px rgba(0,0,0,.4)}.hero-subheadline{font-size:1.4rem;font-weight:400;color:#ffffffe6;margin-bottom:40px;line-height:1.6;text-shadow:1px 1px 4px rgba(0,0,0,.3)}.hero-cta-buttons{display:flex;justify-content:center;gap:20px}.cta-button{display:inline-block;padding:15px 30px;border-radius:5px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:background-color .3s ease,transform .2s ease,border-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px #0003}.primary-cta{background-color:var(--coral);color:var(--pure-white);border:2px solid var(--coral)}.primary-cta:hover{background-color:#e65a5a;transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}.secondary-cta{background-color:var(--nile-blue);color:var(--pure-white);border:2px solid var(--nile-blue)}.secondary-cta:hover{background-color:#234d72;transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}@media (max-width: 992px){.hero-headline{font-size:3rem}.hero-subheadline{font-size:1.3rem}}@media (max-width: 768px){.hero-section{height:80vh}.hero-headline{font-size:2.5rem;margin-bottom:20px}.hero-subheadline{font-size:1.1rem;margin-bottom:30px}.hero-cta-buttons{flex-direction:column;gap:15px}.cta-button{width:80%;max-width:300px;padding:12px 25px;font-size:1rem}}@media (max-width: 480px){.hero-section{height:70vh}.hero-headline{font-size:2rem}.hero-subheadline{font-size:1rem}.cta-button{width:90%;padding:10px 20px;font-size:.95rem}}*{margin:0;padding:0;box-sizing:border-box}.free-courses-resources-section{background-color:var(--background-color);padding:60px 20px;font-family:Inter,sans-serif}.free-courses-resources-container{max-width:1200px;margin:0 auto;text-align:center}.free-courses-resources-heading{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:20px}.free-courses-resources-intro{font-size:1.1rem;font-weight:400;color:var(--text-color);max-width:800px;margin:0 auto 40px;line-height:1.7}.free-resources-main-cta-wrapper{margin-top:40px}.free-resources-main-cta{display:inline-block;padding:14px 24px;font-size:1rem;font-weight:600;color:#fff;background-color:var(--cta-color);text-decoration:none;border-radius:8px;transition:background-color .3s ease}.free-resources-main-cta:hover{background-color:#e55656}@media (max-width: 768px){.free-courses-resources-heading{font-size:2rem}.free-courses-resources-intro{font-size:1rem;padding:0 10px}.free-resources-main-cta{width:100%;max-width:300px}}:root{--primary-color: #2A5C8A;--secondary-color: #3B8B6C;--background-color: #F7FAFC;--text-color: #2D3748;--accent-color: #FF6B6B;--cta-color: #FF6B6B;--card-bg: #ffffff}body{font-family:Inter,sans-serif}.freecoursecard{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:40px 20px;background-color:var(--background-color)}.freecoursecard-item{display:flex;flex-direction:column;width:350px;background-color:var(--card-bg);border-radius:12px;text-decoration:none;box-shadow:0 6px 16px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;color:var(--text-color)}.freecoursecard-item:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0000001f}.freecourseimage img{width:100%;height:180px;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.freecoursetitle{padding:16px 20px 8px}.freecoursetitle h3{font-size:1.6rem;font-weight:700;color:var(--primary-color);margin:0}.freecoursedescription{padding:0 20px 20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.freecoursedescription p{font-size:1.05rem;color:var(--text-color);line-height:1.6;margin:0}.freecoursedescription button{align-self:flex-start;background-color:var(--cta-color);color:#fff;border:none;padding:10px 18px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.freecoursedescription button:hover{background-color:#e65a5a}@media screen and (max-width: 768px){.freecoursecard{flex-direction:column;align-items:center}.freecoursecard-item{width:90%}}:root{--nile-blue: #2A5C8A;--ethiopian-green: #3B8B6C;--light-gray: #F7FAFC;--charcoal: #2D3748;--coral: #FF6B6B;--pure-white: #FFFFFF;--font-inter: "Inter", sans-serif;--font-roboto-mono: "Roboto Mono", monospace}.bootcamp-premium-section{background-color:var(--pure-white);padding:80px 20px;text-align:center;font-family:var(--font-inter);color:var(--charcoal)}.bootcamp-premium-container{max-width:1200px;margin:0 auto;padding:0 20px}.bootcamp-premium-heading{font-size:2.5rem;font-weight:700;color:var(--nile-blue);margin-bottom:20px}.bootcamp-premium-intro{font-size:1.1rem;font-weight:400;color:var(--charcoal);max-width:800px;margin:0 auto 60px;line-height:1.6}.bootcamp-highlight{background-color:var(--light-gray);padding:40px;border-radius:10px;box-shadow:0 8px 25px #0000001a;margin-bottom:60px;text-align:left;border-top:5px solid var(--coral)}.bootcamp-highlight-title{font-size:2rem;font-weight:600;color:var(--coral);margin-bottom:20px}.bootcamp-highlight-description{font-size:1.1rem;font-weight:400;color:var(--charcoal);line-height:1.6;margin-bottom:25px}.bootcamp-features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 20px}.bootcamp-features-list li{font-size:1rem;font-weight:400;color:var(--charcoal);line-height:1.5;display:flex;align-items:flex-start}.feature-checkmark{color:var(--ethiopian-green);font-size:1.2rem;margin-right:10px;line-height:1}.premium-benefits-wrapper{background-color:var(--pure-white);padding:40px;border-radius:8px;margin:0 auto;max-width:900px;box-shadow:0 4px 15px #0000000d}.premium-benefits-heading{font-size:1.8rem;font-weight:600;color:var(--nile-blue);margin-bottom:30px}.premium-benefits-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px 30px;text-align:left}.premium-benefit-item{font-size:1.1rem;font-weight:500;color:var(--charcoal);line-height:1.5;display:flex;align-items:flex-start}.premium-benefit-checkmark{color:var(--ethiopian-green);font-size:1.3rem;margin-right:10px;line-height:1}.bootcamp-main-cta-wrapper{margin-top:60px;text-align:center}.bootcamp-main-cta{display:inline-block;background-color:var(--coral);color:#fff;font-size:1rem;font-weight:600;padding:15px 35px;border-radius:5px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.bootcamp-main-cta:hover{background-color:#e65a5a;transform:translateY(-2px)}@media (max-width: 992px){.bootcamp-features-list{grid-template-columns:1fr}}@media (max-width: 768px){.bootcamp-premium-section{padding:60px 15px}.bootcamp-premium-heading{font-size:2rem}.bootcamp-premium-intro{font-size:1rem;margin-bottom:30px}.bootcamp-highlight{padding:30px;margin-bottom:40px}.bootcamp-highlight-title{font-size:1.8rem}.bootcamp-highlight-description{font-size:1rem}.premium-benefits-wrapper{padding:30px}.premium-benefits-heading{font-size:1.6rem;margin-bottom:20px}.premium-benefits-list{grid-template-columns:1fr;gap:15px}.premium-main-cta-wrapper{margin-top:40px}}@media (max-width: 480px){.bootcamp-premium-section{padding:40px 10px}.bootcamp-premium-heading{font-size:1.8rem}.bootcamp-premium-intro{font-size:.95rem}.bootcamp-highlight{padding:25px}.bootcamp-highlight-title{font-size:1.5rem}.bootcamp-highlight-description{font-size:.95rem}.bootcamp-main-cta{padding:12px 25px;font-size:.95rem}}:root{--primary-color: #2A5C8A;--secondary-color: #3B8B6C;--accent-color: #FF6B6B;--text-color: #2D3748;--background-color: #F7FAFC;--font-main: "Inter", sans-serif}body{font-family:var(--font-main);background-color:var(--background-color);margin:0;padding:0}.courseListPage{margin-top:80px;padding:2rem;background-color:var(--background-color)}.upper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.title h1{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.searchBar{display:flex;align-items:center;background-color:#fff;border:2px solid #2A5C8A;border-radius:8px;padding:.5rem 1rem;gap:.5rem;font-family:Inter,sans-serif;width:100%;max-width:500px;margin:1rem auto;box-shadow:0 2px 4px #0000000d}.searchBar img{width:20px;height:20px}.searchBar input{flex:1;border:none;outline:none;font-size:1rem;color:#2d3748;font-family:inherit;padding:.4rem;background-color:transparent}.searchBar input::placeholder{color:#a0aec0}.searchBar span{background-color:#ff6b6b;color:#fff;font-weight:600;font-size:.9rem;padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.searchBar span:hover{background-color:#e75a5a}@media (max-width: 480px){.searchBar{flex-direction:column;align-items:stretch;gap:.75rem}.searchBar span{text-align:center}}.courseGrid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width: 640px){.courseGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.courseGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.courseGrid{grid-template-columns:repeat(4,1fr)}}.courseCard{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;padding:1rem;text-decoration:none;color:inherit;transition:transform .2s ease-in-out;display:flex;flex-direction:column}.courseCard:hover{transform:translateY(-5px)}.courseImage img{width:100%;height:180px;object-fit:cover;border-radius:8px}.courseTitle h3{font-size:1.3rem;font-weight:600;margin:1rem 0 .5rem;color:var(--primary-color)}.courseDescription p{font-size:1rem;color:var(--text-color);line-height:1.6;margin-bottom:1rem}.courseDescription button{padding:.6rem 1.2rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.courseDescription button:hover{background-color:#e55353}.courseDetailPage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:2rem;display:flex;flex-direction:row;gap:2rem;color:#2d3748}.courseDetailBody{display:flex;justify-content:center;gap:50px}.lecturesSection{flex:2;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 0 10px #2a5c8a1a}.lecturesSection h1{text-align:left;font-size:26px}.courseOverview{flex:1;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 0 10px #2a5c8a1a;display:flex;flex-direction:column;align-items:center}.courseThumbnail{width:100%;height:auto;border-radius:10px;margin-bottom:1rem}.courseOverview .courseMeta p{margin-bottom:1rem}h1{font-size:2.5rem;color:#2a5c8a;font-weight:700;margin-bottom:1rem;cursor:pointer}.lectureItem{border-top:1px solid #ccc;padding:1rem 0}.lectureItem h4{font-size:1.2rem;color:#3b8b6c;font-weight:600;cursor:pointer;margin-bottom:.5rem}.lectureItem p{font-size:1rem;color:#2d3748;margin-bottom:.5rem}.lectureLinks{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.lectureLinks a{color:#ff6b6b;font-weight:500;text-decoration:none;transition:.3s}.lectureLinks a:hover{text-decoration:underline}.loading{font-size:1.5rem;text-align:center;padding:2rem;color:#2a5c8a}.videoPlayerContainer{background-color:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;max-width:960px;margin:0 auto}.videoTitle{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:16px;text-align:center}.videoWrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;background-color:#000}.videoElement{position:absolute;top:0;left:0;width:100%;height:100%}.videoDescription{margin-top:16px;font-size:16px;color:#555;line-height:1.6;text-align:center}.studentDashboard{font-family:Inter,sans-serif;background-color:#f7fafc;padding:1rem;min-height:calc(100vh - 140px);box-sizing:border-box}.studentDashboard h1{font-size:1.8rem;color:#2a5c8a;font-weight:700;margin-bottom:1.5rem;text-align:center}.studentDashboard .studentDashboardTitle{text-align:center;margin-top:120px}.premuimCourses,.freeCourses{margin-bottom:2rem}.studentDashboard .horzontal{background-color:green;height:5px}@media (min-width: 768px){.studentDashboard{padding:2rem}.studentDashboard h1{font-size:2.2rem;text-align:left}}@media (min-width: 1024px){.studentDashboard{padding:2rem 3rem}.studentDashboard h1{font-size:2.5rem}}.premuimCourseCard{font-family:Inter,sans-serif;background-color:#f7fafc;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014}.premuimCourseCard h1{margin-bottom:2rem;text-align:left;font-size:2.5rem;font-weight:700;color:#2a5c8a}.allPhases{display:flex;flex-direction:column;gap:2rem}.eachPhase{border:1px solid #E2E8F0;border-radius:10px;padding:0rem 1.2rem;background-color:#fff}.eachPhase h2{font-weight:700;color:#2a5c8a;margin-bottom:1rem}.courseCard{margin-bottom:1rem;border:1px solid #CBD5E0;border-radius:8px;overflow:hidden;background-color:#fafafa}.courseHeader{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem;background-color:#edf2f7;transition:background-color .3s ease;border-radius:8px}.courseHeader:hover{background-color:#e2e8f0}.courseInfo{flex-grow:1;margin-left:1rem}.courseInfo h3{margin:0;font-size:1.3rem;font-weight:600;color:#2d3748}.courseInfo p{margin:.2rem 0 0;font-size:.95rem;color:#4a5568}.toggleIcon{width:20px;transition:transform .3s ease}.toggleIcon.rotated{transform:rotate(180deg)}.lectureList{padding:.8rem 1rem;background-color:#f7fafc}.eachLecture{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border-bottom:1px solid #E2E8F0}.eachLecture:last-child{border-bottom:none}.eachLecture img{width:18px}.eachLecture span{font-size:1rem;font-weight:500;color:#2d3748}.eachLecture a{font-size:.95rem;font-weight:500;color:#2a5c8a;text-decoration:underline;margin-left:auto;transition:color .3s ease}.eachLecture a:hover{color:#ff6b6b}@media (max-width: 768px){.premuimCourseCard{padding:1rem}.courseInfo h3{font-size:1.1rem}.courseInfo p{font-size:.85rem}.eachLecture span{font-size:.9rem}}.assignmentListPage{font-family:Inter,sans-serif;padding:1rem;background-color:#f7fafc;min-height:calc(100vh - 140px);box-sizing:border-box;margin-top:100px}.pageTitle{font-size:1.8rem;font-weight:700;color:#2a5c8a;margin-bottom:1.5rem;text-align:center}.noAssignments{text-align:center;font-size:1.1rem;color:#3b8b6c;margin-top:2rem}.assignmentGrid{display:grid;grid-template-columns:1fr;gap:1.5rem}.assignmentCard{background-color:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:1rem;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease}.assignmentCard:hover{transform:translateY(-3px)}.assignmentCard h3{font-size:1.2rem;color:#2a5c8a;margin-bottom:.5rem}.assignmentCard p{margin:.3rem 0;color:#2d3748;font-size:.95rem}.assignmentCard .status{font-weight:600;margin-top:.5rem}.assignmentCard.pending .status{color:#ff6b6b}.assignmentCard.submitted .status{color:#3b8b6c}.assignmentCard.overdue .status{color:#d32f2f}.actions{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap}.actions a{text-decoration:none;background-color:#2a5c8a;color:#fff;padding:.4rem .8rem;border-radius:6px;font-weight:500;font-size:.9rem;transition:background-color .3s ease}.actions a:hover{background-color:#244d72}.actions .submitBtn{background-color:#ff6b6b}.actions .submitBtn:hover{background-color:#e05757}@media (min-width: 640px){.assignmentGrid{grid-template-columns:repeat(2,1fr)}.pageTitle{font-size:2rem}}@media (min-width: 1024px){.assignmentGrid{grid-template-columns:repeat(3,1fr)}.assignmentListPage{padding:2rem 3rem}.pageTitle{font-size:2.4rem}}.assignmentDetailPage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:1rem;min-height:calc(100vh - 140px);box-sizing:border-box;margin-top:100px}.assignmentTitle{font-size:1.8rem;font-weight:700;color:#2a5c8a;margin-bottom:1rem;text-align:center}.assignmentMeta p{font-size:1rem;color:#2d3748;margin:.3rem 0;text-align:center}.status{font-weight:600}.status.pending{color:#ff6b6b}.status.submitted{color:#3b8b6c}.status.overdue{color:#d32f2f}.assignmentDescription,.assignmentResources{background-color:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:1rem;margin-top:1.5rem;box-shadow:0 2px 6px #0000000a}.assignmentDescription h3,.assignmentResources h3{font-size:1.2rem;color:#2a5c8a;margin-bottom:.5rem}.assignmentDescription p{color:#2d3748;font-size:1rem;line-height:1.6}.assignmentResources ul{padding-left:1.2rem;margin:0}.assignmentResources li{margin:.4rem 0}.assignmentResources a{color:#2a5c8a;text-decoration:none;font-weight:500}.assignmentResources a:hover{text-decoration:underline}.submitButton{display:block;margin:2rem auto 1rem;text-align:center;background-color:#ff6b6b;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;font-weight:600;font-size:1rem;text-decoration:none;transition:background-color .3s ease}.backLink{text-align:center;margin-top:1.5rem}.backLink a{color:#2a5c8a;font-weight:500;text-decoration:none}@media (min-width: 640px){.assignmentTitle{font-size:2.2rem}.assignmentMeta p{font-size:1.1rem}.assignmentDescription,.assignmentResources{padding:1.5rem}.submitButton{font-size:1.1rem}}@media (min-width: 1024px){.assignmentDetailPage{padding:2rem 4rem}.assignmentTitle{font-size:2.5rem}}.submitAssignmentPage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:1rem;min-height:calc(100vh - 140px);box-sizing:border-box;margin-top:100px}.submitAssignmentPage h1{text-align:center;color:#2a5c8a;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.assignmentInfoBox{background-color:#fff;border:1px solid #E2E8F0;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:2rem}.assignmentInfoBox p{margin:.5rem 0;color:#2d3748;font-size:.95rem}.assignmentInfoBox .status.pending{color:#ff6b6b;font-weight:600}.submitForm{display:flex;flex-direction:column;gap:1rem}.submitForm label{font-weight:600;color:#2a5c8a}.submitForm input[type=file]{padding:.5rem;border:1px solid #CBD5E0;border-radius:6px;background-color:#fff;font-size:.9rem}.submitForm textarea{resize:vertical;padding:.8rem;font-size:.95rem;border-radius:6px;border:1px solid #CBD5E0;font-family:Inter,sans-serif}.submitButton{background-color:#ff6b6b;color:#fff;padding:.7rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.submitButton:hover{background-color:#e65a5a}.backLink{margin-top:2rem;text-align:center}.backLink a{text-decoration:none;color:#2a5c8a;font-weight:500}.backLink a:hover{text-decoration:underline}@media (min-width: 640px){.submitAssignmentPage h1{font-size:2.2rem}.submitAssignmentPage{padding:2rem}}@media (min-width: 1024px){.submitAssignmentPage{padding:2rem 4rem}.submitForm{max-width:600px;margin:0 auto}}.adminDashboard{font-family:Inter,sans-serif;padding:1rem;background-color:#f7fafc;min-height:calc(100vh - 140px);box-sizing:border-box;color:#2d3748;margin-top:80px}.dashboardTitle{font-size:1.8rem;font-weight:700;color:#2a5c8a;margin-bottom:1.5rem;text-align:center}.summaryCards{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s ease;cursor:default}.card:hover{transform:translateY(-4px)}.card .icon{font-size:2.5rem;margin-bottom:.5rem}.card h3{font-size:2rem;color:#3b8b6c;margin-bottom:.3rem}.card p{font-weight:600;font-size:1rem;color:#2d3748}.recentActivity{background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:2rem}.recentActivity h2{color:#2a5c8a;font-weight:700;margin-bottom:1rem;font-size:1.3rem}.recentActivity ul{list-style:none;padding-left:0;margin:0}.recentActivity li{padding:.5rem 0;border-bottom:1px solid #E2E8F0;font-size:1rem;color:#2d3748}.recentActivity li:last-child{border-bottom:none}.quickActions{text-align:center;margin-top:2rem}.actionBtn{background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;margin:.3rem .6rem;cursor:pointer;transition:background-color .3s ease}.actionBtn:hover{background-color:#e65a5a}.actionBtn.addStudent{background-color:#3b8b6c}.actionBtn.addStudent:hover{background-color:#327a5a}.actionBtn.addCourse{background-color:#2a5c8a}.actionBtn.addCourse:hover{background-color:#244a6d}.actionBtn.createAssignment{background-color:#ff9800}.actionBtn.createAssignment:hover{background-color:#e68a00}@media (min-width: 640px){.dashboardTitle{font-size:2.2rem}.summaryCards{grid-template-columns:repeat(2,1fr);gap:1.5rem}.recentActivity{padding:2rem}}@media (min-width: 1024px){.adminDashboard{padding:2rem 4rem}.summaryCards{grid-template-columns:repeat(4,1fr)}.actionBtn{font-size:1.1rem;padding:.9rem 2rem}}.addStudentPage{font-family:Inter,sans-serif;padding:1.5rem;background-color:#f7fafc;color:#2d3748;min-height:calc(100vh - 140px);margin-top:80px}.addStudentPage h1{font-size:2rem;font-weight:700;color:#2a5c8a;margin-bottom:1.5rem;text-align:center}.studentForm{max-width:600px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;gap:1rem}.studentForm label{display:flex;flex-direction:column;font-weight:500}.studentForm input,.studentForm select{margin-top:.5rem;padding:.75rem;border:1px solid #CBD5E0;border-radius:6px;font-size:1rem;outline:none}.studentForm input:focus,.studentForm select:focus{border-color:#3b8b6c}.studentForm span{color:#ff6b6b;margin-left:4px}.formButtons{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.submitBtn{background-color:#3b8b6c;color:#fff;border:none;padding:.8rem;font-weight:600;border-radius:6px;cursor:pointer;font-size:1rem}.cancelBtn{background-color:#ff6b6b;color:#fff;border:none;padding:.8rem;font-weight:600;border-radius:6px;cursor:pointer;font-size:1rem}.submitBtn:hover{background-color:#327a5a}@media (min-width: 600px){.formButtons{flex-direction:row;justify-content:flex-end}.submitBtn,.cancelBtn{width:200px}}.studentListPage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:1.5rem;min-height:100vh;color:#2d3748;margin-top:80px}.studentListTitle{font-size:1.8rem;font-weight:700;color:#2a5c8a;text-align:center;margin-bottom:2rem}.studentListActions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:center}.studentListActions input{padding:.75rem;width:100%;max-width:300px;border:1px solid #CBD5E0;border-radius:6px;font-size:1rem}.addStudentBtn{background-color:#3b8b6c;color:#fff;padding:.6rem 1.2rem;font-weight:600;border:none;border-radius:6px;text-decoration:none;text-align:center}.addStudentBtn:hover{background-color:#327a5a}.studentTableContainer{overflow-x:auto}.studentTable{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000d}.studentTable th,.studentTable td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid #E2E8F0}.studentTable th{background-color:#2a5c8a;color:#fff;font-weight:600}.status{padding:.25rem .6rem;border-radius:4px;font-weight:600;font-size:.9rem}.actionBtn:hover{opacity:.9}.noResults{text-align:center;padding:1rem;font-weight:500}@media (min-width: 768px){.studentListActions{flex-direction:row;justify-content:space-between;max-width:900px;margin:0 auto 1.5rem}}.editStudentPage{font-family:Inter,sans-serif;padding:1.5rem;background-color:#f7fafc;color:#2d3748;min-height:calc(100vh - 140px);margin-top:80px}.editStudentPage h1{font-size:2rem;font-weight:700;color:#2a5c8a;text-align:center;margin-bottom:2rem}.editStudentForm{max-width:600px;margin:auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;gap:1.25rem}.editStudentForm label{display:flex;flex-direction:column;font-weight:500}.editStudentForm input,.editStudentForm select{padding:.75rem;border:1px solid #CBD5E0;border-radius:6px;font-size:1rem;margin-top:.5rem}.editStudentForm input:focus,.editStudentForm select:focus{border-color:#3b8b6c;outline:none}.editButtons{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.saveBtn{background-color:#3b8b6c;color:#fff;padding:.8rem;border:none;font-weight:600;border-radius:6px;cursor:pointer;font-size:1rem}.cancelBtn{background-color:#ff6b6b;color:#fff;padding:.8rem;border:none;font-weight:600;border-radius:6px;cursor:pointer;font-size:1rem}.saveBtn:hover{background-color:#327a5a}.cancelBtn:hover{background-color:#e65a5a}.error{color:#c53030;font-weight:500}.success{color:#38a169;font-weight:500}@media (min-width: 600px){.editButtons{flex-direction:row;justify-content:flex-end}.saveBtn,.cancelBtn{width:180px}}.studentDetailPage{font-family:Inter,sans-serif;background-color:#f7fafc;min-height:100vh;padding:1.5rem;color:#2d3748;margin-top:80px}.backBtn{background-color:transparent;color:#2a5c8a;border:none;font-size:1rem;margin-bottom:1rem;cursor:pointer;text-decoration:underline}.studentDetailTitle{font-size:1.8rem;color:#2a5c8a;font-weight:700;margin-bottom:2rem;text-align:center}.studentInfoCard{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000000d;max-width:600px;margin:0 auto}.studentInfoCard h2{font-size:1.5rem;margin-bottom:1rem;color:#2a5c8a}.studentInfoCard p{font-size:1rem;margin-bottom:.75rem}.status{padding:.25rem .5rem;margin-left:.5rem;border-radius:4px;font-weight:600;font-size:.9rem}.studentActions{margin-top:2rem;text-align:center}.editBtn{background-color:#3b8b6c;color:#fff;border:none;padding:.8rem 1.5rem;font-weight:600;font-size:1rem;border-radius:6px;cursor:pointer}.editBtn:hover{background-color:#327a5a}.error{color:#c53030;font-weight:500;text-align:center}.addCoursePage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:2rem;color:#2d3748;margin-top:50px}.addCoursePage h1{font-size:2.5rem;font-weight:700;color:#2a5c8a;margin-bottom:1.5rem}.addCourseForm{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.addCourseForm label{display:block;margin:1rem 0 .5rem;font-weight:600}.addCourseForm select,.addCourseForm input,.addCourseForm textarea{width:100%;padding:.75rem;border:1px solid #CBD5E0;border-radius:8px;margin-bottom:1rem;font-size:1rem}.addCourseForm input:focus,.addCourseForm textarea:focus,.addCourseForm select:focus{outline:none;border-color:#3b8b6c}.courseCard{background-color:#fff;border:1px solid #E2E8F0;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.courseCard h3{font-size:2rem;font-weight:600;color:#3b8b6c}.lectureCard{background-color:#f7fafc;border:1px solid #E2E8F0;padding:.75rem;border-radius:6px;margin:.75rem 0}button{background-color:#ff6b6b;color:#fff;font-weight:600;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;margin-right:.5rem;transition:background-color .3s ease}button:hover{background-color:#e65c5c}button[type=button]{background-color:#3b8b6c}button[type=button]:hover{background-color:#327a5b}button[type=submit]{background-color:#ff6b6b;margin-top:1rem}textarea{min-height:80px}.courseListPage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:1.5rem;color:#2d3748;min-height:100vh;margin-top:80px}.courseListTitle{font-size:1.8rem;font-weight:700;color:#2a5c8a;text-align:center;margin-bottom:2rem}.courseListActions{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:1.5rem}.courseListActions input{padding:.75rem;width:100%;max-width:300px;border:1px solid #CBD5E0;border-radius:6px;font-size:1rem}.addCourseBtn{background-color:#3b8b6c;color:#fff;padding:.6rem 1.2rem;font-weight:600;border-radius:6px;text-decoration:none}.addCourseBtn:hover{background-color:#327a5a}.courseTableContainer{overflow-x:auto}.courseTable{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.courseTable th,.courseTable td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid #E2E8F0}.courseTable th{background-color:#2a5c8a;color:#fff;font-weight:600}.status{padding:.25rem .6rem;border-radius:4px;font-weight:600;font-size:.85rem}.status.active{background-color:#3b8b6c;color:#fff}.status.inactive{background-color:#ff6b6b;color:#fff}.actionBtn{margin-right:.4rem;padding:.4rem .8rem;border-radius:5px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-block}.actionBtn.view{background-color:#2a5c8a;color:#fff}.actionBtn.edit{background-color:#d4af37;color:#fff}.actionBtn.delete{background-color:#ff6b6b;color:#fff}.noResults{text-align:center;padding:1rem;font-weight:500;color:#2d3748}@media (min-width: 768px){.courseListActions{flex-direction:row;justify-content:space-between;max-width:900px;margin:0 auto 2rem}}.editCoursePage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:1rem 1rem 3rem;color:#2d3748;max-width:900px;margin:80px auto 0;min-height:100vh}h1{text-align:center;color:#2a5c8a;font-weight:700;margin-bottom:2rem;font-size:2rem}.editCourseForm label{display:block;margin-bottom:.5rem;font-weight:600;font-size:1rem;color:#3b8b6c}.editCourseForm select,.editCourseForm input[type=text],.editCourseForm textarea,.editCourseForm input[type=file]{width:100%;padding:.6rem .8rem;margin-bottom:1rem;border-radius:6px;border:1.5px solid #CBD5E0;font-size:1rem;box-sizing:border-box;font-family:Inter,sans-serif;resize:vertical}.editCourseForm select:focus,.editCourseForm input[type=text]:focus,.editCourseForm textarea:focus,.editCourseForm input[type=file]:focus{outline:none;border-color:#3b8b6c;box-shadow:0 0 5px #3b8b6c}.coursesContainer{margin-top:1.5rem}.courseCard{background:#fff;padding:1rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 10px #00000012}.courseHeader{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.courseHeader input[type=text]{flex-grow:1}.removeCourseBtn{background-color:#ff6b6b;border:none;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;border-radius:50%;width:32px;height:32px;font-weight:700;transition:background-color .3s ease}.removeCourseBtn:hover{background-color:#e04e4e}.lecturesContainer h3{margin-bottom:.8rem;color:#2a5c8a;font-weight:700}.lectureCard{display:flex;flex-direction:column;gap:.6rem;padding:.7rem;background:#e6f1f8;border-radius:8px;margin-bottom:1rem;position:relative}.lectureCard input[type=text],.lectureCard textarea,.lectureCard input[type=file]{padding:.5rem;border-radius:6px;border:1.5px solid #CBD5E0;font-size:1rem;font-family:Inter,sans-serif}.lectureCard label{font-weight:500;color:#3b8b6c;font-size:.9rem}.lectureCard input[type=file]{margin-top:.3rem}.fileName{margin-left:.5rem;font-style:italic;font-size:.85rem;color:#2d3748}.removeLectureBtn{position:absolute;top:8px;right:8px;background-color:#ff6b6b;border:none;color:#fff;border-radius:50%;width:28px;height:28px;font-weight:700;font-size:1.2rem;cursor:pointer;line-height:1;transition:background-color .3s ease}.removeLectureBtn:hover{background-color:#e04e4e}.addLectureBtn,.addCourseBtn{background-color:#3b8b6c;color:#fff;font-weight:600;padding:.7rem 1rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem;margin-top:.6rem;transition:background-color .3s ease}.addLectureBtn:hover,.addCourseBtn:hover{background-color:#327a5a}.submitBtn{background-color:#ff6b6b;color:#fff;font-weight:700;font-size:1.2rem;width:100%;padding:1rem;border:none;border-radius:12px;margin-top:2rem;cursor:pointer;transition:background-color .3s ease}.submitBtn:hover{background-color:#e04e4e}@media (min-width: 600px){.courseHeader{gap:1.5rem}.lectureCard{flex-direction:row;align-items:flex-start;gap:1rem}.lectureCard label{margin-bottom:0}.lectureCard input[type=text],.lectureCard textarea,.lectureCard input[type=file]{width:auto;flex-grow:1}.lectureCard textarea{max-width:300px}}@media (min-width: 900px){.editCoursePage{max-width:1100px}}.courseDetailPage{font-family:Inter,sans-serif;background-color:#f7fafc;color:#2d3748;max-width:900px;margin:5rem auto 3rem;padding:1rem;min-height:100vh;display:flex;flex-direction:column}.lectureVideoWrapper{margin-top:10px}.lectureVideo{width:100%;height:400px;border-radius:10px}.courseTitle{border-bottom:3px solid #3B8B6C;padding-bottom:.5rem}.courseDescription{font-size:1.05rem;margin-bottom:1.5rem;color:#4a5568}.lecturesList{margin-top:1.5rem}.lectureCard{border:1px solid #CBD5E0;padding:1rem;border-radius:10px;margin-bottom:1.5rem;background-color:#e6f1f8;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column}.lectureTitle{font-size:1.4rem;font-weight:600;color:#2a5c8a;margin-bottom:.4rem}.lectureDuration{font-size:1rem;font-weight:600;color:#3b8b6c;margin-bottom:.5rem}.lectureVideo{width:100%;max-height:320px;border-radius:8px;background:#000;margin-bottom:.7rem}.lectureDescription{font-size:1rem;color:#4a5568;margin-bottom:.5rem}.noVideo,.noDocument{font-style:italic;color:#ff6b6b;margin-bottom:.5rem}.lectureDocumentLink{display:inline-block;text-decoration:none;font-weight:600;color:#ff6b6b;transition:color .3s ease}.lectureDocumentLink:hover,.lectureDocumentLink:focus{color:#d04f4f;text-decoration:underline}.loading,.error{text-align:center;font-size:1.2rem;color:#2d3748;margin-top:4rem}@media (min-width: 600px){.courseTitle{font-size:2rem}.lectureTitle{font-size:1.5rem}.lectureVideo{max-height:400px}}@media (min-width: 900px){.courseDetailPage{max-width:1100px}}.createAssignmentPage{background-color:#f7fafc;padding:2rem 1rem;font-family:Inter,sans-serif;min-height:100vh;margin-top:80px}.createAssignmentPage h1{color:#2a5c8a;font-size:2rem;margin-bottom:1.5rem;text-align:center}.assignmentForm{background:#fff;padding:2rem 1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000000d;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}.assignmentForm label{font-weight:600;color:#2d3748;margin-bottom:.3rem}.assignmentForm input[type=text],.assignmentForm input[type=date],.assignmentForm select,.assignmentForm textarea,.assignmentForm input[type=file]{padding:.7rem;border:1px solid #cbd5e0;border-radius:8px;font-size:1rem;width:100%}.assignmentForm textarea{resize:vertical;min-height:120px}.assignmentForm button{padding:.9rem;background-color:#3b8b6c;color:#fff;font-weight:600;border:none;border-radius:8px;font-size:1rem;transition:background .3s ease;cursor:pointer}.assignmentForm button:hover{background-color:#337a5e}@media (min-width: 768px){.assignmentForm{padding:2rem 3rem}}.adminAssignmentListPage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:1.5rem;min-height:100vh;margin-top:80px}.adminAssignmentTitle{font-size:1.8rem;color:#2a5c8a;text-align:center;margin-bottom:1.5rem}.adminAssignmentActions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.adminAssignmentActions input{padding:.6rem;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;width:100%}.addAssignmentBtn{background-color:#3b8b6c;color:#fff;padding:.7rem;text-align:center;border-radius:6px;text-decoration:none;font-weight:600;transition:background .3s}.addAssignmentBtn:hover{background-color:#337a5e}.assignmentTableWrapper{overflow-x:auto}.assignmentTable{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.assignmentTable th,.assignmentTable td{padding:.9rem;text-align:left;border-bottom:1px solid #e2e8f0;font-size:.95rem}.assignmentTable th{background-color:#2a5c8a;color:#fff;font-weight:600}.status.published{background-color:#3b8b6c;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.85rem}.status.draft{background-color:#ff6b6b;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.85rem}.actionBtn{margin-right:.4rem;padding:.4rem .7rem;border:none;border-radius:4px;font-size:.85rem;color:#fff;cursor:pointer;text-decoration:none}.view{background-color:#2a5c8a}.edit{background-color:#d4af37;color:#2d3748}.submissions{background-color:#3b8b6c}.delete{background-color:#ff6b6b}@media (min-width: 768px){.adminAssignmentActions{flex-direction:row;justify-content:space-between;align-items:center}.adminAssignmentActions input{width:auto;flex:1;margin-right:1rem}.addAssignmentBtn{width:auto;padding:.7rem 1.5rem}}.editAssignmentPage{max-width:600px;margin:2rem auto;padding:1.5rem;background-color:#f7fafc;border-radius:12px;box-shadow:0 0 10px #0000000d;font-family:Inter,sans-serif;margin-top:80px}.editAssignmentPage h1{text-align:center;color:#2a5c8a;font-size:2rem;margin-bottom:1.5rem}.editAssignmentForm{display:flex;flex-direction:column;gap:1rem}.editAssignmentForm label{font-weight:600;color:#2d3748}.editAssignmentForm input,.editAssignmentForm select,.editAssignmentForm textarea{padding:.65rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#fff;color:#2d3748}.editAssignmentForm textarea{resize:vertical}.updateBtn{padding:.75rem;background-color:#3b8b6c;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s ease}.updateBtn:hover{background-color:#327059}@media (max-width: 600px){.editAssignmentPage{padding:1rem}.editAssignmentPage h1{font-size:1.6rem}.updateBtn{font-size:.95rem}}.adminAssignmentDetailPage{font-family:Inter,sans-serif;background-color:#f7fafc;padding:1.5rem;min-height:100vh;max-width:900px;margin:80px auto 0;color:#2d3748}.assignmentHeader{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:3px solid #2a5c8a;padding-bottom:.5rem;margin-bottom:1rem}.assignmentHeader h1{font-weight:700;font-size:2rem;color:#2a5c8a;margin:0}.status{font-weight:600;padding:.3rem .7rem;border-radius:6px;font-size:.9rem;color:#fff;-webkit-user-select:none;user-select:none}.status.published{background-color:#3b8b6c}.status.draft{background-color:#ff6b6b}.assignmentMeta{display:flex;flex-wrap:wrap;gap:1.5rem;font-weight:500;margin-bottom:1.5rem;color:#3b8b6c}.assignmentMeta p{margin:0;font-size:1rem}.assignmentDescription h2,.lecturesSection h2{color:#2a5c8a;font-weight:700;margin-bottom:.5rem}.assignmentDescription p{line-height:1.5;font-size:1rem;color:#2d3748;margin-bottom:1.5rem}.lecturesSection{margin-bottom:2rem}.lectureCard{background-color:#fff;border-radius:8px;padding:1rem 1.2rem;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;border-left:5px solid #3b8b6c}.lectureCard h3{margin:0 0 .3rem;color:#2a5c8a;font-weight:600}.lectureCard p{margin:.2rem 0;font-size:.95rem;color:#2d3748}.mediaLinks{margin-top:.5rem}.mediaBtn{background-color:#ff6b6b;color:#fff;padding:.4rem .8rem;border-radius:5px;font-weight:600;text-decoration:none;margin-right:.8rem;font-size:.9rem;transition:background-color .3s ease}.mediaBtn:hover{background-color:#d94e4e}.buttonsRow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:2rem}.backBtn,.editBtn{padding:.7rem 1.3rem;border-radius:6px;font-weight:600;text-decoration:none;text-align:center;flex:1 1 45%;color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .3s ease}.backBtn{background-color:#3b8b6c}.backBtn:hover{background-color:#337a5e}.editBtn{background-color:#d4af37;color:#2d3748}.editBtn:hover{background-color:#b18c28}@media (max-width: 600px){.assignmentHeader{flex-direction:column;align-items:flex-start}.buttonsRow{flex-direction:column}.backBtn,.editBtn{flex:1 1 100%}}.submissionViewPage{padding:1rem;background-color:#f7fafc;font-family:Inter,sans-serif;color:#2d3748;margin-top:80px}.submissionViewPage h1{font-size:2rem;color:#2a5c8a;margin-bottom:1rem;text-align:center}.submissionSearchBar{display:flex;justify-content:center;margin-bottom:1rem}.submissionSearchBar input{padding:.5rem 1rem;border:1px solid #ccc;border-radius:8px;width:100%;max-width:400px}.submissionTableWrapper{overflow-x:auto}.submissionTable{width:100%;border-collapse:collapse;background-color:#fff;border-radius:12px;overflow:hidden}.submissionTable th,.submissionTable td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.submissionTable th{background-color:#2a5c8a;color:#fff;font-weight:600}.status{padding:.3rem .6rem;border-radius:20px;font-size:.85rem;text-align:center;display:inline-block}.status{background-color:#cbd5e0;color:#2d3748}.viewBtn{background-color:#2a5c8a;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.viewBtn:hover{background-color:#234f75}@media (min-width: 768px){.submissionViewPage h1{font-size:2.5rem}}.submissionDetailPage{padding:1.5rem;background-color:#f7fafc;font-family:Inter,sans-serif;color:#2d3748;margin-top:80px}.submissionDetailPage h1{font-size:2rem;color:#2a5c8a;margin-bottom:1.5rem}.submissionInfoBox{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 0 10px #0000000d;margin-bottom:1.5rem}.submissionInfoBox p{margin-bottom:.5rem;font-size:1rem}.status{padding:.25rem .5rem;border-radius:.25rem;font-weight:600}.status.submitted{background-color:#3b8b6c;color:#fff}.status.late{background-color:#ff6b6b;color:#fff}.status[status="not submitted"]{background-color:#cbd5e0;color:#2d3748}.submissionContent{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 0 10px #0000000d;margin-bottom:1.5rem}.submissionContent h3{color:#2a5c8a;margin-top:1rem;font-size:1.2rem}.submissionContent p{margin-top:.5rem;font-size:1rem}.downloadBtn{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background-color:#2a5c8a;color:#fff;border-radius:5px;text-decoration:none;transition:.3s ease}.downloadBtn:hover{background-color:#1a365d}.backBtn{margin-top:2rem;padding:.6rem 1.2rem;background-color:#3b8b6c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:600}.backBtn:hover{background-color:#2f6c55}@media (max-width: 600px){.submissionDetailPage{padding:1rem}.submissionInfoBox,.submissionContent{padding:.75rem}.submissionDetailPage h1{font-size:1.5rem}}:root{--primary-color: #1A365D;--secondary-color: #D4AF37;--background-color: #FFFFFF;--text-color: #2D3748;--accent-color: #48BB78;--cta-button-color: #D4AF37;--font-family: "Poppins", sans-serif}.create-portfolio{max-width:700px;margin:6rem auto 3rem;padding:2rem;background-color:var(--background-color);border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 4px 20px #0000000f}.create-portfolio h2{font-size:2.5rem;font-weight:600;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.message{font-size:1rem;color:var(--accent-color);margin-bottom:1rem;text-align:center}form{display:flex;flex-direction:column;gap:1rem}input[type=text],textarea,select{font-family:var(--font-family);font-size:1rem;padding:.75rem 1rem;border:1px solid #CBD5E0;border-radius:8px;outline:none;transition:border-color .3s ease}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--primary-color)}textarea{resize:vertical;min-height:100px}select{background-color:#fff}.tech-stack{display:flex;flex-direction:column;gap:.5rem}.tech-stack>label{font-weight:500;color:var(--primary-color);margin-bottom:.3rem}.checkbox{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-color)}button[type=submit]{background-color:var(--cta-button-color);color:#fff;padding:.75rem 1rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button[type=submit]:hover{background-color:var(--accent-color);transform:translateY(-2px)}.portfolio-container{padding:1rem;max-width:1200px;margin:0 auto;margin-top:8rem}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.portfolio-heading{font-size:1.8rem;font-weight:700;color:#222}.add-project-btn{background-color:#04c;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:.5rem}.add-project-btn:hover{background-color:#03a}.portfolio-list{display:flex;flex-direction:column;gap:1.5rem}.portfolio-card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background-color:#fff;transition:box-shadow .3s ease;position:relative}.portfolio-card:hover{box-shadow:0 4px 16px #00000026}.image-wrapper{position:relative}.portfolio-image{width:100%;height:auto;display:block}.see-live-btn{position:absolute;bottom:10px;right:10px;background-color:#1e90ff;color:#fff;padding:.5rem 1rem;border:none;border-radius:20px;font-size:.9rem;opacity:0;transition:opacity .3s ease;cursor:pointer}.portfolio-card:hover .see-live-btn{opacity:1}.portfolio-content{padding:1rem}.portfolio-title{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.5rem}.portfolio-description{font-size:.95rem;color:#666;margin-bottom:.8rem}.portfolio-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.tech-icon{background-color:#f0f0f0;padding:.3rem .6rem;border-radius:5px;font-size:1rem}.portfolio-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.delete-btn{background-color:#e63946;color:#fff}.delete-btn:hover{background-color:#c62828}.no-projects{font-size:1rem;color:#777}@media (min-width: 600px){.portfolio-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1024px){.portfolio-list{grid-template-columns:repeat(3,1fr)}.portfolio-heading{font-size:2rem}}