*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#5ea7f4;display:flex;justify-content:center;align-items:center;min-height:100vh}body .login-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.2);width:320px;text-align:center}body .login-box h2{margin-bottom:1.5rem;color:#333}body .login-box input{width:100%;padding:10px 14px;margin:8px 0;border:1px solid #ccc;border-radius:8px;outline:none;font-size:14px;transition:border-color .3s}body .login-box input:focus{border-color:#5ea7f4}body .login-box button{width:100%;padding:12px;margin-top:1rem;border:none;border-radius:8px;background-color:#5ea7f4;color:#fff;font-size:16px;cursor:pointer;transition:background .3s}body .login-box button:hover{background-color:#4a93db}body .login-box p{margin-top:1rem;font-size:14px;color:#555}body .login-box p a{color:#5ea7f4;text-decoration:none}body .login-box p a:hover{text-decoration:underline}