body{font-family:Montserrat,sans-serif;margin:0;padding:0}.flex-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;max-width:350px;margin:0 auto}h3{font-size:2rem;font-weight:600;margin-bottom:1.5rem}.message{color:#ff616f;font-size:1rem;margin:.5rem 0 1rem}.input-field{width:350px;padding:12px 20px;margin:12px 0;border-radius:50px;font-size:1rem;transition:all .3s ease;border:1px solid #00000033}.input-field::-moz-placeholder{color:#8e8e9f}.input-field::placeholder{color:#8e8e9f}.input-field:focus{outline:none;box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 8px #5372ff}.login-button{width:350px;padding:12px;margin:12px 0;background:linear-gradient(135deg,#5372ff,#8a3ffc);border:none;border-radius:25px;color:#f4f4f9;font-weight:700;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .3s ease,background .3s ease}.login-button:hover{background:linear-gradient(135deg,#8a3ffc,#5372ff)}.login-button:disabled{background:#4a4a5e;cursor:not-allowed}a{text-decoration:none;color:#8a3ffc;transition:color .2s ease}a:hover{color:#5372ff}.flex-container>*{margin:.5rem 0}