@import url("https://fonts.googleapis.com/css2?family=Kodchasan:wght@200;300;400;500;600;700&display=swap");.login-container{width:100%;background:linear-gradient(to bottom right,#f9dfca,#d5e9fb,#1e40af);font-family:Kodchasan,serif;flex-direction:column}.login-container,.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-wrapper{flex-wrap:wrap;max-width:72rem;margin:0 auto;padding:1rem}.login-card{display:flex;width:100%;max-width:64rem;border-radius:.75rem;background-color:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.night-scene-container{display:none;width:50%;height:15rem;position:relative}@media (min-width:768px){.night-scene-container{display:block;width:50%;height:auto}}.login-form-container{width:100%;padding:2rem}@media (min-width:768px){.login-form-container{width:50%}}.login-form-wrapper{max-width:28rem;margin:0 auto}.login-header{margin-bottom:1.5rem}.login-header h1{font-family:Kanit,serif;font-size:1.875rem;font-weight:700;line-height:1.2;color:#062a74;margin-bottom:.5rem}.login-header p{color:#6b7280}.error-message{font-size:.875rem;font-weight:500;color:#ef4444;margin-bottom:1rem}.login-form{gap:1rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{height:3rem;width:100%;border-radius:.375rem;border:1px solid #d1d5db;background-color:#f9fafb;padding:.5rem .75rem;font-size:.875rem}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-options{justify-content:space-between}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:.5rem}.remember-me input[type=checkbox]{height:1rem;width:1rem}.forgot-password,.remember-me label{font-size:.875rem;color:#6b7280}.forgot-password{text-decoration:none}.forgot-password:hover{color:#2563eb}.submit-button{height:3rem;width:100%;border-radius:.375rem;background-color:#6c5ce7;color:#fff;font-size:1.125rem;font-weight:600;padding:.5rem 1rem;border:none;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#14213d}.submit-button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb}.submit-button:disabled{opacity:.5;cursor:not-allowed}.signup-link{margin-top:1.5rem;text-align:center;font-weight:700}.signup-link a{font-size:.875rem;color:#6b7280;text-decoration:none}.signup-link a:hover{color:#14213d}@media (max-width:768px){.login-card{flex-direction:column;padding:1rem}.night-scene-container{height:10rem}.login-form-container{width:100%;padding:1rem}}@media (max-width:480px){.login-card,.login-wrapper{padding:.5rem}.login-header h1{font-size:1.5rem}.form-group input{height:2.5rem;font-size:.875rem}.night-scene-container{height:8rem}}