.register-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#c6deef}.box{position:relative;width:380px;height:500px;background:#fff;border-radius:8px;overflow:hidden;padding:10px;box-shadow:0 4px 8px #0000001a}.box form{position:relative;background:#fff;padding:50px 40px;border-radius:8px;z-index:2;display:flex;flex-direction:column}.box form .inputBox input{position:relative;width:100%;padding:10px;background:transparent;outline:none;border:none;border-bottom:2px solid #0288d1;color:#0288d1;font-size:1em;letter-spacing:.05em;transition:.5s}.box form .inputBox span{position:absolute;left:0;padding:10px 0;pointer-events:none;color:#8f8f8f;font-size:.9em;letter-spacing:.05em;transition:.5s}.box form .inputBox input[name=email]:focus~span,.box form .inputBox input[name=email]:valid~span{top:-30px}#submit{border:none;outline:none;padding:10px 25px;cursor:pointer;font-size:1em;border-radius:4px;font-weight:600;background:#0288d1;color:#fff;width:100%;margin-top:30px;transition:background .3s}body,html{margin:0;padding:0;height:100%;background:#c6deef;font-family:Poppins,sans-serif}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#c6deef;overflow:hidden}.box{position:relative;width:380px;height:450px;background:#fff;border-radius:8px;overflow:hidden;padding:10px;box-shadow:0 4px 8px #0000001a;z-index:2}.box:before,.box:after{content:"";position:absolute;top:-50%;left:-50%;width:380px;height:420px;background:linear-gradient(0deg,transparent,transparent,#0288d1,#0288d1);z-index:1;transform-origin:bottom right;animation:animate 6s linear infinite}.box:after{animation-delay:-3s}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.box form{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#fff;padding:50px 40px;border-radius:8px;z-index:2;display:flex;flex-direction:column}.box form h2{color:#0288d1;font-weight:500;text-align:center;letter-spacing:.1em}.box form .inputBox{position:relative;width:100%;margin-top:35px}.box form .inputBox input{position:relative;width:100%;padding:5px 10px;background:transparent;outline:none;border:none;border-bottom:2px solid #0288d1;color:#0288d1;font-size:1em;letter-spacing:.05em;transition:.5s;z-index:2}.box form .inputBox input:focus{border-bottom:2px solid #004c8c}.box form .inputBox span{position:absolute;left:0;top:-10px;pointer-events:none;color:#8f8f8f;font-size:1em;letter-spacing:.05em;transition:.5s}.box form .inputBox input[name=username]:focus~span,.box form .inputBox input[name=username]:valid~span{top:-33px;font-size:.8em;color:#0288d1}.box form .inputBox input[name=password]:focus~span,.box form .inputBox input[name=password]:valid~span{top:-30px;font-size:.8em;color:#0288d1}.box form .inputBox input:focus~span,.box form .inputBox input:valid~span{top:-20px;font-size:.8em;color:#0288d1}.box form .links{display:flex;justify-content:space-between}.box form .links a{margin:10px 0;font-size:.75em;color:#0288d1;text-decoration:none}.box form .links a:hover{color:#004c8c}#submit{border:none;outline:none;padding:10px 25px;cursor:pointer;font-size:1em;border-radius:4px;font-weight:600;background:#0288d1;color:#fff;width:100%;margin-top:20px;transition:background .3s}#submit:hover{background:#004c8c}footer{text-align:center;background:#0288d1;color:#fff;padding:10px 0;position:fixed;bottom:0;width:100%;z-index:10}body{font-family:Poppins,sans-serif;background-color:#c6deef;margin:0;padding:0}.container{max-width:700px;margin:20px auto;background-color:#000000b3;padding:30px;box-shadow:0 4px 8px #00000080;border-radius:8px}button{background-color:#fa0;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}button:hover{background-color:#e68a00}input[type=text],input[type=number],select{width:100%;padding:12px;margin:10px 0;display:block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.navbar{background-color:#1c1e24e6;padding:15px;box-shadow:0 4px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100%;z-index:1}.navbar h6{color:#fa0;font-size:1.5rem;margin:0;padding-left:10px}.navbar .links{display:flex;gap:20px}.navbar .links a{color:#fa0;text-decoration:none;font-size:1rem;transition:all .3s ease}.navbar .links a:hover{color:#fc6}.welcome{text-align:center;padding:100px 20px}.welcome h1{color:#fa0;font-size:3rem;margin-bottom:20px}.welcome p{color:#fff;font-size:1.2rem}.logo-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.logo-container img{max-width:150px;height:auto}.prediction-form{max-width:700px;margin:100px auto;padding:40px;background-color:#ffffff1a;border-radius:10px;box-shadow:0 4px 10px #0003}.prediction-form h2{text-align:center;color:#fa0;margin-bottom:30px}.prediction-form input,.prediction-form select{width:100%;padding:15px;margin-bottom:20px;border-radius:5px;border:1px solid #ccc;box-sizing:border-box}.prediction-form button{width:100%;background-color:#fa0;color:#fff;border:none;padding:15px;font-size:1.2rem;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.prediction-form button:hover{background-color:#e68a00}.prediction-form label{color:#fff;font-weight:700}.home-page{background-image:url(/assets/logo-CD7hzrc3.png);background-size:150px;background-repeat:no-repeat;background-position:top 80px center}.prediction-page{padding-top:50px;background-image:url(/assets/logo-CD7hzrc3.png);background-size:100px;background-repeat:no-repeat;background-position:top 20px center}.MuiContainer-root{padding:80px}.button-container{display:flex;justify-content:center;align-items:center;margin-top:2rem}.btn{border:none;width:auto;padding:1rem 2rem;border-radius:3em;display:flex;justify-content:center;align-items:center;gap:12px;background:#6c757d;cursor:pointer;transition:all .45s ease-in-out}.sparkle{fill:#f8f9fa;transition:all .8s ease}.text{font-weight:600;color:#f8f9fa;font-size:medium;white-space:nowrap}.btn:hover{background:linear-gradient(0deg,#1e90ff,#4682b4);box-shadow:inset 0 1px #fff6,inset 0 -4px #0003,0 0 0 4px #fff3,0 0 180px #4682b4;transform:translateY(-2px)}.btn:hover .text{color:#fff}.btn:hover .sparkle{fill:#fff;transform:scale(1.2)}