michelndati2005-has/Rwanda-Science-Learning-Hub
Domain:
educationCreator:
mic
Host:
Free science learning resources for students, teachers, and school across Rwanda . It will also facilitate the entire schools in marks management , creating school report cards and monitoring projects which can also enable the parents participation in their student's progress. pare i,s
EduBuild — School Platform
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--navy:#0A1628;--navy2:#122040;--blue:#1756F3;--blue2:#3B82F6;
--teal:#0D9488;--green:#16A34A;--orange:#EA580C;--purple:#7C3AED;
--red:#DC2626;--amber:#D97706;
--bg:#F0F3FA;--surface:#fff;--surface2:#F7F9FF;
--border:#E2E8F4;--border2:#CBD5E1;
--text:#0A1628;--muted:#64748B;--muted2:#94A3B8;
--r:12px;--r2:8px;
--shadow:0 1px 3px rgba(10,22,40,.08),0 4px 16px rgba(10,22,40,.06);
--shadow-lg:0 8px 32px rgba(10,22,40,.14);
}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans','Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
h1,h2{font-family:'DM Serif Display','Georgia',serif}
/* SCREENS — all hidden, JS controls display */
.screen{min-height:100vh}
#loginScreen,#adminScreen,#headteacherScreen,#teacherScreen,#studentScreen,#parentScreen{display:none}
#loginScreen{
background:linear-gradient(135deg,#0A1628 0%,#122040 40%,#1756F3 100%);
display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;
}
#loginScreen::before{
content:'';position:absolute;inset:0;
background:radial-gradient(circle at 70% 30%,rgba(59,130,246,.18) 0%,transparent 60%),
radial-gradient(circle at 20% 80%,rgba(13,148,136,.12) 0%,transparent 50%);
}
/* LOGIN */
.login-box{
background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-radius:20px;
padding:2.5rem 2.25rem;width:100%;max-width:440px;
box-shadow:0 32px 80px rgba(0,0,0,.3);animation:slideUp .5s cubic-bezier(.22,1,.36,1) both;position:relative;
}
.login-logo{text-align:center;margin-bottom:1.75rem}
.login-logo h1{font-size:2rem;color:var(--navy);letter-spacing:-.02em}
.login-logo h1 span{color:var(--blue)}
.login-logo p{font-size:.82rem;color:var(--muted);margin-top:.3rem}
.role-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg);border-radius:10px;padding:4px;gap:3px;margin-bottom:1.5rem;border:1px solid var(--b …