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}#root,.app,body,html{font-family:Arial,sans-serif;margin:0;padding:0}.navbar{background-color:#1976d2;height:60px;padding:8px 20px;position:relative}.main-content{padding-top:70px}.logo{display:block;object-fit:contain;width:auto}.navbar h1{font-size:22px;margin-left:10px}.nav-links{gap:15px}.nav-item{font-size:16px;font-weight:700;padding:8px 10px;transition:background .3s}.nav-item:hover{background-color:#fff3;border-radius:5px}.dropdown-content{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#1976d2;overflow:hidden;top:50px;z-index:1000}.dropdown-content button{background:#fff;display:block;font-size:14px;padding:10px;transition:background .2s;width:150px}.dropdown-content button:hover{background-color:#e3f2fd}.login-button{background-color:#fff;border:none;border-radius:4px;color:#1976d2;cursor:pointer;font-weight:700;margin-left:auto;padding:10px 20px}.hero{padding:40px 20px;text-align:center}.hero img{margin-top:20px;width:100%}.hero img,.login-form{border-radius:12px;max-width:400px}.login-form{background:#f9f9f9;box-shadow:0 2px 8px #0000001a;margin:20px auto;padding:20px}.login-form input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin:10px 0;padding:12px;width:90%}.login-form button{background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;width:95%}.students{padding:40px 20px;text-align:center}.student-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.student-card{background-color:#eee;border-radius:10px;min-width:180px;padding:15px 20px}.chapter-resource-page{margin:auto;max-width:900px;padding:30px}.chapter-resource-page h2{color:#1976d2;font-size:24px;margin-bottom:20px}.tab-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.tab-buttons button{background-color:#f1f1f1;border:2px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;font-weight:600;padding:10px 18px;transition:.3s}.tab-buttons button:hover{background-color:#e3f2fd}.tab-buttons button.active{background-color:#1976d2;color:#fff}.chapter-resource-page section{margin-top:30px}.chapter-resource-page section h3{color:#333;margin-bottom:12px}.chapter-resource-page img{border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:100%}.register-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200l5%207%205-7z%22/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;border-radius:6px;color:#333;font-family:inherit;font-size:16px;margin:10px 0;padding:12px;width:100%}.class-container{padding:100px 30px 30px;text-align:center}.class-container h2{font-size:32px;margin-bottom:10px}.class-container p{color:#444;font-size:18px;margin-bottom:30px}.subject-buttons{flex-wrap:wrap;gap:20px}.subject-buttons,.subject-card{display:flex;justify-content:center}.subject-card{align-items:center;background-color:#fff;border:2px solid #007bff;border-radius:12px;cursor:pointer;flex-direction:column;height:150px;padding:20px;text-align:center;transition:transform .2s ease-in-out;width:150px}.subject-card img{height:60px;margin-bottom:10px;width:60px}.subject-card span{color:#007bff;font-size:16px;font-weight:600}.subject-card:hover{background-color:#e6f0ff;transform:scale(1.05)}.flashcard-container{align-items:center;display:flex;flex-direction:column;margin-top:30px}.flashcard{height:250px;perspective:1000px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:400px}.flashcard.flipped{transform:rotateY(180deg)}.flashcard .back,.flashcard .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;height:100%;overflow:hidden;position:absolute;width:100%}.flashcard img{height:100%;object-fit:contain;width:100%}.flashcard .back{transform:rotateY(180deg)}.buttons{margin-top:20px}button{cursor:pointer;font-size:16px;margin:0 10px;padding:8px 15px}.image-grid-container{padding:10px}.image-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.image-item{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000026;cursor:pointer;overflow:hidden;transition:transform .2s ease}.image-item:hover{transform:scale(1.05)}.image-item img{display:block;height:auto;width:100%}.image-popup{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-img{border-radius:8px;max-height:90%;max-width:90%}.close-btn{color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:25px;top:15px;z-index:1001}.tab-buttons>button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:8px 12px}.tab-buttons>button.active{background:#2563eb;border-color:#2563eb;color:#fff}.tab-buttons>button:not(.active):hover{background:#f3f4f6}.question-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;margin-bottom:15px;padding:15px}.question-card h4{margin-bottom:10px}.options-list{display:flex;flex-direction:column;gap:6px}.options-list label{gap:8px}.navbar,.options-list label{align-items:center;display:flex}.navbar{background:#007bff;box-shadow:0 2px 5px #0003;color:#fff;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar-left{align-items:center;display:flex;gap:10px}.logo{height:40px}.nav-links{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:center}.auth-buttons{display:flex;gap:10px}.nav-item{background:none;border:none;color:#fff;cursor:pointer;font-weight:500}.login-button,.register-button{background-color:#fff;border:none;border-radius:4px;color:#007bff;cursor:pointer;font-weight:700;padding:8px 12px}.login-button:hover,.register-button:hover{background-color:#e0e0e0}.dropdown{position:relative}.dropdown-content{background-color:#39f;border-radius:4px;display:flex;flex-direction:column;padding:10px;position:absolute;top:30px;z-index:999}.dropdown-content button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;text-align:left}.dropdown-content button:hover{background-color:#fff;border-radius:4px;color:#007bff}
/*# sourceMappingURL=main.d211ff68.css.map*/