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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}body{background:linear-gradient(90deg,#4facfe,#00f2fe);font-family:Arial,sans-serif;padding:0}.login-container,body{align-items:center;display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:40px;text-align:center;width:350px}.login-box h2{color:#333;font-size:24px;margin-bottom:10px}.input-group{margin-bottom:15px;text-align:left}.input-group label{color:#555;display:block;font-size:14px;font-weight:700;margin-bottom:5px}.input-group input{border:1px solid #ccc;border-radius:6px;font-size:16px;padding:10px;transition:border .3s ease-in-out;width:100%}.input-group input:focus{border:1px solid #4facfe;outline:none}.login-button{background:#4facfe;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s ease-in-out;width:100%}.login-button:hover{background:#3b8af2}.error-message{color:red;font-size:14px;margin-top:10px}.register-text{color:#555;font-size:14px;margin-top:15px}.register-text a{color:#4facfe;font-weight:700;text-decoration:none}.register-text a:hover{text-decoration:underline}.header{align-items:center;background:linear-gradient(135deg,#0d47a1,#42a5f5);box-shadow:0 4px 6px #0003;color:#fff;display:flex;justify-content:space-between;left:0;padding:15px 30px;position:fixed;top:0;width:100%;z-index:1000}.logo{font-size:22px;font-weight:700;letter-spacing:1px;white-space:nowrap}.nav-container{justify-content:space-between;width:100%}.nav-container,.nav-links{align-items:center;display:flex}.nav-links{gap:30px;margin-right:5%}.logout-link,.nav-links a{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease-in-out}.logout-link:hover,.nav-links a:hover{color:#ffeb3b}.logout-link{border-bottom:1px solid #0000;cursor:pointer;transition:border-color .3s ease-in-out}.logout-link:hover{border-color:#ffeb3b}@media (max-width:768px){.header{padding:10px 20px}.nav-links{gap:15px}.logo{font-size:20px}}body{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Poppins,sans-serif;margin:0;overflow-x:hidden}.landing-container{animation:fadeIn 1.5s ease-in-out;margin-top:50%;padding:40px;text-align:center}.hero{background:linear-gradient(135deg,#ff0080,#f0f,#8000ff);border-radius:20px;box-shadow:0 0 15px #ff00ff4d;margin:20px auto;padding:50px 20px;transition:transform .3s ease-in-out;width:80%}.hero:hover{transform:scale(1.05)}.hero h1{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(left,#fff,#fcf);-webkit-background-clip:text;font-size:3rem;font-weight:700}.hero p{font-size:1.5rem;margin-bottom:20px}.cta-button{background:linear-gradient(90deg,#ff0040,#ff0080,#f0f);border:none;border-radius:50px;box-shadow:0 5px 15px #ff00804d;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px 30px;transition:all .3s ease-in-out}.cta-button:hover{background:linear-gradient(90deg,#ff0080,#f0f,#8000ff);transform:scale(1.1)}.features{margin-top:50px}.features h2{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(left,#fff,#fcf);-webkit-background-clip:text;font-size:2.5rem}.features-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:30px}.feature-item{background:linear-gradient(135deg,#2b2b52,#30336b);border-radius:15px;box-shadow:0 0 15px #f0f3;padding:20px;text-align:center;transition:transform .3s ease-in-out;width:250px}.feature-item:hover{transform:scale(1.1)}.feature-item h3{font-size:1.5rem}.feature-item p{font-size:1rem}.how-it-works{margin-top:50px}.how-it-works h2{font-size:2.5rem}.steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.step{background:linear-gradient(135deg,#0f3460,#16213e);border-radius:10px;box-shadow:0 0 15px #fff3;font-size:1.2rem;padding:15px;transition:transform .3s ease-in-out;width:220px}.step:hover{transform:scale(1.1)}.footer{color:#ccc;font-size:1rem;margin-top:50px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exam-layout{overflow:hidden;width:100vw}.exam-layout,.sidebar{display:flex;height:100vh}.sidebar{align-items:center;background:#007bff;color:#fff;flex-direction:column;left:0;margin-top:6%;padding:20px;position:fixed;top:0;width:170px}.sidebar button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:18px;padding:10px;text-align:left;transition:.3s;width:100%}.sidebar button.active{background:#fff;border-radius:5px;color:#007bff;font-weight:700}.sidebar button:hover{background:#fff3}.main-content{background:#f4f4f4;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin-left:210px;margin-top:6%;overflow-y:auto;padding:20px;width:calc(100vw - 200px)}.exam-options{background:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:10px}.exam-options button{background:#fff;border:2px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;font-size:16px;padding:10px 15px;transition:.3s}.exam-options button.active{background:#007bff;color:#fff}.exam-grid{grid-gap:15px;box-sizing:border-box;display:grid;flex-grow:1;gap:15px;grid-template-columns:repeat(3,minmax(250px,1fr));margin-left:1%;padding-left:10px;width:100%}.exam-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:2px 2px 10px #0000001a;padding:15px}.exam-card h3{color:#333;font-size:18px;margin-bottom:5px}.exam-card p{color:#555;font-size:14px;margin-bottom:3px}.exam-card .attempted{color:green;font-weight:700}@media (max-width:1024px){.exam-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media (max-width:768px){.exam-grid{grid-template-columns:repeat(1,minmax(250px,1fr))}}
/*# sourceMappingURL=main.88be20d8.css.map*/