@import url('https://fonts.googleapis.com/css2?family=Style+Script&family=Poppins:wght@400;600&display=swap" rel="stylesheet');body{margin:0;background:#fdf2f2;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#fdf2f2;overflow:hidden}.shape{position:absolute;filter:blur(1px);opacity:.6;animation:float 20s infinite linear}.circle{border-radius:50%;background:rgb(255 77 77 / .25)}.square{background:rgb(77 137 255 / .25)}.triangle{width:0;height:0;border-left:55px solid #fff0;border-right:55px solid #fff0;border-bottom:95px solid rgb(143 185 48 / .35);background:transparent!important;position:absolute;filter:drop-shadow(0 8px 12px rgb(143 185 48 / .2));transition:all 0.3s ease}@keyframes float{0%{transform:translateY(0) rotate(0deg);opacity:.6}50%{transform:translateY(-100px) translateX(50px) rotate(180deg);opacity:.3}100%{transform:translateY(0) rotate(360deg);opacity:.6}}.s1{width:300px;height:300px;top:-100px;right:-50px;animation-duration:25s}.s2{width:150px;height:150px;bottom:10%;left:5%;animation-duration:25s}.s3{width:80px;height:80px;top:20%;left:15%;animation-duration:15s}.s4{bottom:20%;right:10%;animation-duration:30s}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-card{background:#fff;display:flex;width:900px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .1);max-height:500px}.login-illustration{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:420px}.login-illustration img{max-width:100%;height:auto}.login-form-section{flex:1.2;padding:20px;background-color:#fffaf5}.top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.brand-name{font-family:'Style Script',cursive;font-weight:700;font-size:35px}.btn-top{border:none;background:none;padding:8px 20px;cursor:pointer;border-radius:20px;font-size:14px}.btn-top.active{background:#ff4d4d;color:#fff}.subtitle{font-size:16px;color:#888;margin-bottom:30px}.input-group{margin-bottom:14px;background:#fff;padding:10px 15px;border-radius:12px;border:2px solid #fff0;box-shadow:0 4px 6px rgb(0 0 0 / .02);transition:all 0.3s cubic-bezier(.4,0,.2,1);position:relative}.input-group:focus-within{background:#fff;transform:translateY(-4px);box-shadow:0 10px 20px rgb(255 77 77 / .1)}.input-group label{display:block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:4px;transition:0.3s}.input-group:focus-within label{color:#ff4d4d}.input-group input{border:none;background:#fff0;width:100%;padding:5px 0;outline:none;font-size:16px;color:#1e293b;font-weight:500}.input-group input::placeholder{color:#cbd5e1}.btn-login{background:linear-gradient(135deg,#ff4d4d,#f43f5e);color:#fff;border:none;padding:14px 25px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;width:100%;transition:0.3s;box-shadow:0 4px 15px rgb(255 77 77 / .3)}.btn-login:hover{transform:scale(1.02);box-shadow:0 8px 25px rgb(255 77 77 / .4)}.form-footer{display:flex;justify-content:end;text-align:right;font-size:16px;color:#666;margin-bottom:20px}.form-footer a{color:#ff4d4d;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none}.form-footer a:hover{text-decoration:underline}.button-group{display:flex;gap:15px;margin-bottom:20px}.btn-create{background:#f0f0f0;color:#555;border:none;padding:12px 25px;border-radius:25px;cursor:pointer;flex:1}@media (max-width:768px){body{height:100vh;padding:0;overflow:hidden}.login-container{min-height:100vh;padding:15px}.login-card{flex-direction:column;width:100%;border-radius:15px}.login-illustration{padding:20px}.login-illustration img{max-width:220px}.login-form-section{padding:25px 20px}.brand-name{font-size:28px;text-align:center;width:100%}.top-nav{justify-content:center}.subtitle{font-size:12px;text-align:center;margin-bottom:20px}.input-group{padding:6px 10px;border-radius:10px;margin-bottom:14px}.input-group label{font-size:10px;margin-bottom:2px}.input-group input{font-size:14px;padding:2px 0}.btn-login{font-size:14px;padding:10px 15px}.form-footer{flex-direction:column;gap:10px;align-items:center}}@media (max-width:480px){.login-illustration{display:none}.login-card{box-shadow:none}.brand-name{font-size:24px}.btn-login{font-size:14px}}.swal2-popup{border-radius:15px!important;font-family:'Poppins',sans-serif!important}.swal2-styled.swal2-confirm{background-color:#ff4d4d!important}@media (max-width:480px){.swal2-toast{width:260px!important;padding:8px!important}.swal2-toast .swal2-title{font-size:13px!important}.swal2-toast .swal2-html-container{font-size:11px!important}.swal2-toast .swal2-icon{transform:scale(.6)!important;margin:0!important}}.otp-wrapper{display:flex;justify-content:center;gap:12px;margin:25px 0}.otp-input{width:40px;height:40px;text-align:center;font-size:22px;font-weight:600;border-radius:8px;border:1px solid #ddd;outline:none;transition:0.2s ease}.otp-input:focus{border-color:#ff4d4d;box-shadow:0 0 0 3px rgb(255 77 77 / .15)}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:45px}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;color:#999}.toggle-password:hover{color:#ff4d4d}.field-wrapper{margin-bottom:10px}.error-container label{color:#ff4d4d;font-size:14px;font-weight:500;margin-left:4px}.input-group.has-error{border-color:#ff4d4d!important;box-shadow:0 0 0 2px rgb(255 77 77 / .15)}.login-illustration{position:relative}.powered-text{position:absolute;top:20px;left:20px;font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;background:#aaa;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;padding:6px 12px}