@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f8ff;font-family:Arial,sans-serif;text-align:center}html{overflow-x:hidden}h1{color:#4caf50}nav ul{list-style-type:none;padding:0}nav li{display:inline;margin:10px}nav a{color:#2196f3;text-decoration:none}button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;margin:5px;padding:10px}button:hover{background-color:#45a049}ul{list-style-type:none;padding:0}li{margin:10px 0}a{color:#2196f3;text-decoration:none}a:hover{color:#0d47a1}div{padding:20px;text-align:center}input{margin-right:10px;padding:10px}.page-container{background-color:#f0f8ff;padding:20px}.back-button{background-color:#4caf50;border-radius:20px;color:#fff;display:inline-block;font-size:16px;margin-bottom:20px;padding:10px 20px;text-decoration:none}.back-button:hover{background-color:#388e3c}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{background-color:#f4f4f4;float:left;padding:10px;width:200px}.content{margin-left:220px;padding:20px}@media (max-width:600px){.sidebar{float:none;width:100%}.content{margin-left:0}}.logo{font-size:1.5rem}.greeting,.logo{font-family:Dancing Script,cursive;font-style:italic;font-weight:700}.greeting{font-size:2.4rem}.logo span{font-family:Dancing Script,cursive;font-style:italic}.book-section{border:1px solid #ddd;margin:10px 0;padding:10px}.books-list ul{list-style-type:none;padding:0}.books-list li{margin:10px 0}.books-list a{color:#2196f3;font-size:18px;text-decoration:none}.books-list a:hover{color:#0d47a1}.book-page{background-color:#fff8e1;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:20px;max-width:600px;padding:20px;text-align:left}.book-page h2{color:#4caf50;font-size:24px;margin-bottom:20px;text-align:left}.book-page p{font-size:16px;line-height:1.6;margin-bottom:15px;text-align:left;white-space:pre-line}.book-page .sub-heading{color:#2196f3;font-size:18px;font-weight:700;margin-bottom:10px;margin-top:20px}.book-page img{display:block;margin:20px 0}.navigation{display:flex;justify-content:space-between;margin-top:20px}.navigation button{background-color:#2196f3;border:none;color:#fff;cursor:pointer;padding:10px 20px}.navigation button:disabled{background-color:#ccc}.navigation button:hover:not(:disabled){background-color:#0d47a1}.book-item{align-items:center;display:flex;margin-bottom:20px}.book-cover{border-radius:10px;box-shadow:0 2px 4px #0000001a;height:200px;margin-right:20px;object-fit:cover;width:150px}.splash-container{align-items:center;animation:fadeIn 1.2s ease-in-out;background:linear-gradient(135deg,#d0f3cf,#b8e6b5 50%,#a3dbf1);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;text-align:center}.title{color:#1a362b;font-family:Dancing Script,cursive;font-size:clamp(2.8rem,6vw,4rem);letter-spacing:1px;margin-bottom:.5rem;text-shadow:0 3px 6px #00000026}.tagline{color:#444;font-size:clamp(1rem,3vw,1.25rem);font-weight:500;line-height:1.5;margin-bottom:2rem}.illustration{border-radius:16px;box-shadow:0 8px 20px #0000001a;margin-bottom:2rem;transition:transform .4s ease;width:min(75%,340px)}.illustration:hover{transform:scale(1.05)}.signin-button,.signup-button{align-items:center;background:none;border:none;border-radius:50px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-bottom:12px;max-width:200px;padding:14px 28px;text-decoration:none;transition:all .3s ease;width:100%}.signup-button{background:linear-gradient(135deg,#4caf50,#2e7d32)}.signup-button:hover{background:linear-gradient(135deg,#66bb6a,#43a047);box-shadow:0 6px 14px #4caf504d;transform:translateY(-3px)}.signin-button{background:linear-gradient(135deg,#2196f3,#1565c0)}.signin-button:hover{background:linear-gradient(135deg,#42a5f5,#1e88e5);box-shadow:0 6px 14px #2196f34d;transform:translateY(-3px)}.password-toggle{all:unset;align-items:center;color:#007bff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease-in-out;width:28px}.password-toggle:hover{color:#0056b3}@media (max-width:600px){.title{font-size:clamp(2rem,8vw,3rem)}.tagline{font-size:1rem}.signin-button,.signup-button{font-size:1rem;max-width:180px;padding:12px 20px}.illustration{width:80%}}.auth-container{align-items:center;animation:fadeIn 1s ease-in-out;background:linear-gradient(135deg,#d0f3cf,#a3dbf1);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;box-sizing:border-box;max-width:380px;padding:2rem 1.5rem;text-align:center;transition:transform .3s ease;width:90%}.auth-card:hover{transform:translateY(-5px)}.auth-card h2{color:#1a362b;font-family:Dancing Script,cursive;font-size:1.8rem;margin-bottom:1.5rem}form{display:flex;flex-direction:column;width:100%}input{border:1.5px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;outline:none;padding:12px 14px;transition:all .3s ease;width:100%}input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.auth-card p{color:#2196f3;font-size:.95rem;margin-top:1rem}.auth-card p a{color:#1565c0;font-weight:600;text-decoration:none}.auth-card p a:hover{text-decoration:underline}.message{animation:slideIn .5s ease;border-radius:10px;font-size:.95rem;font-weight:500;margin:1rem auto;max-width:80%;padding:12px 16px;text-align:center}.message.success{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.message.error{background-color:#ffebee;border-left:4px solid #f44336;color:#c62828}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.auth-card{padding:1.5rem;width:100%}.auth-card h2{font-size:1.5rem}.message{max-width:95%}}.home-container{align-items:center;background-color:#f0f8ff;display:flex;flex-direction:column;height:100vh;padding:10px;text-align:center}.logo{color:#4caf50;font-size:20px}.greeting,.logo{margin-bottom:5px}.greeting{color:#2196f3;font-size:22px}.sub-greeting{color:#616161;font-size:16px;margin-bottom:20px}.progress-section{background-color:#e0f7fa;border-radius:10px;box-sizing:border-box;margin-bottom:20px;padding:15px;width:90%}.progress-section h3{color:#616161;font-size:18px;margin-bottom:10px}.target-icon{color:#2196f3;font-size:18px}.progress-item{margin-bottom:10px}.progress-item p{color:#616161;display:flex;font-size:14px;justify-content:space-between}.progress-bar{border-radius:5px;height:3px;margin:2px 0}.progress-bar,.quiz-bar{box-sizing:border-box;width:100%}.quiz-bar{background-color:#2196f3}.cards-section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:90%}.card{border-radius:10px;color:#616161;padding:15px;text-align:center;text-decoration:none}.money-lessons{background-color:#c8e6c9}.fun-quizzes{background-color:#bbdefb}.progress-tracker{background-color:#ffe0b2}.piggy-bank{background-color:#e1bee7}.icon{font-size:40px}.card h4,.icon{margin-bottom:5px}.card h4{font-size:16px}.card p{font-size:12px}.bottom-message{background-color:#ff9800;border-radius:50px;color:#fff;font-size:14px;margin-top:20px;padding:10px 20px}.bottom-icon{margin-right:5px}.coins-bar{background-color:#07eb85;box-sizing:border-box;width:100%}.react-pdf__Page__canvas{display:block!important;height:auto!important;margin:0 auto!important;overflow-x:hidden;overflow-y:scroll}.react-pdf__Page__textContent{color:#000;font-size:12px}.react-pdf__Page__annotations{display:none}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:10px;padding:20px;text-align:center}.modal-content button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px;padding:5px 10px}.modal-content button:hover{background-color:#45a049}.paystack-button{background-color:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:10px;padding:10px 20px}.paystack-button:hover{background-color:#388e3c}.unlocked-link{color:#4caf50;display:inline-block;font-weight:700;margin-top:10px;text-decoration:none}.unlocked-link:hover{color:#2e7d32}.piggy-bank ul{list-style-type:none;padding:0}.piggy-bank li{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:10px 0;padding:10px}.goal-input{display:flex;gap:10px;margin:10px 0}.goal-input input{border:1px solid #ccc;border-radius:5px;padding:8px}.goal-input button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.goal-input button:hover{background-color:#388e3c}@media (max-width:600px){body{padding:10px}.auth-container,.home-container,.splash-container{padding:1rem}.cards-section{grid-template-columns:1fr}.book-page{margin:10px;padding:15px}.navigation{flex-direction:column;gap:10px}.book-item{align-items:flex-start;flex-direction:column}.book-cover{height:auto;margin-bottom:10px;margin-right:0;width:100%}.progress-section{padding:10px;width:100%}.coins-bar,.progress-bar,.quiz-bar{max-width:100%;overflow:hidden}}@media (min-width:601px){.auth-container,.home-container,.splash-container{padding:3rem}.cards-section{grid-template-columns:repeat(3,1fr)}}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:40px;width:100%}.toggle-icon{color:#555;cursor:pointer;position:absolute;right:12px;transition:color .3s}.toggle-icon:hover{color:#000}
/*# sourceMappingURL=main.469615ae.css.map*/