.login-page{display:flex;flex-direction:column;min-height:100vh;background:#f5f5f5}.login-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.login-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #00000014;padding:3rem;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;font-weight:600;color:#333;margin:0 0 .5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input{padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:.375rem;transition:all .2s ease;background-color:#fff;color:#333}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input::placeholder{color:#999}.submit-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #007bff;border-radius:.375rem;cursor:pointer;transition:all .2s ease;background-color:#007bff;color:#fff;box-shadow:0 2px 4px #007bff26}.submit-button:hover{background-color:#0056b3;border-color:#0056b3;box-shadow:0 4px 8px #007bff33}.submit-button:active{transform:translateY(1px);box-shadow:0 1px 2px #007bff26}.forgot-password{text-align:center;margin-top:.5rem}.forgot-password a{color:#007bff;text-decoration:none;font-size:.875rem;transition:color .2s ease}.forgot-password a:hover{color:#0056b3;text-decoration:underline}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#999;font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.google-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #4285f4;border-radius:.375rem;cursor:pointer;transition:all .2s ease;background-color:#4285f4;color:#fff;box-shadow:0 2px 4px #4285f426;display:flex;align-items:center;justify-content:center;gap:.5rem}.google-button:hover{background-color:#357ae8;border-color:#357ae8;box-shadow:0 4px 8px #4285f433}.google-button:active{transform:translateY(1px);box-shadow:0 1px 2px #4285f426}.alert-message{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-notice{background-color:#efe;border:1px solid #cfc;color:#363}@media (max-width: 768px){.login-card{padding:2rem}.login-header h1{font-size:1.5rem}}